@media (min-width: 1200px) {
  .ps,.px {
      padding-left:5rem
  }

  .pe,.px {
      padding-right: 5rem
  }
}
@media (min-width: 1200px) and (max-width:1699.98px) {
  
  :root {
      --body: 14px;
      --nav-font: 14px;
      --nav-title-font: 13px;
      --hero-heading: 52px;
      --main-heading: 40px;
      --heading-lg: 35px;
      --heading: 30px;
      --sub-heading: 20px;
      --b-heading: 18px;
      --c-heading: 20px;
      --small-heading: 16px;
      --title: 21px;
      --title-heading: 24px;
      --sub-title: 20px;
      --title-sm: 12px;
      --para: 15px;
      --para-sm: 12px;
      --para-md: 13px;
      --para-sub: 14px;
      --btn-font-size: 13px;
      --counter-font-size: 25px;
      --footer-li-size: 14px
  }

  .main-heading.space-one {
      margin-bottom: 50px
  }

  /* .c-heading,.main-heading {
      margin-bottom: 20px
  } */

  .px {
      padding-left: 4rem;
      padding-right: 4rem
  }

  .py {
      padding-top: 3rem;
      padding-bottom: 3rem
  }
  .pt {
        padding-top: 3rem;
    }
    .pb{
        padding-bottom: 3rem;
    }
    .c-heading, .detail-list .ul li, .main-heading {
        margin-bottom: 20px;
    }
    .mt-cmn {
        margin-top: 20px;
    }
}
@media (min-width: 576px) and (max-width:1199.98px){
    :root {
        --body: 14px;
        --nav-font: 14px;
        --nav-title-font: 13px;
        --hero-heading: 45px;
        --main-heading: 45px;
        --heading-lg: 35px;
        --heading: 30px;
        --sub-heading: 21px;
        --b-heading: 18px;
        --c-heading: 20px;
        --small-heading: 17px;
        --title: 21px;
        --title-heading: 24px;
        --sub-title: 15px;
        --title-sm: 12px;
        --para: 14px;
        --para-sm: 12px;
        --para-md: 13px;
        --para-sub: 14px;
        --number-font-size: 30px;
        --counter-font-size-one: 45px;
        --counter-content-size: 20px;
        --small-heading-sm: 16px;
        --para-h: 20px;
        --heading-one: 36px;
        --border-radius-sm: 3px;
        --border-radius-md: 7px;
        --border-radius-lg: 12px;
        --border-radius-xl: 17px;
        --border-radius-xxl: 22px;
        --btn-font-size: 13px;
        --counter-font-size: 25px;
        --footer-li-size: 14px;
        --sm-heading: 13px;
        --a-heading: 15px;
        --label-font-size: 15px;
        --badge-font-size: 11px;
        --control-font-size: 14px
    }
    .hero-content{
        margin-bottom: 20px;
    }
    .mt-cmn {
        margin-top: 20px;
    }
    .py {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .pe, .px {
        padding-right: 4rem;
    }
    .ps, .px {
        padding-left: 4rem;
    }
    .footer-bottom{
        flex-direction: column;
    }
    .navbar-toggle{
        display: block;
    }
    .navbar-menu{
        display: none;
    }
    .navbar-links{
        flex-direction: column;
    }
}
@media (max-width: 575.98px){
    :root {
        --body: 13px;
        --nav-font: 14px;
        --nav-title-font: 13px;
        --hero-heading: 45px;
        --main-heading: 35px;
        --heading-lg: 30px;
        --heading: 28px;
        --sub-heading: 21px;
        --b-heading: 18px;
        --c-heading: 20px;
        --small-heading: 17px;
        --title: 18px;
        --title-heading: 24px;
        --sub-title: 15px;
        --title-sm: 12px;
        --para: 14px;
        --para-sm: 12px;
        --para-md: 13px;
        --para-sub: 14px;
        --number-font-size: 30px;
        --counter-font-size-one: 34px;
        --counter-content-size: 16px;
        --small-heading-sm: 16px;
        --para-h: 17px;
        --heading-one: 36px;
        --border-radius-sm: 3px;
        --border-radius-md: 6px;
        --border-radius-lg: 10px;
        --border-radius-xl: 14px;
        --border-radius-xxl: 17px;
        --btn-font-size: 13px;
        --counter-font-size: 25px;
        --footer-li-size: 14px;
        --sm-heading: 13px;
        --a-heading: 14px;
        --label-font-size: 13px;
        --badge-font-size: 11px;
        --control-font-size: 14px;
        --spl-font: 30px
    }
    .py {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .pt{
        padding-top: 3rem;
    }
    .mt-cmn {
        margin-top: 20px;
    }
    .hero-swiper .swiper-slide{
        height: 100%;
    }
    .bannerSwiper .swiper-slide{
        height: auto;
    }
    .blog-details-inner{
        padding: 60px 20px;
    }
}