#app.wrapper,
.min-height-app {
    min-height: 100vh;
}

.swiper-container-slide {
    margin: 0 -15px -50px;
    overflow: hidden;
}


.swiper-container-slide .swiper-wrapper {
    padding: 30px 0 50px;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: var(--color-primary) !important;
    width: 30px !important;
    border-radius: 5px !important;
}

@media screen and (max-width: 991px) {
    #top-nav-wrap-content {
        display: none;
    }

    .header-search-sm {
        margin-top: 7px;
    }

    .home-section-wrap {
        margin-top: 0px;
    }

    .home-slider .slide-content .caption-1 {
        font-size: 21px;
        line-height: 21px;
    }

    .featured-categories-text h2.title {
        font-size: 21px;
        line-height: 28px;
        text-align: initial;
    }

    .featured-categories-text .excerpt {

        margin-top: 0px;

        text-align: start;
    }

    .featured-categories-wrap .tabs {
        margin: 10px -15px -39px;
        flex-wrap: initial;
        justify-content: initial;
        overscroll-behavior-x: contain;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .featured-categories-wrap .tabs .tab-item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: initial;
        height: 68px;
        width: auto;
    }

    .featured-categories-tabs .featured-category-image {
        position: relative;
        width: 54px;
        height: 54px;
        margin-bottom: 5px;
        padding-bottom: 0px;
    }

    .featured-categories-tabs .featured-category-image>img {
        position: relative;
        left: initial;
        top: initial;
        max-height: 100%;
        max-width: 100%;
        transform: none;
    }

    .featured-categories-wrap .tabs .tab-item {
        margin: 0 5px 30px;
    }

    .product-card:hover {
        border: 1px solid #ebebeb;
        box-shadow: none;
    }

    .product-card:hover .btn-add-to-cart {
        opacity: 0;
        visibility: hidden;
        transform: none;
    }

    .grid-products-wrap .tabs {
        display: flex;
        text-align: center;
        float: none !important;

        overscroll-behavior-x: contain;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .grid-products-wrap .tabs .tab-item {
        display: flex;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
        font-size: 16px;
    }

    .vertical-products .section-title {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .features-wrap {
        margin-top: 15px;
    }

    .features-wrap .features {
        padding-bottom: 0px;
        border: 0px solid #e1e1e1;
        border-radius: 0px;


    }

    .features-wrap .feature-list {
        display: flex;
        flex-wrap: initial;

        overscroll-behavior-x: contain;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .features-wrap .single-feature {
        margin-top: 0px;
        border-radius: 6px;
        flex: 0 0 58% !important;
        max-width: auto !important;
        background-color: #f2f4f5;
        margin-right: 10px;
        padding: 10px 8px;
    }

    .features-wrap .single-feature .feature-details h6 {
        font-size: 13px;
    }

    .featured-categories-wrap {
        margin-top: 15px;
    }

    .menu-icon-open-wrap {
        margin-top: 2px;
    }
}


.features-wrap .feature-list::-webkit-scrollbar,
.featured-categories-wrap .tabs::-webkit-scrollbar,
.grid-products-wrap .tabs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

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

    .features-wrap .feature-list::-webkit-scrollbar,
    .featured-categories-wrap .tabs::-webkit-scrollbar,
    .grid-products-wrap .tabs::-webkit-scrollbar {
        width: 0 !important;
    }
}