@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: 30px;
    line-height: 1;
    /* margin-bottom: 0; */
    /* text-align: center; */
  }
    .title-item h3 {
      font-size: 18px;
  }
  
  .info-title-item {
      font-size: 15px;
  }
  
  .info-title-item {}
  
  .item-blog {
      padding: 20px;
  }
  
  .icon-left {
      width: 50px;
      height: 50px;
  }
  
  .title-item {
      padding-left: 10px;
  }
  
  .title-right-blog {
      font-size: 22px;
  }
  
  .left-form form {
      margin-top: 30px;
  }
  
  .btn-submit button {
      font-size: 14px;
      padding: 8px 15px;
  }

  
}


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

  .title-right-blog {
      padding: 15px 20px 15px;
  }
  
  .left-form {
      width: 60%;
  }
  
  .right-infos {
      width: 40%;
  }
  
  .item-blog {
      padding: 15px;
  }

}

@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;
    }
    
        .left-form .title-bloc {
        font-size: 28px;
    }
    
    .sub-title {
        font-size: 16px;
    }
    
    .item-blog {
        justify-content: center;
        width: 100%;
    }
    
    .title-item {
        width: auto;
    }



}


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

@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: 486px){

    .btn-submit button {
    font-size: 12px;
    padding: 6px 10px;
    }
    
    .wrap-field input, .wrap-field textarea, .wrap-field select, ::placeholder {
        font-size: 13px;
    }
    
    .title-right-blog {
        font-size: 20px;
        line-height: 36px;
        padding: 10px 20px;
    }

    .item-blog {
        padding: 10px 15px;
    }
    
    .icon-left {
        width: 40px;
        height: 40px;
    }
    
    .title-item h3 {
        font-size: 15px;
    }
    
    .info-title-item {
        font-size: 13px;
    }

    .item-blog {
        justify-content: initial;
    }
    
}


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


}