/* Margin All */
.m-0{margin:0!important;}
.m-1{margin:0.25rem!important;}
.m-2{margin:0.5rem!important;}
.m-3{margin:1rem!important;}
.m-4{margin:1.5rem!important;}
.m-5{margin:3rem!important;}

/* Margin Top */
.mt-0{margin-top:0!important;}
.mt-1{margin-top:0.25rem!important;}
.mt-2{margin-top:0.5rem!important;}
.mt-3{margin-top:1rem!important;}
.mt-4{margin-top:1.5rem!important;}
.mt-5{margin-top:3rem!important;}

/* Margin Bottom */
.mb-0{margin-bottom:0!important;}
.mb-1{margin-bottom:0.25rem!important;}
.mb-2{margin-bottom:0.5rem!important;}
.mb-3{margin-bottom:1rem!important;}
.mb-4{margin-bottom:1.5rem!important;}
.mb-5{margin-bottom:3rem!important;}

/* Margin Left */
.ml-0{margin-left:0!important;}
.ml-1{margin-left:0.25rem!important;}
.ml-2{margin-left:0.5rem!important;}
.ml-3{margin-left:1rem!important;}
.ml-4{margin-left:1.5rem!important;}
.ml-5{margin-left:3rem!important;}

/* Margin Right */
.mr-0{margin-right:0!important;}
.mr-1{margin-right:0.25rem!important;}
.mr-2{margin-right:0.5rem!important;}
.mr-3{margin-right:1rem!important;}
.mr-4{margin-right:1.5rem!important;}
.mr-5{margin-right:3rem!important;}

/* Padding All */
.p-0{padding:0!important;}
.p-1{padding:0.25rem!important;}
.p-2{padding:0.5rem!important;}
.p-3{padding:1rem!important;}
.p-4{padding:1.5rem!important;}
.p-5{padding:3rem!important;}

/* Padding Top */
.pt-0{padding-top:0!important;}
.pt-1{padding-top:0.25rem!important;}
.pt-2{padding-top:0.5rem!important;}
.pt-3{padding-top:1rem!important;}
.pt-4{padding-top:1.5rem!important;}
.pt-5{padding-top:3rem!important;}

/* Padding Bottom */
.pb-0{padding-bottom:0!important;}
.pb-1{padding-bottom:0.25rem!important;}
.pb-2{padding-bottom:0.5rem!important;}
.pb-3{padding-bottom:1rem!important;}
.pb-4{padding-bottom:1.5rem!important;}
.pb-5{padding-bottom:3rem!important;}

/* Padding Left */
.pl-0{padding-left:0!important;}
.pl-1{padding-left:0.25rem!important;}
.pl-2{padding-left:0.5rem!important;}
.pl-3{padding-left:1rem!important;}
.pl-4{padding-left:1.5rem!important;}
.pl-5{padding-left:3rem!important;}

/* Padding Right */
.pr-0{padding-right:0!important;}
.pr-1{padding-right:0.25rem!important;}
.pr-2{padding-right:0.5rem!important;}
.pr-3{padding-right:1rem!important;}
.pr-4{padding-right:1.5rem!important;}
.pr-5{padding-right:3rem!important;}
/* Extra small devices (phones, portrait) */
@media only screen and (max-width: 575px) {
    .pop-div.pop-user-login {
        width: 97%;
        left: 5px;
        right: 5px;
        top: 10px;
        transform: none;
    }

    .pop-div-close {
        top: 2px;
        right: 10px;
    }

    .apply-coupon-wrapper .d-md-flex {
    }

        .apply-coupon-wrapper .d-md-flex input {
            width: 50%;
            height: 36px;
        }

    .hero-slider-item {
        background-size: contain;
    }

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

    .slick-dot-style ul.slick-dots {
        bottom: 0px;
    }

    section.product-area.section-padding {
        padding-top: 10px;
    }

    .section-title.text-center {
        margin-bottom: 20px;
        margin-top: 16px;
    }

    .hs_top_user_profile {
        margin-top: 8px;
    }

    .hs_top_user_profile > a {
        padding: 4px 8px;
        font-size: 12px;
    }
}

/* Small devices (phones, landscape / small tablets) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* styles for phones in landscape and small tablets */
    .pop-div.pop-user-login {
        width: 97%;
        left: 5px;
        top: 10px;
        transform: none;
    }

    .pop-div-close {
        top: 2px;
        right: 10px;
    }
}

/* Medium devices (tablets) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* styles for tablets */
}

/* Large devices (desktops) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* styles for small desktops/laptops */
}

/* Extra large devices (large desktops, wide screens) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* styles for large desktops */
}

/* Ultra wide devices (4K screens, TVs, etc.) */
@media only screen and (min-width: 1400px) {
    /* styles for extra wide monitors */
}

/* Cart table mobile stacking */
@media only screen and (max-width: 767px) {
    .cart-table-modern table thead {
        display: none;
    }

    .cart-table-modern table tbody tr {
        display: block;
        margin-bottom: 12px;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 8px 10px;
    }

    .cart-table-modern table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 4px 0;
        font-size: 13px;
    }

    .cart-table-modern table tbody td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #555;
        margin-right: 10px;
    }

    .cart-table-modern table tbody td.pro-thumbnail {
        justify-content: flex-start;
    }

    .cart-table-modern table tbody td.pro-thumbnail::before {
        content: '';
    }

    .cart-table-modern .qty {
        max-width: 120px;
    }
}