/*-------------------------------------
# responsive css
-------------------------------------*/
@media only screen and (max-width: 600px) {
 /* body.overflow-hidden .js-mm-toggle{
  color: #ffffff;
 }  */
 footer .col-span-3, footer .col-span-6{
  width: 100%;
  grid-column: span 12 / span 12;
 }
 footer .col-span-6.mb-120{
  margin-bottom:0px;
 }
 .m-show{
   display: block;
 }
 .arrow-svg{
  margin-top: 20px;
 }
 header.top-0 {
   top: 0 !important;
 }
 .js-hh-caption{
  display: none;
 }
 .js-hh-end{
  padding-top: 8rem;
 }
 .js-hide-sh.sticky {
    position: -webkit-relative;
    position: relative;
}
.header-text i.fa-asterisk.text-64{
  font-size: 5rem;
}
body{ font-size: 1.8rem; }
body .list-dots li, body .txt ul li{
  font-size: 1.8rem;
  line-height: 1.35;
}

.client-slider.formobile {
  display: flex;
}
.bloghiddenbox{
      max-height: 180px !important;
    min-height: 180px !important;
    background: #f8f39c;
    display: grid;
    align-content: center;
    overflow: hidden;
}
.blog-image{ height: auto !important; }
.blogimg{ height: auto !important; }
.job-form-modal{ max-width: 90%;}
.job-position-form input, .job-position-form select{
    padding: 5px 10px;
    font-size: 14px;
    /*margin-bottom: 10px;
    height: 30px; */
}
.file-upload span{ font-size: 12px; }
.file-upload label {
    font-size: 12px;
    padding: 5px;
    width: 40%;
    margin-left: 0px;
}
.job-position-form button {
    /* margin-top: 10px;
    padding: 8px 30px; */
    font-size: 14px;
}
/* .modal-header {
    padding: 1em 2em .5rem;
} */
}

@media only screen and (min-width: 601px) {
  .hero-text .text-64 {
   font-size: 15.4rem;
 }
 .hero-text .s\:text-9 {
   font-size: 1.1rem;
 }
 .hero-text .s\:pt-80 {
   padding-top: 20rem;
   padding-bottom: 10rem;
  }
}

@media only screen and (min-width: 685px) and (max-width: 768px) {
  .hero-text .s\:pt-80 {
    padding-top: 35rem;
    margin-bottom: 17rem;
  }
}

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

@media only screen and (min-width: 992px) {
  
} 

@media only screen and (min-width: 1200px) {
 .m-show{
   display: none;
 }
}
@media only screen and (max-width: 1200px) {
 .d-show{
   display: none;
 }
 header.top-0 {
   top: 30px;
 }


}
@media only screen and (min-width: 1301px) {
  .h-\[50rem\] {height: 50rem; }
}



@media only screen and (min-width: 685px) and (max-width: 768px) {
  .job-form-modal {
    max-width: 90%;
    margin: 0 auto;
  }
}