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


}


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


}


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


}


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

    .wrap-left-contact {padding: 50px 40px 45px;}

.main-title {font-size: 35px;}

.item-info-contact {padding: 35px 25px 25px;}

}


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

.left-contact {width: 100%;margin-bottom: 25px;}

.wrap-left-contact {margin: 0;}

.right-contact {width: 100%;}

.item-info-contact {padding: 35px 40px 25px;}

}


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


}


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

   .input-field {width: 100%;margin-bottom: 10px;}

.sub-title {font-size: 14px;}

.main-title {font-size: 22px;line-height: 1.5;}

.wrap-left-contact {padding: 30px 20px 30px;}

.top-right-contact {padding: 20px 25px 20px;}

.top-right-contact h2 {font-size: 20px;line-height: 1.5;}

.infobox-title {font-size: 18px;margin: 0 0 5px;}

.infobox-content {font-size: 14px;line-height: 1.7;}

.item-info-contact {align-items: center;padding: 25px 20px 20px;}

.wrap-field input, .wrap-field textarea, .wrap-field select {font-size: 14px;padding: 10px 20px;}

.input-field i {line-height: 47px;}

.btn.btn-connexion {font-size: 14px;line-height: 1.2;}
   
.contact-form ::placeholder {
   font-size: 14px;
   color: #bababa ;
}

}


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

   

}


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


}