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



}


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

   .left-form {
      width: 100%;
      padding: 0;
  }

  .right-infos {
   width: 100%;
   margin-top: 61px;
   padding: 0;
}

}


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

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

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


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

}


@media only screen and (max-width: 375px) {
   .sub-title:after {
      width: 27px;
      /* height: 4px; */
      background-color: #5fbb32;
      /* display: inline-block; */
      /* border-radius: 10px; */
      right: -52px;
  }
  .sub-title:before, .sub-title:after, .sub-title span:before, .sub-title span:after {
   width: 12px;
   height: 3px;
   background-color: #5fbb32ab;
   display: inline-block;
   /* margin-right: 5px; */
   /* margin-left: 12px; */
   border-radius: 10px;
   content: "";
   position: absolute;
   right: -19px;
   top: 50%;
   transform: translateY(-50%);
}
.sub-title {
   color: #5fbb32;
   font-size: 14px;
}
.left-form .title-bloc {
   font-size: 1.7em;
   line-height: 35px;
}
   

}


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


}