/* responsive ******************************************************************************/

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

}


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

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

}

@media only screen and  (max-width: 400px) {
  .services-tabs {
    padding: 50px 0 60px 30px;
  }
  .services-tabs .nav-pills .nav-link {
    width: 95%;
  }
  .tab-pane img {
    right: -20px;
    max-width: 170px;
    height: 150px;
  }
  h2 {
    font-size: 35px;
    line-height: 40px;
  }
  label {
    font-size: 14px;
  }
}


@media only screen and  (max-width: 320px) {
  h2 {
    font-size: 30px;
    line-height: 40px;
  }
  h1, .h1 {
    font-size: 60px;
    line-height: 50px;
  }
  .img-box img {
    max-width: 80px;
    width: 100%;
  }
  .tab-pane img {
    max-width: 150px;
    height: 130px;
  }
  .services-tabs .nav-pills .nav-link h6{
    font-size: 16px;
    line-height: 16px;
  }
  .contact-info i{
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
  .contact-info a {
    font-size: .75rem;
  }
  .hover-fx, .footer-section i{
    width: 16px;
    height: 16px;
  }
  .footer-section i {
    font-size: 10px;
  }
  label {
    font-size: 12px;
  }
  .form-control {
    font-size: .8rem;
  }
  .checkbox .checkmark::after{
    width: 4px;
    height: 7px;
  }
  .checkbox .checkmark{
    width: 13px;
    height: 13px;
  }
  .bottom-btn-block a.btn {
    font-size: 20px;
  }
}