/* Extra small devices (phones, portrait) */
@media only screen and (max-width: 575px) {
    .pop-div.pop-user-login {
        width: 97%;
        left: 5px;
        top: 10px;
    }

    .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;
    }
}

/* 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;
    }

    .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 */
}