#section-contact-form {margin-bottom: 40px}
.contact-form-box {
    background: rgb(226,244,253);
    background-image: url('../images/contact-box-bg.png');
    background-image: url('../images/contact-box-bg.png'), linear-gradient(90deg, rgba(226,244,253,1) 0%, rgba(173,229,250,1) 100%);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 50px 5% 70px 5%; border-radius: 40px 40px 150px 40px;
}
.contact-box-left {float: left; width: 50%; padding-right: 2.5%;}
.contact-box-right {float: left; width: 50%; padding-left: 2.5%;}
#section-contact-form .section-title {position: relative; padding-right: 10%; padding-top: 20px; margin-bottom: 20px;}
.title-decor-blue {position: absolute; top: 0; right: 0; background: url('../images/title-decor-blue.png'); width: 33px; height: 32px;}
.contact-detail-wrapper {margin-bottom: 15px;}
.contact-detail-icon {width: 25px; float: left;}
.contact-detail-content {overflow: hidden;}
.contact-detail-content a {color: #000;}
.contact-detail-content a:hover {color: var(--blue);}

::placeholder {color: #46c1be; opacity: 1; /* Firefox */}
::-ms-input-placeholder { /* Edge 12 -18 */color: #46c1be;}

@media screen and (max-width: 1000px) {
    #section-contact-form .section-title {font-size: 30px;}
    .contact-detail-content {font-size: 15px;}
}

@media screen and (max-width: 900px) {
    #section-contact-form .section-title {font-size: 28px;}
    .contact-detail-content {font-size: 14px;}
}

@media screen and (max-width: 800px) {
    
}

@media screen and (max-width: 700px) {
    
}

@media screen and (max-width: 600px) {
    #section-contact-form .section-title {font-size: 32px; text-align: center;}
    .contact-detail-content {font-size: 16px;}
    .contact-box-left {float: none; width: 100%; padding-right: 0; margin-bottom: 20px;}
    .contact-box-right {float: none; width: 100%; padding-left: 0;}
    .contact-form-wrapper .form-input {text-align: center;}
}

@media screen and (max-width: 550px) {
    #section-contact-form .section-title {font-size: 30px;}
    .contact-detail-content {font-size: 15px;}
}

@media screen and (max-width: 500px) {
    #section-contact-form .section-title {font-size: 28px;}
    .contact-detail-content {font-size: 14px;}
}

@media screen and (max-width: 450px) {
    
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 350px) {

}