@media (min-width:100px) and (max-width:767px) {
    .headtop-inner , .header-links ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-links ul li:not(:last-child) {
      padding-right: 10px;
    }
    .header-links ul li a {
        gap:4px;
        font-size: 13px;
    }
    .header-links ul {
        gap: 10px;
    }
    .banner-pad {
        padding: 20px 20px 0px 20px;
    }
    .banner-content {
        width: 100%;
        padding: 15px;
    }
    .banner-img {
        width: 100%;
    }
    .main-banner {
        gap:50px;
        flex-wrap: wrap;
        padding: 0;
    }
    .banner-content h1 {
        font-size: 40px;
    }
    .btn a {
        padding: 15px 25px;
        font-size: 14px;
    }
    .desc p {
        font-size: 16px;
    }
    .comitted , .serv-inner , .Testimonials {
        padding: 50px 0px;
      }
    .com-head {
        flex-wrap: wrap;
        gap:30px;
    }
    .com-head p {
        /* padding-top: 20px; */
        
        /* border-top: 2px solid var(--logo-blue); */
        font-size: 16px;
    }
    .com-head h2 , .serv-head h2 , .testi-head h2{
        font-size: 36px;
    }
    .form-head h4 {
        font-size: 30px;
    }
    .com-Form {
        padding: 30px 20px;
    }
    .mainform .form-row {
        flex-wrap: wrap;
    }
    .srv-txt h4 {
        font-size: 22px;
    }
    .srv-img img {
        height: 240px;
    }
    .owl-nav {
        display: none;
    }
    .user-detl h3 {
        font-size: 16px;
    }
    .user-detl h4 {
        font-size: 14px;
    }
    .fot-top {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .fot-row h4 {
        font-size: 26px;
    }
    .fot-row .branches li {
        font-size: 15px;
    }
    .gettouch li a {
        font-size: 15px !important;
    }
    .fot-end ul {
        flex-wrap: wrap;
        gap:10px;
    }
    .fot-end ul li:not(:last-child) {
        padding-right: 10px;
    }
    .fot-end ul li a {
        font-size: 14px;
    }
    .fot-row .icon {
        text-align: center;
        display: inline-block;
    }
    .fot-row ul.branches {
        align-items: center;
    }
    .fot-top {
        justify-content: center;
        flex-direction: column;
    }
    .fot-row .btn {
      text-align: center;
    }
    .fot-row .btn a {display: inline-block;

    }
    .fot-row {
        text-align: center;
      }
      .gettouch {
        align-items: center;
      }


      .headmain-inner {
        flex-wrap: wrap;
        gap:10px;
      }
      #cssmenu #menu-button {
        position: absolute;
        top: -60px;
        right: 0 !important;
      }
      .logo {
      }
      .head-logo a img {
        width: 140px;
      }
      .headmain-inner{
        gap: 0;
      }
      #cssmenu .btn a {
        border-radius: 0 !important;
        width: 100% !important;
        padding: 15px !important;
      }
      #cssmenu .btn a svg {
        display: none;
      }
      .innerpage { 
        padding: 50px 0;
    }
    #cssmenu > ul > li > a {
      font-size: 15px;
    }
     
    .bnrcontbox {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .custboxmain {
      margin: 0;
    }
    .custbox {
      padding: 40px 25px;
    }
    .custbox h2 {
      font-size: 20px;
      padding-left: 50px;
    }
    .custbox svg {
      width: 40px;
    }

    .benefits-section .wrapper {
      padding: 40px 15px;
    }
    .benefits-section .content-side h2 {
      font-size: 30px;
    }
    .footer-inner {

    }
    .fot-top {
      margin-bottom: 0;
    }
      
    .counter-section {
      padding: 40px 0px;
    }
    .counters-card {
      padding: 0;
    }
    .formSec {
      flex-direction: column;
    }
    .com-head {
      width: 100%;
    }
    .com-head p {
      width: 100%;
      font-size: 16px;
      line-height: 26px;
    }
    .com-Form {
      width: 100%;
    }
    .custboxmain {
      display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
    .counters-card .title {
      font-size: 16px;
    }
    .counters-card .number {
      font-size: 40px;
    }
    main iframe {
      height: 300px;
    }
    .img-side {
      width: 100%;
    }
    
}
@media (min-width:768px) and (max-width:991px) {

    .header-links ul li a {
        font-size:14px;
    }
    .header-socials li a svg {
        width: 32px;
    }
    .head-nav .nav li a {
        font-size: 16px;
    }
    .banner-pad {
        padding: 50px 30px 0px 30px;
    }
    .banner-content h1 {font-size: 50px;}
    .desc p {
        font-size: 16px;
    }
    .btn a {
        padding: 15px 25px;
    }
    .main-banner {
        gap:20px;
        align-items: end;
    }
    .banner-content h5 {
        font-size: 18px;
    }
    .desc {
        margin-bottom: 20px;
    }
    .banner-content {
        margin-bottom: 50px;
    }
    .comitted {
        padding: 50px 0px;
      }
      .com-head h2 {
        font-size: 36px;
      }
      .com-head p {
        font-size: 16px;
      }
      .serv-inner {
        padding: 50px 0px;
      }
      .serv-head h2 {
        font-size: 36px;
      }
      .srv-txt h4 {
        font-size: 26px;
      }
      .testi-head h2 , .form-head h4 {
        font-size: 36px;
      }
      .Testimonials {
        padding: 50px 0px;
      }
      .fot-row h4 {
        font-size: 24px;
      }
      .fot-row .branches li {
        font-size: 14px;
      }
      .gettouch li h5 {
        font-size: 16px;
      }
      .fot-top .btn a {
        font-size: 14px;
        padding: 15px 20px;
      }
      .fot-row .branches li svg {
        width: 22px;
      }
      .gettouch li a {
        font-size: 14px;
      }
      .owl-nav {
        display: none;
    }
    #cssmenu > ul > li {
      margin-left: 12px;
    }
    #cssmenu > ul > li > a {
      font-size: 16px;
      padding: 0;
    }
    .head-logo a img {
      width: 120px;
    }
    .sticky .head-logo a img {
      width: 120px;
    }
    #cssmenu .btn a {
      padding: 15px 15px;
    }
    .benefits-section .content-side h2 {
      font-size: 36px;
    }
    .innerpage { 
        padding: 50px 0;
    }
    .counters-card {
      padding: 20px;
    }
    .counter-section {
      padding: 50px 0px;
    }
    .counters-card .title {
      font-size: 1.1rem;
    }
    .bnrcontbox {
      width: 80%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .header-links ul li a {
        font-size:14px;
    }
    .header-socials li a svg {
        width: 32px;
    }
    .head-nav .nav li a {
        font-size: 16px;
    }
    .banner-pad {
        padding: 50px 30px 0px 30px;
    }
    .banner-content h1 {font-size: 50px;}
    .desc p {
        font-size: 16px;
    }
    .btn a {
        padding: 15px 25px;
    }
    .main-banner {
        gap:20px;
    }
    .banner-content h5 {
        font-size: 18px;
    }
    .desc {
        margin-bottom: 20px;
    }
    .banner-content {
        margin-bottom: 50px;
    }
    .comitted {
        padding: 50px 0px;
      }
      .com-head h2 {
        font-size: 45px;
      }
      .com-head p {
        font-size: 16px;
      }
      .serv-inner {
        padding: 50px 0px;
      }
      .serv-head h2 {
        font-size: 45px;
      }
      .srv-txt h4 {
        font-size: 18px;
      }
      .testi-head h2 {
        font-size: 45px;
      }
      .Testimonials {
        padding: 50px 0px;
      }
      .fot-row h4 {
        font-size: 24px;
      }
      .fot-row .branches li {
        font-size: 14px;
      }
      .gettouch li h5 {
        font-size: 16px;
      }
      .fot-top .btn a {
        font-size: 14px;
        padding: 15px 20px;
      }
      .fot-row .branches li svg {
        width: 22px;
      }
      .gettouch li a {
        font-size: 14px;
      }
      .owl-nav {
        display: none;
    }
    .innerpage { 
        padding: 60px 0;
    }
    .head-logo a img {
      width: 150px;
    }

    #cssmenu > ul > li {
      margin-left: 20px;
    }
    #cssmenu .btn a {
      padding: 20px 25px;
    }
    .benefits-section .content-side h2 , .testi-head h2 {
      font-size: 40px;
    }
    .form-head h4 , .com-head h2 , .serv-head h2 {
      font-size: 36px;
    }
    .user-detl h3 {
      font-size: 15px;
    }
    .user-detl h4 {
      font-size: 14px;
      letter-spacing: 0;
    }
}
@media (min-width:1200px) and (max-width:1400px) {
    .owl-nav {
        display: none;
    }
    .banner-content h1 {
        font-size: 55px;
    }
    .innerpage { 
        padding: 50px 0;
    }
}