/*responsive*/
@media (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}

@media (min-height: 1024px) {
}

@media (max-width: 1280px) {
  .banner{height: auto;}
}

@media (max-width: 991.9px) {
  html {font-size: 87.5%;}
  .logo {width: 100px;}
  .banner, .pageHead{margin-top: 125px;}
  .iconBox .inner{flex-direction: column; padding: 10px; justify-content: center; text-align: center;}
  .servicesGridContainer{display: flex; flex-direction: column;}
  .newsBox .inner{display: flex; flex-wrap: wrap;}
  .newsBox .inner > .img-fluid{margin-bottom: 0; max-width: 40%; flex: 0 0 40%;}
  .newsBox .img-fluid img{height: 100%; object-fit: cover;}
  .newsBox .inner > .myBox{ max-width: 60%; flex: 0 0 60%; padding-left: 1.5rem;}
  .pageAside .inner{display: flex; flex-wrap: wrap; gap: 20px;}
  .stop .aside-inner{position: static; width: 100%;}
  .category-panel section{width: calc(50% - 20px);}
  .category-panel .inner section:not(:last-of-type){margin-bottom: 0;}
}

@media (max-width: 767.9px) {
  html {font-size: 75%;}
  .logo {width: 70px;}
  .banner, .pageHead{margin-top: 63px;}
  /* .banner{height: 450px;} */
  .container{max-width: 94%;}
  .iconBox .img-fluid {max-width: 40px; flex: 1 0 40px;}
  .productBox-text p{font-size: 1.375rem; text-align: center;}
  .productDetails-gridWrapper{display: flex; flex-wrap: wrap; flex-direction: column;}
  .breadcrumb, .sorting-panel{width: 100%; padding-bottom: 0;}
  .breadcrumb-item + .breadcrumb-item:not(.breadcrumb-item.active){display: flex; align-items: center; flex-grow: 1;}
  .sorting-panel .inner{justify-content: space-between;}
  .proBox-price, .readmore.d-flex{justify-content: center;}
}

@media (max-width: 576px) {
}

@media (max-width: 575.9px) {
  .container{max-width: 96%;}
  .bannerText{max-width: 320px;}
  .heading h2 {
    font-size: 2rem;
  }
  .available-teamBox, .iconBox:not(.stepsBox), .product-colorBox{width: 50%;}
  .available-teamBox:first-of-type{width: 100%;}
  .swiper-button-next, .swiper-button-prev{width: 30px; height: 30px; background-size: 13px;}
  .product-img{border: 1px solid rgb(0 0 0 / 15%); border-radius: 10px;}
  .footerBox ul {display: flex; flex-wrap: wrap;}
  .footerBox ul li{width: 50%;}
  .footerAbout .section .socials li{width: auto;}
  .productDetails-Policy + .row + .readmore.d-flex{justify-content: flex-start;}
  .productDetails-Policy{margin-bottom: 2rem;}
  .productDetails-Policy .iconBox.sm{width: calc(100% / 3);}
  .category-panel section{width: 100%;}
  .side-recentBlogs a img{height: 120px;}
  .gridBox4.serviceBox.serviceBox-sm img{ min-height: 230px !important;}
}

@media (max-width: 480px) {
  body, p{text-align: justify;}
  .bg-circle::before {
    clip-path: circle(50% at 100% -10%);
  }
  .newsBox section .img-fluid {
    width: 60px;
  }
  .newsBox .inner > .img-fluid, .newsBox .inner > .myBox{flex: 0 0 100%; max-width: 100%;}
  .newsBox .inner > .myBox{padding-left: 0; margin-top: 20px;}
  .footer-area .bottom{justify-content: center; gap: 1rem;}
  .footer-area .bottom ul{order: 1;}
  #product-img {height: 250px;}
}

@media (max-width: 425px) {
  .heading .h1{font-size: 2rem; text-align: left;}
}

@media (max-width: 375px) {
  .stepsBox .inner .img-fluid{max-width: 50px; flex: 0 0 50px;}
  .available-teamBox{width: 100%;}
}

@media (max-width: 360px) {
  h1, .h1{font-size: 2rem;}
  .heading h2 {font-size: 1.5rem;}
}