@media only screen and (max-width: 767px) {
  .pl-60px {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 360px) {
  .pl-60px {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-30px {
    padding: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .header-nav li {
    padding: 0 8px;
  }
}

@media only screen and (max-width: 575px) {
  .header-nav .header-static-nav {
    text-align: center;
    margin: 0 0 15px;
  }

  .header-nav .header-menu-nav {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-top .header-right-element .contact-link {
    margin-right: 50px;
    margin-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li a {
    padding: 8px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu {
    width: 730px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li a {
    padding: 2px 0px 2px 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-menu-vertical .menu-content li .sub-menu li ul li:hover a {
    padding-left: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 30px 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.left-0px {
    left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-style-3 .header-nav li {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-style-3.header-style-4 .header-menu-3 .header-horizontal-menu li {
    margin-left: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li {
    margin-left: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap {
    left: -200px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 30px 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 li .custom-single-item p {
    padding: 0 10px 0 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -500px;
    width: 920px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.mega-menu-wrap-2 {
    left: -400px;
    width: 790px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-menu-3 .header-horizontal-menu li.menu-dropdown ul.mega-menu-wrap.left-0px {
    left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title {
    padding-left: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-title:before {
    left: 8px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-menu-vertical .menu-content {
    width: 230px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-menu.header-menu-style-3 .header-bottom .header-tools .cart-info a {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    height: 430px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-3 {
    height: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-4 {
    height: 430px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-height-4 {
    height: 300px;
  }
}

@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 p {
    font-size: 18px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 479px) {
  .slider-area .bg-img .slider-content-1 h1 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-2 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-area.slider-dots-style-3 .slick-dots {
    left: 50%;
    margin-left: -36px;
  }
}

@media only screen and (max-width: 767px) {
  .feature-tab-area .nav-tabs li a {
    font-size: 16px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .feature-tab-area .nav-tabs li a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1380px) {
  .single-product-responsive .list-product .add-to-link {
    padding: 0px 7px 15px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper .list-product .clockdiv {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-slider-wrapper .list-product .clockdiv span {
    padding: 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .hot-deal-slider-wrapper .list-product .clockdiv {
    display: inline-block;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span {
    padding: 10px 0 0;
    width: 38px;
    height: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv span {
    padding: 10px 0 0;
    width: 38px;
    height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .clockdiv {
    display: inline-block;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .hot-deal-area .hot-deal-slider-wrapper-2 .slider-single-item .list-product .product-decs h2 a {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area .nav-tabs {
    padding-left: 10px;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs {
    padding-left: 0px;
    padding-right: 40px;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 5px 5px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 20px 10px 0px 10px;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .nav-tabs .nav-item a.nav-link {
    padding: 20px 7px 0px 7px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .nav-tabs .nav-item a.nav-link:first-child {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .slider-nav-style-1 .slick-arrow {
    top: -79px;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .slider-nav-style-1 .slick-arrow {
    top: -79px;
  }
}

@media only screen and (max-width: 575px) {
  .arrival-area .section-title:before {
    top: 23%;
  }
}

@media only screen and (max-width: 360px) {
  .arrival-area .section-title:before {
    top: 23%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .arrival-area .list-product {
    padding: 2%;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title h2 {
    padding: 0;
    width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .section-title:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .arrival-area.single-product-nav .slider-nav-style-1 .slick-arrow {
    top: -45px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top {
    padding: 50px 0 45px 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top .single-wedge p.text-infor {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-top .footer-blog-post .footer-blog-content h4 a {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .footer-area .footer-center .container {
    max-width: 1110px;
  }
}

@media only screen and (max-width: 575px) {
  .footer-area .footer-center .container {
    padding: 20px 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-center .heading-info {
    margin: 0 10px 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .heading-info {
    font-size: 16px;
    margin: 0 12px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .footer-area .footer-center .heading-info {
    font-size: 16px;
    margin: 0 8px 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-paymet-warp img {
    margin: 3px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .footer-area .footer-center .footer-social-icon {
    float: none;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-social-icon li {
    margin: 0 4px 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .footer-area .footer-center .footer-social-icon li a {
    font-size: 14px;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .offcanvas {
    width: 300px;
  }
}

@media only screen and (max-width: 479px) {
  .offcanvas.offcanvas-mobile-menu {
    padding: 50px 17px;
  }
}

@media only screen and (max-width: 575px) {
  .mobile-menu-toggle svg {
    right: -80px;
  }
}

@media only screen and (max-width: 575px) {
  .minicart-product-list li .image {
    -ms-flex: 1 0 50px;
    -webkit-box-flex: 1;
    flex: 1 0 50px;
  }
}

@media only screen and (max-width: 575px) {
  .minicart-product-list li .content {
    -ms-flex: 1 0 calc(100% - 75px);
    -webkit-box-flex: 1;
    flex: 1 0 calc(100% - 75px);
  }
}

@media only screen and (max-width: 479px) {
  .header-tools .cart-info a:before {
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    left: 10px;
  }

  span.cat_count {
    left: 10px !important;
  }
}

@media only screen and (max-width: 575px) {
  .header-tools .cart-info a:before {
    top: 0px;
    left: 27px;
  }
}

@media only screen and (max-width: 575px) {
  .header-tools .cart-info a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .header-tools .cart-info a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .header-tools .cart-info a span {
    display: none;
  }

  span.cat_count {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-tools {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .header-tools {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .header-tools {
    margin-right: 40px;
  }
}

/* Custom responsive spacing overrides removed to use native Bootstrap 5 spacing utilities */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-area .breadcrumb-content .nav {
    padding: 0;
  }
}

@media only screen and (max-width: 575px) {
  .shop-category-area .shop-top-bar .shop-tab p {
    margin-left: 20px;
  }
}

/* Legacy shop-tab flex overrides removed */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 26%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 30%;
  }
}

@media only screen and (max-width: 575px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shot-product {
    width: 30%;
    padding: 5px 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shop-select {
    width: 80%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap .shop-select {
    width: 70%;
  }
}

/* Legacy select-shoing-wrap flex overrides removed */

@media only screen and (max-width: 767px) {
  .shop-category-area .shop-top-bar .select-shoing-wrap {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-category-area .shop-top-bar {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .box-inner .add-to-link {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .box-inner {
    position: static;
    border: 0;
    padding-left: 30px;
    padding-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product .box-inner {
    position: static;
    border: 0;
    padding: 0;
    display: block !important;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .list-product .product-decs {
    padding-right: 30px;
    min-height: auto;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product .product-decs {
    padding: 0 20px;
    min-height: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .list-product {
    padding: 0 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-page .list-product .product-decs {
    padding-right: 170px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .shop-list-wrap.shop-list-page .list-product .product-decs {
    padding-right: 200px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-img.product-details-tab {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .product-dec-slider-2 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content .pricing-meta {
    font-size: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality .pro-details-cart a {
    padding: 0 20px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-wish-com a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content .pro-details-policy li {
    display: inline-table;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-policy li {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-policy li span {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-topbar.nav a {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 575px) {
  .description-review-topbar.nav a {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 479px) {
  .description-review-topbar.nav a {
    margin: 0 5px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 360px) {
  .description-review-topbar.nav a {
    font-size: 13px;
  }
}

@media only screen and (max-width: 360px) {
  .description-review-bottom {
    padding: 40px 20px 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .product-description-wrapper p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review .review-img {
    margin: 0px 0px 20px 0px;
  }
}

@media only screen and (max-width: 360px) {
  .description-review-bottom .single-review .review-top-wrap .review-left .review-name {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review.child-review {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .single-review {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .description-review-bottom .ratting-form-wrapper {
    margin-top: 50px;
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-area .single-product-slider:hover .slick-arrow.next {
    right: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-area .single-product-slider:hover .slick-arrow.prev {
    left: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .cart-main-area .cart-shiping-update-wrapper {
    display: block;
    padding: 30px 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .cart-shiping-update-wrapper .cart-shiping-update>a,
  .cart-shiping-update-wrapper .cart-clear>button,
  .cart-shiping-update-wrapper .cart-clear>a {
    padding: 18px 25px;
  }
}

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

  .cart-shiping-update-wrapper .cart-shiping-update>a,
  .cart-shiping-update-wrapper .cart-clear>button,
  .cart-shiping-update-wrapper .cart-clear>a {
    padding: 18px 25px;
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap {
    padding: 38px 30px 44px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper {
    padding: 30px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
    padding: 0 10px 30px;
  }
}

@media only screen and (max-width: 575px) {
  .empty-text-contant h1 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 360px) {
  .empty-text-contant h1 {
    font-size: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .about-area .about-content h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 479px) {
  .about-area .single-about h4 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .left-sidebar input {
    font-size: 12px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-post-content-inner .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-post-content p.quate-speech {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-related-post .blog-title a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-related-post .blog-title a {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review .review-img {
    margin: 0 0 20px 0;
  }
}

@media only screen and (max-width: 479px) {
  .comment-area .single-review .review-content p {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review.child-review {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .gmap_canvas iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .gmap_canvas iframe {
    height: 350px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 120px 20px 112px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-info-wrap {
    padding: 50px 30px 50px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form .contact-form-style textarea {
    height: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 30px 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-area .custom-row-2 .contact-form {
    padding: 50px 30px 50px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    max-width: 720px;
    width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 98%;
    max-width: 100%;
    padding: 35px 0;
    margin: auto 2%;
  }
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner {
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .img-block {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .product-decs p {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 479px) {
  .best-sell-area .product-inner .product-decs {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .category-slider-area .list-product {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .blank-page-area .blank-content-header h1 {
    font-size: 14px;
  }
}

@media (max-width: 1199px) {
  .startup-hero-section {
    padding: 60px 40px;
    border-radius: 60px;
  }

  .collage-blob {
    width: 380px;
    height: 380px;
    border-radius: 60px;
  }
}

@media (max-width: 991px) {
  .startup-hero-section {
    flex-direction: column;
    text-align: center;
    padding: 60px 30px;
    border-radius: 50px;
  }

  .hero-content {
    max-width: 100%;
    margin-bottom: 50px;
    padding: 0;
  }

  .hero-content h1 {
    font-size: 40px;
  }

  .collage-blob {
    width: 320px;
    height: 320px;
    border-radius: 50px;
  }
}

@media (max-width: 767px) {
  .section-title {
    text-align: center !important;
    padding: 0 !important;
  }

  .recent-added-area .slick-arrow {
    position: relative !important;
    top: 0 !important;
    display: inline-flex !important;
    margin: 20px 8px 0 !important;
    right: auto !important;
    left: auto !important;
  }

  .recent-card {
    flex-direction: column !important;
    padding: 35px 25px !important;
    text-align: center;
  }

  .recent-card .recent-img-box {
    margin: 0 auto 20px auto !important;
    width: 100% !important;
    max-width: 200px !important;
  }

  .recent-action {
    display: none !important;
  }

  .buy-now.btn-primary {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .banner-box-item {
    height: 240px;
  }

  .banner-title {
    font-size: 24px !important;
  }

  .banner-box-item .banner-content {
    left: 30px;
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .banner-box-item {
    height: 220px;
    margin-bottom: 20px;
  }

  .banner-title {
    font-size: 22px !important;
  }

  .banner-box-item .banner-content {
    left: 20px;
    padding: 15px;
    max-width: 80%;
  }
}

@media (max-width: 991px) {
  .promo-banner-wrapper {
    padding: 40px;
  }

  .promo-title {
    font-size: 36px !important;
  }

  .promo-image-box {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .promo-banner-wrapper {
    padding: 30px;
    border-radius: 30px;
  }

  .promo-title {
    font-size: 30px !important;
  }

  .promo-btn {
    padding: 15px 35px;
    width: 100%;
    justify-content: center;
  }

  .feature-promo-banner {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px !important;
  }
}

@media (max-width: 991px) {
  .section-title h2 {
    font-size: 28px !important;
  }

  .section-subtitle {
    font-size: 14px !important;
  }

  .static-area [class*="col-"] {
    margin-bottom: 20px;
  }

  .banner-box-item {
    height: 230px !important;
  }

  .banner-title {
    font-size: 22px !important;
  }

  .promo-banner-wrapper {
    padding: 40px !important;
    border-radius: 30px !important;
  }

  .promo-title {
    font-size: 32px !important;
  }

  .footer-area .footer-widget {
    margin-bottom: 40px;
  }

  /* Product Details Page */
  .product-details-content {
    margin-top: 30px;
  }

  .product-details-content h2 {
    font-size: 26px !important;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    overflow: hidden;
  }

  .section-title {
    margin-bottom: 30px !important;
  }

  .section-title h2 {
    font-size: 24px !important;
  }

  /* Creative Card Scaling */
  .creative-card {
    padding: 15px !important;
    border-radius: 16px !important;
  }

  .creative-card .img-container {
    height: 180px !important;
  }

  .creative-card .product-name {
    font-size: 16px !important;
  }

  .creative-card .price-box .current-price {
    font-size: 18px !important;
  }

  /* Feature Promo Banner */
  .promo-banner-wrapper {
    padding: 30px 20px !important;
  }

  .promo-title {
    font-size: 28px !important;
    text-align: center;
  }

  .promo-subtitle {
    text-align: center;
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .promo-btn-box {
    text-align: center;
  }

  .promo-image-box {
    margin-top: 30px !important;
  }

  /* Banner Area */
  .banner-box-item {
    height: 571px !important;
  }

  .banner-content {
    padding: 15px !important;
    left: 15px !important;
    width: 85% !important;
  }

  .banner-title {
    font-size: 18px !important;
  }

  /* Footer adjustments */
  .footer-top {
    padding-top: 40px !important;
  }

  .footer-widget .footer-logo {
    margin-bottom: 20px !important;
    text-align: center;
  }

  .footer-widget .footer-social-info {
    text-align: center;
    margin-top: 20px;
  }

  .footer-widget h3.footer-widget-title {
    margin-bottom: 20px !important;
    font-size: 18px !important;
  }

  /* Slider arrows */
  .slick-arrow {
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }

  /* Breadcrumb */
  .breadcrumb-content .nav li {
    font-size: 13px !important;
  }

  .row {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 480px) {
  .creative-card .img-container {
    height: 160px !important;
  }

  .promo-title {
    font-size: 24px !important;
  }

  .promo-btn {
    padding: 12px 25px !important;
    font-size: 13px !important;
  }

  .header-tools .cart-info a span {
    display: none !important;
  }

  /* Hide text next to icons */
  .header-tools .cart-info a i {
    font-size: 24px !important;
  }

  .mobile-header .logo img {
    max-width: 150px !important;
  }
}

@media (max-width: 767px) {

  .footer-paymet-warp,
  .footer-social-icon {
    flex-direction: column !important;
    text-align: center !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    justify-content: center !important;
  }

  .footer-center .row>div:last-child {
    margin-top: 20px;
  }

  .footer-social-icon ul {
    justify-content: center !important;
  }
}

@media (max-width: 991px) {
  .billing-info-wrap {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .your-order-area {
    padding: 20px !important;
  }

  .your-order-product-info ul li {
    font-size: 14px !important;
  }
}

@media (max-width: 991px) {
  .mobile-search-area {
    padding: 10px 15px !important;
  }

  .mobile-search-area form {
    height: 55px !important;
    border-radius: 40px !important;
  }

  .mobile-search-area .search-category select {
    min-width: 120px !important;
    padding: 0 25px 0 15px !important;
    font-size: 12px !important;
  }

  .mobile-search-area input {
    padding: 0 15px !important;
    font-size: 14px !important;
  }

  .mobile-search-area button {
    padding: 0 25px !important;
    /* Icon-only button usually */
  }
}

@media (max-width: 767px) {
  .promo-banner-wrapper {
    padding: 40px 25px !important;
    border-radius: 30px !important;
  }

  .promo-title {
    font-size: 32px !important;
    letter-spacing: -1px !important;
  }

  .mobile-search-area .search-category {
    display: none !important;
    /* Hide categories on very small screens to save space */
  }

  .mobile-search-area input {
    border-radius: 40px 0 0 40px !important;
  }
}

@media (max-width: 575px) {
  .banner-content {
    left: 20px;
    max-width: 80%;
  }

  .banner-title {
    font-size: 24px !important;
  }
}

@media (max-width: 991px) {
  .banner-box-item.large-banner .banner-content {
    max-width: 90%;
    left: 30px;
  }

  .main-banner-title {
    font-size: 36px !important;
  }
}

@media (max-width: 991px) {
  .brand-logo-wrap {
    height: 60px;
  }
}

/* --- SINGLE PRODUCT PAGE RESPONSIVE --- */
@media (max-width: 991px) {
  .product-details-area {
    padding: 60px 0 !important;
  }

  .product-details-content {
    margin-top: 40px;
  }

  .product-details-content h2 {
    font-size: 28px !important;
  }

  .product-details-content .cuttent-price {
    font-size: 30px !important;
  }

  .zoompro-wrap {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .breadcrumb-area {
    padding: 30px 0 !important;
  }

  .breadcrumb-content h2 {
    font-size: 24px !important;
  }

  .product-details-content h2 {
    font-size: 24px !important;
    text-align: center;
  }

  .pricing-meta {
    text-align: center;
    width: 100%;
    margin-left: 0 !important;
    display: flex !important;
    justify-content: center;
  }

  .product-details-content .pricing-meta {
    padding: 10px 15px !important;
    margin-bottom: 20px !important;
  }

  .pro-details-quality {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .cart-plus-minus {
    width: 130px !important;
    margin: 0 !important;
  }

  .pro-details-cart {
    width: 100% !important;
    text-align: center;
    margin-left: 0 !important;
  }

  .buy-now {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }

  .pro-details-compare-wishlist {
    justify-content: center !important;
    gap: 20px !important;
  }

  .buy-now.btn-primary {
    width: 100% !important;
    max-width: none !important;
  }

  .pro-details-wishlist,
  .pro-details-compare {
    text-align: center;
    margin: 0 !important;
  }

  .pro-details-wishlist a,
  .pro-details-compare a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }

  .pro-details-social-info {
    justify-content: center !important;
    text-align: center !important;
    padding-top: 20px !important;
  }

  .pro-details-social-info .social-info ul {
    justify-content: center !important;
  }

  .pro-details-policy ul {
    padding: 20px !important;
    flex-direction: column !important;
    gap: 15px !important;
  }

  .pro-details-policy ul li {
    justify-content: center !important;
    margin: 0 !important;
  }

  .description-review-topbar {
    justify-content: center !important;
    gap: 10px;
  }

  .description-review-topbar a {
    margin: 0 !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
  }

  /* Related Treasures Mobile Fix */
  .related-products-section .slick-arrow,
  .related-treasures-slider .slick-arrow {
    top: -85px !important;
    width: 42px !important;
    height: 42px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
  }

  .related-products-section .slick-arrow.prev,
  .related-treasures-slider .slick-arrow.prev {
    right: 65px !important;
  }

  .related-products-section .slick-arrow.next,
  .related-treasures-slider .slick-arrow.next {
    right: 15px !important;
  }

  .related-products-section .creative-card,
  .related-treasures-slider .creative-card {
    max-width: 350px;
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  .product-details-content h2 {
    font-size: 22px !important;
  }

  .product-details-content .cuttent-price {
    font-size: 26px !important;
  }

  .custom-filter-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
  }

  .filter-btn {
    margin: 0 !important;
  }

  .filter-btn span {
    padding: 8px 15px !important;
    font-size: 12px !important;
    display: inline-block !important;
  }

  .product-details-content .pricing-meta ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

/* Modern Design Principles - Responsive Single Product */
@media (max-width: 768px) {
  .product-details-area .container {
    padding: 20px;
    border-radius: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .product-details-content h2 {
    font-size: 1.8rem;
  }

  .description-review-wrapper {
    padding: 25px;
    border-radius: 16px;
  }

  .pro-details-quality {
    flex-direction: column;
    align-items: stretch;
  }

  .pro-details-quality .buy-now {
    width: 100%;
  }

  .pricing-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .pro-details-policy ul {
    flex-direction: column;
    gap: 15px;
  }

  .pro-details-policy ul li {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding: 15px 20px;
  }

  .ratting-form-wrapper {
    padding: 20px;
  }

  .creative-card {
    margin-bottom: 20px;
  }
}

/* Premium Login Form Responsive Adjustments */
@media (max-width: 768px) {
  .login-glass-card {
    padding: 30px 20px;
  }

  .premium-title {
    font-size: 26px;
  }

  .login-premium-area {
    padding: 40px 0;
  }
}