@media (max-width: 1024px) {
    .mobile__hide {
        display: none;
    }
}

@media (min-width: 768px) {

    .mobile__footer {
        display: none;
    }

}

@media (max-width: 768px) {
    .header__middle {
        padding: 14px 0;
    }

    .mobile__hide {
        display: none;
    }

    .dashboard__wrapper.custom__card{
        padding: 20px 10px;
    }
}

@media (max-width: 767.98px) {

    .py__30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .py__50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal .btn-close{
        top: 16px;
        right: 10px;
        width: 22px;
        height: 22px;
        box-shadow: none;
    }

    .header__top .exclusive__offer__wrapper:before {
        display: none;
    }

    .header__top .exclusive__offer__wrapper .offer__title {
        font-size: 10px;
        padding: 6px 8px;
        top: 6px;
        display: none;
    }

    .header__top .call__support {
        display: none;
    }

    .header__middle .header__widget__group .header__widget:nth-child(1),
    .header__middle .header__widget__group .header__widget:nth-child(2),
    .header__middle .header__widget__group .header__widget:nth-child(4) {
        display: none;
    }

    .header__middle .header__widget__group .header__widget {
        margin-left: 0;
    }

    .header__middle .header__widget__group .header__widget span {
        width: 35px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }

    .header__middle .header__widget__group .header__widget sup {
        top: -6px;
        left: 20px;
        width: 20px;
        height: 20px;
        font-size: 10px;
        line-height: 17px;
    }

    .modal__product__view .btn-close {
        top: 10px;
        right: 10px;
    }

    /*  PRODUCT LIST  */

    .top__filter {
        padding: 8px 20px;
    }

    .product__wrap {
        padding: 16px;
    }

    .newsletter__inner__container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .newsletter__inner__container .main__title {
        font-size: 28px;
    }

    .newsletter__inner__container h6 {
        font-size: 14px;
        font-weight: 600;
    }

    .footer__link__widget {
        margin-bottom: 20px;
    }

    [class*="col-"]:last-child .footer__link__widget {
        margin-bottom: 0;
    }

    .footer__link__widget .footer__title {
        margin-bottom: 18px;
    }

    .footer__link__widget .footer__title h3 {
        font-size: 16px;
    }

    .footer__link__widget .footer__widget__list ul li {
        padding: 5px 0;
    }

    .copyright__section {
        padding-bottom: 90px;
    }

    .product__preview__box .preview__cover__image {
        height: 310px;
    }

    .product__preview__box .preview__cover__image img {
        height: 310px;
        padding: 15px;
    }

    .product__preview__box .preview__thumb__list .thumbnail__img {
        height: 80px;
    }

    .product__preview__box .preview__thumb__list .thumbnail__img img {
        height: 75px;
        padding: 8px 8px;
    }

    .product__view__detail .product__title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .product__view__detail .product__review .product-details-stock span {
        font-size: 14px;
    }

    .my__orders__details .order__product__wrap {
        padding: 12px 0;
    }

    .my__orders__details .order__product__wrap .order__product__img {
        border-radius: 2px;
        padding: 3px;
    }
}

@media (max-width: 575.98px) {

    .py__30 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .section__title .main__title {
        font-size: 20px;
    }

    .header__top .exclusive__offer__wrapper {
        padding: 9px 0;
    }

    .header__top .exclusive__offer__wrapper:before {
        display: none;
    }

    .header__top .exclusive__offer__wrapper .offer__title {
        font-size: 10px;
        padding: 6px 8px;
        top: 6px;
        display: none;
    }

    .header__top .call__support {
        display: none;
    }

    .header__middle .header__search__form .input-group {
        height: 38px;
    }

    .header__middle .header__search__form .category__search {
        display: none;
    }

    .header__middle .header__search__form .category__search:before {
        display: none;
    }

    .header__middle .header__search__form .search__btn {
        font-size: 14px;
        color: var(--primary);
        background-color: transparent;
    }

    .header__middle .header__search__form .form-control {
        font-size: 13px;
        margin-left: 1px !important;
    }

    .banner__section .banner__carousel {
        padding: 15px 0;
    }

    .combo__offer.full__combo {
        padding: 30px 15px;
        height: auto;
    }

    .combo__offer.full__combo .offer__detail .title {
        font-size: 18px;
    }

    /*  PRODUCT LIST  */

    .product__wrap {
        padding: 10px;
    }

    .product__wrap .product__img {
        margin-bottom: 20px;
    }

    .product__wrap .product__img img {
        height: 70px;
    }

    .product__wrap .product__wish {
        top: 6px;
        right: 6px;
        font-size: 14px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .product__wrap .product__info .product__category {
        font-size: 12px;
    }

    .product__wrap .product__info .product__title {
        font-size: 14px;
        margin-bottom: 6px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .product__wrap .product__info .rating__wrap .rating {
        margin-right: 10px;
    }

    .product__wrap .product__info .product__price {
        margin-top: 5px;
    }

    .product__wrap .product__info .product__price .price {
        font-size: 14px;
    }

    .product__wrap .product__info .product__price del {
        font-size: 13px;
        margin-right: 3px;
        margin-left: 3px;
    }

    .product__wrap .product__info .product__price .on__sale {
        font-size: 13px;
    }

    .product__wrap .product__info .product__add .add__to__cart__btn {
        padding: 6px 10px;
        font-size: 12px;
        margin-right: 4px !important;
    }

    .product__wrap .product__info .product__add .compare__btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    .product__category__carousel.owl-carousel.owl-theme .owl-nav button.owl-prev,
    .product__category__carousel.owl-carousel.owl-theme .owl-nav button.owl-next {
        font-size: 14px;
        height: 32px;
        width: 32px;
        line-height: 28px;
    }

    .trending__product__carousel.owl-carousel.owl-theme .owl-nav button.owl-prev,
    .trending__product__carousel.owl-carousel.owl-theme .owl-nav button.owl-next {
        font-size: 14px;
        height: 32px;
        width: 32px;
        line-height: 28px;
    }

    .my__orders__details {
        padding: 14px 10px;
    }

    .newsletter__inner__container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .newsletter__inner__container .main__title {
        font-size: 24px;
    }

    .newsletter__inner__container h6 {
        font-size: 14px;
        font-weight: 600;
    }

    .newsletter__inner__container .news__form input {
        height: 44px;
        font-size: 12px;
        padding: 0px 12px;
    }

    .newsletter__inner__container .news__form .subscribe__btn {
        font-size: 12px;
        padding: 10px 10px;
    }

    .deal__box__wrap .banner__content h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .cart-items__list .cart-item__total .cart-item__price {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .cart-items__list .cart-item__total .cart-item__price .product__price {
        color: #119744;
    }

    .cart-items__list .cart-item .mobile__item__option {
        display: flex;
    }
}