@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) {


.left-form .title-bloc {
  /* color: #032e42; */
  font-size: 37px;
  line-height: 1;
  /* margin-bottom: 0; */
  /* text-align: center; */
}
}


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

       
    .wrap-blog-contact.row-container {
      display: flex;
      flex-wrap: wrap;
    }
    
    .left-form {
      width: 100%;
      padding: 0;
    }
    
    .right-infos {
    }
    
    .right-infos {
      width: 100%;
      padding: 27px 0 0;
    }
    
    .wrap-left-form {
      /* padding: 20px 14px 20px; */
    }
    
    .section-title h2 {
      /* font-size: 34px; */
      /* padding: 10px 0; */
    }

    .wrap-field input, .wrap-field textarea, .wrap-field select {
      padding: 10px 10px;
    }
    .field-form {
    }



.wrapper-blog-contact {
    padding: 45px 0 30px;
}



}


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

   .left-form .title-bloc {
      /* font-size: 1.9em; */
      /* line-height: 35px; */
  }
  .sub-title {
   color: #5fbb32;
   font-size: 12px;
   }

   .field-form {
      position: relative;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box;
      margin-bottom: 20px;
  }
}


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

  
  .left-form form {
    margin-top: 0;
}

  .left-form form {
    margin-top: 0;
}

.field-form i {
    font-size: 13px;
}
  
  .field-form {
  padding: 0 10px;
  width: 100%;
}
.left-form .title-bloc {
  font-size: 22px;
  margin-bottom: 20px;
}

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

.wrap-field input, .wrap-field textarea, .wrap-field select {
    height: 50px;
    font-size: 14px;
    line-height: 30px;
}

.title-right-blog {
    font-size: 18px;
    line-height: 1;
}

.item-blog {
    padding: 20px 20px 15px;
}

.title-item h3 {
    font-size: 17px;
}

h2.info-title-item {
    font-size: 13px;
    line-height: 1;
}

.icon-left {
    width: 50px;
    height: 50px;
    font-size: 15px;
}

}


@media only screen and (max-width: 375px) {
   
#btn-valider-contact {
  /* padding: 13px; */
  /* font-size: 15px; */
}
.title-right-blog {
  font-size: 18px;
}

.title-item h3 {
  font-size: 16px;
}
.icon-left {
  width: 50px;
  height: 50px;
}


  .title-item {
    padding-left: 12px;
    width: calc(100% - 50px);
}
  
}


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


}