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

    html{font-size: 18px} 
    header .right-sec.d-flex{width: 39%} 

  }

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

    .banner-num{left: 4rem;font-size: 12rem;top: 26%;}
  }
@media only screen and (max-width: 1440px) {
  .wrapper{width: 88%}
  html{font-size: 15px}  
  .logo{width: 328px}
 
}


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

    html{font-size: 14px}  
  }

  @media only screen and (max-width: 1250px) {
    .hightlight-text{font-size: 3.5rem;line-height: 4.5rem;}
    .hightlight-text-white{font-size: 2.5rem}
    .wrapper{width: 95%}
    .logo{width: 287px;}
    .header-wrapper{width: 95%}
    .banner-num {
      left: 1rem;
      font-size: 10rem;
      top: 32%;
  }
  }
  @media only screen and (max-width: 1024px) {
    header .right-sec.d-flex{display: none}
    .header-cont {float: left;}
    .mobile-menu{margin-left: 10px;display: inline-block}
.desk-menu{background: #e95207;
    color: #fff;
    position: fixed;
    right: -300px;
    top: 0;
    z-index: 9999;
    height: 100vh;
    width: 300px;}
    .hamburger-icon{display: block}
    .mobile-menu{border-radius: 5px;float: right;    margin: 16px 15px 0 0;}
    .menu-text {
        font-size: 2.500rem;
          font-family: "PoppinsMedium";
        color: rgba(255, 255, 255, 0.3);
        text-transform: uppercase;
        float: left;
        line-height: 2rem;
    }
    .desk-menu-btm ul li a {
      font-size: 1.500rem;
      color: #fff;
        font-family: "PoppinsMedium";
  }
  .desk-menu-btm ul li{margin-bottom: 1.5rem}
  .desk-menu-btm{padding: 2rem}
  .desk-menu-top{border-bottom: solid 1px rgba(0, 0, 0, 0.3);padding: 2rem}
  .close-icon {

      float: right;
      cursor: pointer;
  }
  .social-med{margin-left: 0;border-left: 0;padding-left: 0;margin-top: 6rem}
.social-med a{background: #fff;border-radius: 9px;}
.desk-menu-btm .social-med{justify-content: flex-start}
.banner-num {
  left: 1rem;
  font-size: 8rem;
    top: 36%;
}
  }
  @media only screen and (max-width: 998px) {
    .slide-1{padding-bottom: 2rem;}
    .contact-detail, .contact-detail a{font-size: 2.5rem;}
    .contact-detail p{font-size: 1.3rem;}
    .header-cont.d-flex{display: block}
    .prod-desc .feature-img{height: 170px;width: 29.5%;}
    .prod-desc .feature-img:nth-child(3n+0){margin-right: 0}
    .contact-info:first-child{border-right: 0}
    body{padding-top: 92px}
    .about-sec .right-sec{padding: 0 0rem 0 3rem;}
    .hightlight-text{font-size: 3rem;}
    .banner-num {display: none}
   
  }

  @media only screen and (max-width: 768px) {
    html{font-size: 13px}  
  .banner-content.d-flex{display: block}
  .banner-content .right-side{margin: 0 auto;width: 51%}
  .banner-content .left-side{width: 100%;text-align: center}
  .hightlight-text{    font-size: 3.5rem;line-height: 4rem;}
  .inner-sec{padding-left: 0}

  .prod-sec .smk_accordion.acc_with_icon .accordion_in .acc_content{padding-left: 1.5rem}
  .about-sec .left-sec{width: 59%}
  .slick-dotted.slick-slider{margin-bottom: 0}
  .about-sec{    padding: 2rem 0 3rem;}
  .element1{display: none !important}
  .contact-info:first-child{margin-right: 3%}
  .contactinfo-desc span:first-child{display: none}
  .banner-logo{width: 39%;margin: 0 auto}
  .banner-logo img{width: 100%}
  .banner-title{padding: 0 3rem}
  .slide-1{height: 675px;}
  .first-banner .banner-content{margin-top: 6rem}
  .slick-dots{right: 1rem;bottom: 41%;}
  .social-med{justify-content: flex-start}
  .loction-map iframe{height: 450px;}
  }
  @media only screen and (max-width: 640px) {
    .prod-catg li{width: 50%}
    .prod-desc .left-sec{width: 175px;height: 175px;}
    .prod-desc .left-sec img{width: 75%}
    .hightlight-text{font-size: 3rem}
.prod-sec br{display: none}
.about-com {
    padding: 4rem 0 0rem;
}
.contact-sec-details.d-flex{display: block}
.prod-info{padding-bottom: 0}
.prod-desc .feature-img:nth-child(3n+0){margin-right: 2rem}
.prod-desc .feature-img:nth-child(2n+0){margin-right: 0}
.contact-info:first-child{padding-right: 0}

.about-sec .wrapper.d-flex{display: block}
.about-sec .left-sec{margin: 0 auto 2rem;}
.about-sec .right-sec{width: 100%;padding-left: 0}
.prod-desc .feature-img{width: 46.5%;}

  }


  @media only screen and (max-width: 480px) {
    /* .banner-content .right-side{width: 100%} */
    .prod-catg li{width: 100%}
    .prod-desc.d-flex{display: block}
    .prod-desc .left-sec{margin: 0 0 2rem}
    .prod-desc .right-sec{width: 100%}
    .contact-detail, .contact-detail a{font-size: 2rem}
    .contact-sec{padding: 4rem 0 5rem}
    .about-com {
        padding: 2rem 0 0rem;
    }
    .slick-dots{right: 1rem}
    .contactinfo-desc span:last-child a{font-size: 1.1rem}
    .social-med{top:14px}
    .top-header-cont.d-flex{display: block}
.contact-info.d-flex{justify-content: flex-start}
.contact-info.d-flex:last-child{padding-top: 0}
body {padding-top: 123px;}
.prod-desc .feature-img{width: 70%;margin: 0 auto 2rem;height: 200px;}
.prod-desc .feature-img:nth-child(3n+0), .prod-desc .feature-img:nth-child(2n+0){margin-right: auto}
.scroll-to-top{bottom: 6rem}
  }

  @media only screen and (max-width: 360px) {
    .logo {
      width: 250px;
  }

  }