@media (min-width: 1200px) and (max-width:1699.98px) {
  
  :root {
    --sl-heading: 45px;
    --lg-heading: 34px;
    --heading: 49px;
    --heading-one: 31px;
    --heading-two: 19px;
    --main-heading: 24px;
    --title: 19px;
    --int-font: 28px;
    --small-heading: 17px;
    --t-heading: 15px;
    --breadcrumb-font: 34px;
    --para: 14px;
    --btn-font-size: 13px;
    --btn-font-size-sm: 10px;
    --body: 15px;
    --sub-heading: 20px;
    --sub-heading-one: 17px;
    --para-sm: 14px;
    --para-xs: 13px;
    --para-xss: 11px;
    --form-font-size: 13px;
    --line-height: 1.5;
    --nav-font-size: 14px;
    --sub-nav-font-size: 13px;
    --inline-badge-size: 12px;


  }

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

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

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

  .py {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  .py-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }
  .py-md {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
  .pt {
    padding-top: 2.5rem;
}
.pb {
  padding-bottom: 2.5rem;
}
.pt-md {
  padding-top: 2rem
}

.pb-md {
  padding-bottom: 2rem
}
.pt-sm {
  padding-top: 1.5rem
}

.pb-sm {
  padding-bottom: 1.5rem
}
.main-heading h2 {
  margin-bottom: 12px;
}
.title h5 {
  margin-bottom: 8px;

}
.sub-heading h4 {
  margin-bottom: 8px;

}
.sub-heading h5 {
  margin-bottom: 8px;

}
}
@media only screen and (min-width: 576px) and (max-width: 1199.98px) {
  :root {
    --sl-heading: 44px;
    --lg-heading: 33px;
    --heading: 48px;
    --heading-one: 30px;
    --heading-two: 18px;
    --main-heading: 23px;
    --title: 18px;
    --int-font: 27px;
    --small-heading: 16px;
    --t-heading: 14px;
    --breadcrumb-font: 33px;
    --para: 13px;
    --btn-font-size: 12px;
    --btn-font-size-sm: 9px;
    --body: 14px;
    --sub-heading: 19px;
    --sub-heading-one: 16px;
    --para-sm: 13px;
    --para-xs: 12px;
    --para-xss: 10px;
    --form-font-size: 12px;
    --line-height: 1.4;
    --nav-font-size: 13px;
    --sub-nav-font-size: 12px;
    --inline-badge-size: 11px;


  }
  .feature__icon {
    margin-bottom: 0;
}
.footer--widgets .widget-title {
  margin-bottom: 18px;
}
.footer--widgets .widget ul li {
  margin-bottom: 9px;
}
.industries-slider .owl-nav {
  width: 98%;
  left: 1%;
}
.py {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}
.py-sm {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.py-md {
padding-top: 2rem;
padding-bottom: 2rem
}
.pt {
padding-top: 2.5rem;
}
.pb {
padding-bottom: 2.5rem;
}
.pt-md {
padding-top: 2rem
}

.pb-md {
padding-bottom: 2rem
}
.pt-sm {
padding-top: 1.5rem
}

.pb-sm {
padding-bottom: 1.5rem
}
.main-heading h2 {
margin-bottom: 12px;
}
.title h5 {
margin-bottom: 8px;

}
.sub-heading h4 {
margin-bottom: 8px;

}
.sub-heading h5 {
margin-bottom: 8px;

}
}
@media only screen and (max-width: 575.98px) {
  :root {
    --sl-heading: 38px;
    --lg-heading: 28px;
    --heading: 48px;
    --heading-one: 30px;
    --heading-two: 18px;
    --main-heading: 22px;
    --title: 18px;
    --int-font: 27px;
    --small-heading: 16px;
    --t-heading: 15px;
    --breadcrumb-font: 33px;
    --para: 13px;
    --btn-font-size: 12px;
    --btn-font-size-sm: 9px;
    --body: 14px;
    --sub-heading: 19px;
    --sub-heading-one: 16px;
    --para-sm: 13px;
    --para-xs: 12px;
    --para-xss: 10px;
    --form-font-size: 12px;
    --line-height: 1.4;
    --nav-font-size: 13px;
    --sub-nav-font-size: 12px;
    --inline-badge-size: 11px;


  }
  .footer-area__logo {
    margin-bottom: 10px;
  }
  .main-heading.space-one {
      margin-bottom: 50px
  }

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

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

  .py {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem
  }
  .py-sm {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }
  .py-md {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
  .pt {
    padding-top: 2.5rem;
}
.pb {
  padding-bottom: 2.5rem;
}
.pt-md {
  padding-top: 2rem
}

.pb-md {
  padding-bottom: 2rem
}
.pt-sm {
  padding-top: 1.5rem
}

.pb-sm {
  padding-bottom: 1.5rem
}
.main-heading h2 {
  margin-bottom: 10px;
}
.title h5 {
  margin-bottom: 8px;

}
.sub-heading h4 {
  margin-bottom: 8px;

}
.sub-heading h5 {
  margin-bottom: 8px;

}
}