@media screen and (max-width: 1600px) {
    .pm-cell {
        height: 230px;
    }

    .pm-tall {
        max-height: 464px;
    }

    .hero-slider .item img {
        height: 400px;
    }

    .search-bar {
        margin-right: 30px;
    }

    .logo img {
        height: 50px;
        object-fit: contain;
    }

    header {
        padding: 19px 0;
    }

    .topbar {
        top: 88px;
    }

    .pd-name {
        font-size: 19px;
    }

    .pd-price {
        font-size: 27px;
    }

    .cswatch {
        width: 22px;
        height: 22px;
    }

    .sz-btn {
        padding: 5px 14px;
    }

    .btn-add-cart {
        padding: 10px 20px;
        font-size: 12px;
    }

    .btn-buy-now {
        padding: 10px 20px;
        font-size: 12px;
    }

    .btn-wishlist {
        height: 42px;
    }

    .btn-checkout {
        padding: 10px 0;
        font-size: 13px;
    }

    .btn-place-order {
        padding: 10px;
        font-size: 13px;
    }

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

    .od-box-title {
        margin-bottom: 4px !important;
    }

    .od-btn {
        padding: 9px 19px !important;
        font-weight: 500 !important;
    }

    .od-info-box {
        padding: 16px !important;
    }

    .od-box {
        padding: 20px !important;
        margin-bottom: 10px !important;
    }

    .od-head {
        margin-bottom: 20px !important;
    }


    .track-dot {
        width: 30px !important;
        height: 30px !important;
    }

    .cart-float {
        padding: 10px 18px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    .sb-title {
        font-size: 26px;
        font-weight: 900;
    }

    .shop-banner-inner {
        padding: 25px 20px;
    }

    .main-content {
        margin-bottom: 10px !important;
    }

    .pc-img {
        height: 170px;
    }

        .swpr1 {
        max-width: 865px;
    }

    .pd-stars {
        margin-bottom: 5px;
    }

    .pd-meta {
        margin-bottom: 5px;
    }

    .pd-main-wrap {
        height: 390px !important;
    }

    .breadcrumb {
        margin-bottom: 0px !important;
    }

    .pf-form-group input,
    .pf-form-group select {
        padding: 7px 14px !important;
    }
}

@media screen and (max-width: 1400px) {
    .hero-slider .item img {
        height: 330px;
    }

    .search-bar input {
        width: 350px;
    }

    .logo img {
        height: 46px;
    }

    .search-bar {
        height: 36px;
    }

    .auth-trigger {
        padding: 9px 20px;
    }

    .cat-conts {
        margin: 0 9px;
    }

    .swpr1 {
        max-width: 620px;
    }

    .pm-cell {
        height: 210px;
    }

    .pm-tall {
        max-height: 424px;
    }

    .wl-btn-view {
        padding: 5px 12px;
    }

    .wl-btn-cart {
        padding: 5px 0;
    }

    .wl-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }

    .wl-actions {
        gap: 4px;
    }

    .wl-body {
        padding: 14px 6px 8px;
    }

    .wl-btn-cart {
        font-size: 11px;
    }

    .wl-btn-cart svg {
        width: 12px;
        height: 12px;
    }

    .wl-price {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .wl-name {
        font-size: 13px;
    }

    .wl-actions {
        margin-top: 10px;
    }

    .wl-head-title {
        font-size: 18px;
    }

    .wl-clear-btn {
        padding: 6px 16px;
    }

    .search-bar {
        margin-right: 20px;
    }

    .auth-trigger {
        padding: 9px 15px;
    }

    .search-bar .search-btn {
        padding: 0px 15px;
    }

    .wl-btn-view {
        padding: 5px 10px;
    }

    .cart-layout {
        gap: 10px;
    }

    .cart-item {
        padding: 10px 15px;
    }

    .pf-section-title {
        font-size: 17px !important;
    }

    .mo-title {
        font-size: 19px !important;
    }

    .mo-head {
        margin-bottom: 15px !important;
    }

    .mo-search {
        margin-bottom: 15px !important;
    }

    .mo-order {
        padding: 10px 15px !important;
    }

    .mo-filter-btn {
        padding: 4px 18px !important;
    }

    .cart-layout {
        grid-template-columns: 1fr 320px !important;
    }

    .pf-btn-save {
        padding: 9px 24px !important;
        font-size: 13px !important;
        font-weight: 400 !important;
    }

    .sum-head {
        padding: 12px 20px !important;
    }

    .topbar {
        top: 84px !important;
    }

    .summary-box {
        top: 145px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: 6px 13px;
    }

    .pc-img {
        height: 150px;
    }

    .filter-apply {
        width: 100%;
        background: linear-gradient(135deg, #042b63, #0d5fd4);
        color: #fff;
        border: none;
        padding: 10px;
        font-size: 12px;
        font-weight: 400;
    }

    .sb-title {
        font-size: 24px;
    }

    .profile-layout {
        gap: 10px;
    }

    .pf-nav-item {
        padding: 10px 14px !important;
    }

    .pf-nav-item {
        font-weight: 400 !important;
    }

    .pd-name {
        font-size: 18px;
    }

    .pd-price {
        font-size: 24px;
    }

    .btn-wishlist {
        height: 38px;
    }

    .pd-main {
        padding: 20px;
    }
}

@media screen and (max-width:1200px) {
    .pm-cell {
        height: 180px;
    }

    .pm-tall {
        max-height: 364px;
    }

    .pc-price {
        font-size: 15px;
    }

    .pc-img {
        height: 140px;
    }

    .swpr1 {
        max-width: 540px;
    }

    .pd-main-wrap {
        height: 300px !important;
    }

    .qty-btn {
        height: 30px;
    }

    .qty-input {
        height: 30px;
    }

    .pd-tab {
        padding: 10px 20px;
    }

    .pd-price {
        font-size: 23px;
    }

    .pd-name {
        margin-bottom: 6px;
    }

    .pd-stars {
        margin-bottom: 2px;
    }

    .pd-tab-content {
        padding: 15px 24px;
    }

    .shop-layout {
        grid-template-columns: 210px 1fr;
        gap: 10px;
    }

    .pc-img {
        height: 130px;
    }

    .pd-main {
        padding: 15px;
    }

    .sb-head {
        padding: 12px 10px;
    }

    .cat-conts {
        margin: 0 7px;
    }

    .pagination {
        padding: 10px 10px !important;
    }

    .wl-grid {
        grid-template-columns: repeat(5, 1fr);
        gap: 17px;
    }
}

@media screen and (max-width:1050px) {
    .main-content .pgrid {
        grid-template-columns: repeat(4, 1fr);
    }

    .sidebar-btn {
        gap: 10px;
    }

    .wl-btn-view {
        font-size: 11px;
    }

    .hero-slider .item img {
        height: 300px;
    }

    .newsletter {
        padding: 25px 20px;
    }

    .nl-sub {
        margin-bottom: 15px;
    }

    .nl-icon {
        line-height: 30px;
    }

    .nl-btn {
        font-size: 12px;
        font-weight: 500;
        padding: 10px 24px;
    }

    .nl-input {
        padding: 6px 15px;
    }

    .pm-cell {
        height: 170px;
    }

    .pm-tall {
        max-height: 344px;
    }

    .search-bar input {
        width: 350px;
    }

    .logo img {
        height: 43px;
    }

    .topbar {
        top: 81px !important;
    }

    .auth-fg input {
        padding: 8px 14px 8px 40px;
    }

    .auth-submit {
        font-size: 12px;
        font-weight: 400;
    }

    .auth-hdr-title {
        font-size: 22px;
        font-weight: 900;
        margin-top: 10px;
    }

    .cswatch {
        width: 18px;
        height: 18px;
    }

    .ci-img img {
        max-width: 64px;
        max-height: 50px;
    }

    .ci-img {
        width: 70px;
        height: 56px;
    }

    .ci-meta {
        margin-bottom: 8px;
    }

    .sum-total-val {
        font-size: 17px;
    }

    .btn-checkout {
        padding: 8px 0;
    }

    .btn-continue {
        padding: 9px 0;
    }

    .cart-head {
        padding: 10px 20px;
    }

    .checkout-page {
        max-width: 100%;
        padding: 24px 20px;
    }

    /* .co-box {
        max-width: 560px;
    } */

    .checkout-layout {
        grid-template-columns: 1fr 370px;
        gap: 15px;
    }

    .ci-total {
        font-size: 15px;
    }

    .sidebar {
        top: 83px;
    }
}

@media screen and (max-width: 992px) {
    .main-content .pgrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .search-bar input {
        width: 220px;
    }

    .pc-img {
        height: 110px;
    }

    .pc-body {
        padding: 5px 9px 10px;
    }

    .pc-price {
        font-size: 14px;
    }

    .pc-name {
        margin-bottom: 8px;
        line-height: 1.2;
    }

    .sec-title {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .sec-view {
        padding-bottom: 5px;
    }

    .hdr-icon {
        width: 28px;
        height: 43px;
    }

    .sec-tab {
        padding: 5px 16px;
    }

    .pc-stars {
        margin-bottom: 1px;
    }

    .pm-cell {
        height: 150px;
    }

    .pm-overlay-top {
        padding: 10px 10px;
    }

    .pm-title {
        font-size: 14px;
        line-height: 1.1;
    }

    .pm-overlay {
        padding: 12px 14px;
    }

    .pm-tall {
        max-height: 304px;
    }

    .nl-form {
        max-width: 370px;
    }

    .nl-btn {
        font-size: 11px;
        font-weight: 500;
        padding: 10px 15px;
    }

    .sidebar-btn span {
        display: none;
    }

    .cat-conts p {
        font-size: 12px;
    }

    .swpr1 {
        max-width: 490px;
    }

    .hero-slider .item img {
        height: 270px;
    }

    .trust-item {
        padding: 12px 10px;
    }

    .trust-icon svg {
        width: 24px;
        height: 24px;
    }

    .trust-item {
        gap: 9px;
    }

    .pac-cart {
        font-size: 9px;
    }

    .cart-float {
        font-size: 11px !important;
    }

    .nl-title {
        font-size: 21px;
    }

    .cart-item {
        gap: 12px;
    }

    .ci-qbtn {
        width: 28px;
        height: 27px;
    }

    .ci-qval {
        height: 22px;
    }

    .ci-img img {
        max-width: 55px;
        max-height: 42px;
    }

    .ci-img {
        width: 60px;
        height: 45px;
    }

    .btn-checkout {
        padding: 7px 0;
        font-size: 12px;
    }

    .btn-continue {
        padding: 9px 0;
        font-size: 12px;
    }

    .sum-body {
        padding: 18px 14px;
    }

    .cart-layout {
        grid-template-columns: 1fr 280px !important;
    }

    .sum-row {
        margin-bottom: 7px;
    }

    .checkout-layout {
        grid-template-columns: 1fr 320px;
    }

    /* .co-box {
        max-width: 390px;
    } */

    .form-row {
        grid-template-columns: 1fr;
    }

    .form-row.three {
        grid-template-columns: 1fr;
    }

    .co-body {
        padding: 13px;
    }

    .checkout-page {
        padding: 13px 20px;
    }

    .btn-place-order {
        padding: 8px;
    }

    .btn-back-cart {
        padding: 8px;
    }

    .pay-option-name {
        font-size: 13px;
    }

    .co-head-title {
        font-size: 14px;
    }

    .search-bar {
        margin-right: 10px;
    }

    .search-bar .search-btn {
        padding: 0px 12px;
    }

    .ft-logo img {
        height: 40px;
    }

    .search-bar {
        height: 36px;
    }

    .search-bar.bar {
        height: 36px;
    }

    .search-bar .search-btn p {
        font-size: 10px;
    }

    .auth-trigger {
        padding: 9px 11px;
        font-size: 10px;
    }

    .auth-trigger {
        margin-right: 5px;
    }

    .logo img {
        height: 40px;
    }

    header {
        padding: 15px 0;
    }

    .topbar {
        top: 75px !important;
    }

    .summary-box {
        top: 135px;
    }

    .pay-option {
        padding: 10px 16px;
    }

    .co-head {
        padding: 10px 20px;
    }

    .co-steps {
        padding: 5px 0 20px;
        ;
    }

    .wl-btn-view {
        padding: 5px 7px;
    }

    .wl-head-title {
        font-size: 16px;
    }

    .wishlist-page {
        padding: 18px 16px;
    }

    .wl-head {
        margin-bottom: 14px;
    }

    .wl-remove {
        width: 26px;
        height: 26px;
    }

    .wl-grid {
        gap: 10px;
    }

    .auth-footer {
        margin-top: 2px;
    }

    .shop-layout {
        grid-template-columns: 190px 1fr;
    }

    .sb-title {
        font-size: 20px;
    }

    .profile-layout {
        grid-template-columns: 240px 1fr;
        gap: 12px !important;
    }

    .ci-bottom {
        gap: 8px;
    }

    .ci-total {
        font-size: 14px;
    }

    .sum-total-val {
        font-size: 16px;
    }

    .coupon-input {
        border-radius: 3px;
        padding: 5px 14px;
    }

    .pd-main {
        grid-template-columns: 320px 1fr;
    }

    .pd-thumb {
        width: 60px;
        height: 60px;
    }

    .btn-add-cart {
        padding: 8px 14px;
    }

    .btn-wishlist {
        height: 34px;
    }

    .rel-head {
        padding: 10px 20px;
    }

    .pd-name {
        font-size: 16px;
    }

    .pd-price {
        font-size: 20px;
    }

    .od-title {
        font-size: 17px !important;
    }

    .od-page {
        padding: 15px 16px !important;
    }

    .sidebar {
        top: 75px;
    }




}

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

    /* .header-inner {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    } */
    .fr-pc {
        display: none;
    }

    .pc-btn {
        display: none;
    }

    .fr-mbl {
        display: block;
    }

    .search-bar .search-btn {
        background: transparent;
        border: 1px solid #ffffff00;
    }

    .search-btn svg {
        display: block;
    }

    .search-bar {
        margin-right: 5px;
        justify-content: end;
    }

    .search-bar input {
        width: 100%;
    }

    .header-actions {
        margin-left: 0;
        width: 100%;
    }

    .search-bar {
        width: 100%;
    }

    .auth-trigger {
        text-wrap: nowrap;
    }

    .pm-cell {
        height: 125px;
    }

    .pm-tall {
        max-height: 254px;
    }

    .pgrid {
        grid-template-columns: repeat(4, 1fr);
    }

    .pd-main {
        grid-template-columns: 1fr;
    }

    .rel-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .cart-layout {
        grid-template-columns: 1fr !important;
    }

    .swpr1 {
        max-width: 378px;
    }

    .wl-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .profile-layout {
        grid-template-columns: 1fr;
    }

    .main-content .pgrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pagination {
        align-items: start;
        flex-direction: column;
        gap: 10px;
    }

    .shop-layout {
        grid-template-columns: 150px 1fr;
    }

    .cat-li {
        padding: 8px 8px !important;
    }

    .cat-li-left {
        gap: 4px;
    }

    .profile-layout {
        grid-template-columns: 210px 1fr !important;
    }

    .pf-content {
        padding: 18px 15px !important;
    }

    .pf-form-group label {
        font-size: 11px !important;
    }

    .pf-form-row {
        gap: 10px !important;
    }

    .pf-user-card {
        padding: 24px 10px !important;

    }

    .pf-avatar {
        width: 63px !important;
        height: 63px !important;
    }

    .checkout-layout {
        display: flex;
        flex-direction: column;
    }

    .checkout-layout>div {
        width: 100% !important;
    }
    .zoom-lens{
        display: none !important;
    }
    .zoom-result{
        display: none !important;
    }
        .mobile-filter-btn {
        top: 165px !important;
    }

}

@media screen and (max-width:575px) {
    .search-bar {
        height: 33px;
    }

    .hero-slider .item img {
        height: 200px;
    }

    .trust-icon {
        width: 18px;
        height: 18px;
    }

    .trust-item {
        padding: 12px 10px;
    }

    .trust-item {
        gap: 5px;
    }

    .trust-title {
        font-size: 10px;
    }

    .promo-mosaic {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 25px;
    }

    .profile-layout {
        grid-template-columns: 1fr !important;
    }

    .pgrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .swpr1 {
        margin-left: 50px !important;
    }

    .pm-tall {
        max-height: 190px;
    }

    .pm-cell {
        height: 190px;
    }

    .promo-mosaic>div {
        flex-direction: row !important;
    }

    .pm-cell {
        width: 50%;
        height: 130px;
    }

    .sec-hdr {
        position: relative;
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    .sec-view {
        position: absolute;
        bottom: -13px;
        right: 0px;
    }

    .sec-tabs {
        width: 100%;
        justify-content: center;
    }

    .sec-hdr {
        padding-bottom: 20px !important;
    }

    .sec-title {
        padding-bottom: 1px;
    }

    .prod-section.sec-hdr-wrap {
        padding: 14px 0px 0 !important;
    }

    .nl-icon {
        font-size: 30px;
    }

    .nl-form {
        max-width: 300px;
    }

    .nl-btn {
        padding: 8px 15px;
    }

    .hdr-icon {
        width: 26px;
        height: 38px;
    }

    .hdr-badge {
        top: 1px;
        right: -5px;
    }

    .sec-tab {
        padding: 2px 16px;
    }

    header {
        padding: 17px 0;
    }

    .search-bar .search-btn {
        padding: 0px 5px;
    }

    .auth-overlay {
        padding: 30px;
    }

    .auth-fg {
        margin-bottom: 5px;
    }

    .auth-divider {
        margin: 0 0 10px;
    }

    .auth-social {
        gap: 5px;
        margin-bottom: 15px;
    }

    .auth-body {
        padding: 5px 20px 24px;
    }

    .auth-hdr-sub {
        margin-top: 0px;
    }

    .auth-tab {
        padding: 10px 0;
    }

    .auth-hdr-title {
        font-size: 20px;
        margin-top: 5px;
    }

    .auth-fg input {
        padding: 6px 14px 6px 37px;
    }

    .auth-submit {
        padding: 11px;
        font-size: 11px;
    }

    .rel-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .rel-title {
        font-size: 15px;
    }

    .rel-head {
        margin-bottom: 10px;
    }

    .pd-related {
        border: none;
    }

    .rel-head {
        padding: 13px 0px;
        border-bottom: 1px solid var(--border);
    }

    .cart-head-title {
        font-weight: 700;
    }

    .ci-remove {
        font-size: 0;
    }

    .ci-remove svg {
        width: 18px;
        height: 18px;
    }

    .shop-layout {
        grid-template-columns: 1fr;
    }

    .wl-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .od-title {
        font-size: 16px !important;
    }

    .sidebar {
        top: 76px;
    }

    .trust-sub {
        line-height: 14px;
    }

    .main-content .pgrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .page-btns {
        margin-left: auto;
    }

    .pg-btn {
        height: 28px;
    }

    .hdr-icon.whislst {
        display: none;
    }

    .sb-nav {
        padding: 10px 10px 55px 10px;
    }

}

@media screen and (max-width:460px) {
    .header-actions {
        gap: 1px;
    }

        .logo img {
        height: 40px;
    }

    .auth-trigger {
        padding: 8px 8px;
    }

    .header-inner {
        gap: 17px;
    }

    .pgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pm-tall {
        max-height: 160px;
    }

    .pm-cell {
        height: 120px;
    }

    .nl-title {
        font-size: 19px;
    }

    .pd-main-wrap {
        height: 270px !important;
    }

    .pd-thumb {
        width: 55px;
        height: 50px;
    }

    .pd-name {
        font-size: 15px;
    }

    .btn-wishlist {
        width: 36px;
    }

    .qty-btn {
        width: 26px;
    }

    .btn-add-cart {
        max-width: 50%;
    }

    .pd-tabs {
        padding: 3px 12px;
    }

    .pd-tab {
        padding: 7px 14px;
    }

    .rel-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .breadcrumb-inner a {
        font-size: 12px;
    }

    .pd-meta {
        gap: 8px;
    }

    .pd-name {
        margin-bottom: 4px;
    }

    .pd-meta {
        margin-bottom: 3px;
    }

    .sz-btn {
        font-size: 12px;
    }

    .ci-bottom {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .ci-total {
        margin-left: 0;
    }

    .ci-remove {
        position: absolute;
        right: -21px;
        top: 0;
    }

    .ci-body {
        position: relative;
    }

    .cart-item {
        padding: 10px 25px 10px 15px;
    }

    .main-content .pgrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wl-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mobile-filter-btn {
        padding: 8px 17px;
    }

    header {
        padding: 18px 0;
    }

    .topbar .sb-toggle {
        height: 36px;
    }

    .mo-btn {
        padding: 5px 18px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .ordr-srch-flx {
        flex-direction: column;
    }

    .mo-search {
        width: 100% !important;
    }

    .mo-items-row {
        margin-bottom: 10px !important;
    }

    .mo-order {
        padding: 10px 10px !important;
        margin-bottom: 10px !important;
    }

    .mo-order-head {
        padding-bottom: 7px !important;
    }

    .mo-filter-btn {
        font-size: 12px !important;
    }

    .mo-filter-btn.active {
        padding-bottom: 7px !important;
    }

    .mo-filter-btn {
        padding: 5px 18px !important;
    }

    .mo-page {
        padding: 17px 16px;
    }

    .mo-order-foot {
        gap: 8px;
    }

    .od-box {
        padding: 14px !important;
    }

    .od-item-img {
        width: 55px;
        height: 55px;
    }

    .od-item {
        gap: 9px !important;
    }

    .od-item-name {
        font-size: 13px !important;
    }

    .od-info-grid {
        gap: 9px !important;
    }

    .od-btn {
        padding: 7px 19px !important;
    }

    .auth-overlay {
        padding: 10px;
    }

    .header-actions {
        gap: 5px;
    }

    .swpr1 {
        margin-left: 30px !important;
    }
    .auth-panel {
    padding: 10px 0;
}
.auth-fg-row {
    gap: 0px;
}
    .shop-banner-inner {
        flex-direction: column;
        align-items: start;
        gap: 10px;
            padding: 22px 20px;
    }
        .logo img {
        height: 40px;
    }
}

@media screen and (max-width:375px) {
    .header-inner {
        gap: 7px;
    }
        .pm-tall {
        max-height: 140px;
    }
        .trust-title {
        font-size: 9px;
    }
        .pd-main-wrap {
        height: 255px !important;
    }
    .coupon-bar {
    padding: 14px 13px;
}
}