@media screen and (max-width: 320px) {
    .product-name {
        font-size: 13px;
    }

    span.price-new {
        font-size: 14px;
    }

    .free-shipping>span {
        font-size: 8px;
    }



    .four-pro-top {
        flex-direction: column;
    }

    span.four-banner-text {
        font-size: 8px;
    }

    .product-price span {
        font-size: 14px;
    }

    .product-name {
        height: 45px;
    }

    .product-price {
        display: flex;
        flex-direction: column;
    }

    .product-price>span:nth-child(2) {
        font-size: 16px;
    }
}

@media screen and (max-width: 426px) {
    ul.nav.nav-tabs.product-nav-tabs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .image-div img {
        width: 50%;
    }



    .product-per {
        width: 100% !important;
    }



    .product-grid .product-card:nth-child(2n) {
        margin-right: 0 !important;
    }

    .product-grid .product-card {
        width: 100% !important;
    }

    .product-details-upper {
        padding: 0 !important;
    }

    .product-details-lower {
        width: 100% !important;
        padding: 0 !important;
    }

    .product-details-lower {}

    .mini-info-area {
        width: 100%;
    }

    .mini-info-area-cont {
        width: 33.3333%;
        display: flex;
        align-items: center;
    }

    .mini-info-area-cont>i {
        width: 33.3333%;

    }

    .sogo-product-container .product-right .product-details-upper .name-fav {
        width: 100%;
    }

    button.product-fav-btn,
    button#all-share-button {
        width: 50px;
        height: 50px;
        line-height: 50px !important;
    }

    div#product {
        display: inline-block;
    }

    .product-details-upper {
        width: 100% !important;
    }

    .product-name {
        line-height: 24px !important;
    }

    .manufacturer-container .swiper-button-next {
        right: 0;
    }

    .mobile-search-area input.search-input {
        width: 100% !important;
    }

    .mobile-search-area {
        width: 100%;
    }

    button.clear-search {
        right: 1% !important;
    }

    .manufacturer-container .swiper-button-prev {
        left: 87%;
    }

    .gallery-slider .swiper-button-next {
        right: 0;
    }

    .gallery-slider .swiper-button-prev {
        left: 84%;
    }

    .product-model {
        font-size: 9px;
    }

    /* 
    .product-per {
        width: calc(50% - 1rem) !important;
    } */

    .product-per:not(:nth-child(2n)) {
        margin-right: 1rem;
    }

    .product-per:not(:nth-child(3n)) {
        margin-right: 0 !important;
    }

    .product-per:not(:nth-child(4n)) {
        margin-right: 0;
    }


    .free-info-content {
        width: 50%;
    }

    .free-info-area>.container {

        flex-wrap: wrap;
    }

    .product-name {
        height: 66px !important
    }

    .attribute-tab-area {
        columns: 1;
    }

    .scroll-info {
        visibility: visible !important;
    }



    .bf-form>[class^="bf-attr-"] {
        width: 100% !important;
        margin: 0;
    }

    .category-list-container-mobile {
        display: flex;
    }

    .filter-sort {
        margin-bottom: 0;
    }

    /* button#show-filter {
        visibility: visible;
    } */

    .product-grid-2 .product-card:nth-child(2n + 1) {
        margin-right: 0;
    }

    .product-grid-2>.product-card {
        height: 320px;
    }

    .filter-header>span {
        display: none;
    }

    .filter-wrap-container {
        justify-content: center;
    }

    ul.megamenu>li>a strong {
        font-size: .85rem;
    }

    /* button#show-filter {
        display: flex;
    } */

    .category-description-area {
        width: 100%;
    }

    .select-styled {
        width: 100%;
    }

    .sort-wrapper {
        width: 100% !important;
    }
}


@media screen and (max-width:574px) {
    .four-banner-content {
        width: calc(50% - 1rem);
    }

    span.four-banner-text {
        font-size: 13px;
    }

    .four-banner-content:not(:nth-child(4n)) {
        margin-right: 0 !important;
    }

    .header-container {
        justify-content: center;
        flex-direction: column;
    }

    /* .header-quick-menu {
        justify-content: center;
    } */

    .header-logo {
        justify-content: center;
    }

    .two-item-featured-header {
        flex-direction: column;
    }

    .search-container {
        width: 100%;
    }

    .user-div>a>span {
        display: none;
    }

    .cart-div>a>span {
        display: none;
    }

    /* .container.header-container {
        position: relative;
    } */

    /* .header-right {
        position: absolute;
        top: 100%;
        z-index: 9999;
        margin-top: .8rem;
    } */

    .four-pro-top {
        flex-direction: column;
    }

    .product-per {
        width: calc(50% - 1rem);
        height: 280px;
    }

    .header-container>.search-container {
        display: none;
    }

    .header-container>.header-right {
        display: none;
    }

    .mobile-search-area {
        display: flex;
        margin-bottom: 1rem;
    }

    .mobile-search-area button.clear-search {
        right: 17%;
        top: 15%;
    }

    .mobile-search-area input.search-input {
        width: 85%;
    }

    .mobile-search-area .header-quick-menu>li>div {
        height: 40px;
        width: 40px;
        margin-left: .5rem !important;
    }

    .mobile-search-area span.cart-count {
        display: flex !important;
    }

    .user-div {
        display: none !important;
    }
}

@media screen and (max-width: 680px) {
    .header-wrapper {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .category-list-container {
        display: none;
    }

    .filter-sort .bf-panel-wrapper {
        display: block;
    }

    .content-wrapper .sogo-content .filter-sort {
        left: 0;
    }

    button#show-filter {
        display: flex !important;
    }

    .filter-header {
        display: none !important;
    }

    .mobile-category-header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .category-description-area {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .sort-wrapper {
        margin: 0 !important;
    }

    .mobile-category-header>span {
        font-size: 1.5rem;
        padding: .5rem;
        letter-spacing: 2px;
        font-weight: 500;
    }
}

@media screen and (max-width: 769px) {
    .category-content-right {
        width: 100%;
    }

    .category-featured {
        display: none;
    }

    /* .product-name {
        line-height: 0px;
    } */

    .product-details-upper {
        width: 50%;
    }

    .product-details-lower {
        width: 50%;
    }

    .mini-info-area-cont span {
        font-size: 10px;
    }

    div#product {
        display: flex;
        flex-wrap: wrap;
    }

    /* .sogo-product-container .product-right .product-details-lower .product-cart-buttons #button-cart {
        width: 100%;
    } */

    .btn-div-product {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .categoryslideSwiper {
        width: 100%;
    }

    .gallery-slider .swiper-button-prev {
        left: 90%;
    }

    .home-gallery .gallery-lower .gallery-slider a>.product-caption {
        justify-content: start;
    }

    .gallery-slider .image-div img {
        width: 100%;
    }

    .image-div img {
        width: 100%;
    }

    .manufacturer-container .swiper-button-prev {
        left: 90%;
    }

    /* .product-name {
         height: 11px;
    } */

    .my-four-featured .product-per {
        width: calc(33.33333% - 1rem);
    }

    .product-per:not(:nth-child(3n)) {
        margin-right: 1rem;
    }


    .product-caption {
        width: 100%;
    }

    .header-quick-menu>li>div>a>i,
    .header-quick-menu>li>div>button>i {
        font-size: 15px;
    }

    .mySwiperSlider {
        display: none;
    }

    .category-area-cont {
        width: 31.5%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        margin-bottom: .5rem;
    }

    span.four-banner-text {
        font-size: 13px;
    }

    .header-top-text {
        display: none;
    }

    .header-wrapper {
        justify-content: flex-start;
    }

    .product-price>span:nth-child(2) {
        font-size: 20px !important;
    }

    span.price-old {
        font-size: 16px !important;
    }

    span.price-new {
        font-size: 22px !important;
    }

    .product-price {
        /* margin-top: 2rem; */
        /* margin-bottom: 1rem; */
    }

    .my-four-featured .product-per {
        height: 360px !important;
    }

    .two-item-featured {
        padding: 2rem 0 2rem 0;
    }

    .product-price {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-grid .product-card {
        width: calc(50% - 1rem);
        height: 345px;
    }

    .swiper-pagination-2 {
        display: flex;
        justify-content: center;
    }

    .gallery-thumbs {
        display: none;
    }

    .scroll-info-right {
        flex-direction: column;
    }

    .scroll-info-price>ul {
        align-items: center;
        justify-content: center;
    }

    .scroll-info-add-to-card {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-grid .product-card:nth-child(4n) {
        margin-left: 0;
        margin-right: 0;
    }

    .product-grid .product-card:nth-child(2n) {
        margin-left: 0;
        margin-right: 1rem;
    }

    .product-grid .product-card {
        margin-left: 0;
        margin-right: 0;
    }

    .product-grid-2>.product-card {
        height: 400px;
    }

    .product-card {
        margin-top: .5rem;
    }
}

@media screen and (min-width:768px) {
    .product-card {
        height: 336px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bf-form>[class^="bf-attr-"] {
        width: calc(100% - 1.5rem) !important;
        margin: 0 0.75rem !important;
    }

}

@media screen and (max-width: 991px) {
    ul.megamenu {
        display: flex !important;
    }

    ul.megamenu>li>a strong {
        font-size: 14px !important;
    }

}

@media screen and (min-width: 1024px) {
    .category-area-cont {
        width: 10%;
        height: 93px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


}

@media screen and (max-width: 1024px) {
    .category-featured {
        height: 213px;
    }

    .per-product-name {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        padding: 0 20px;
    }

    .header-quick-menu>li>div>a {
        font-size: 12px;
    }

    .free-shipping {
        max-width: 100% !important;
    }

    .priv-caption>.product-name {
        height: 50px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
    }

    .gallery-slider .swiper-button-prev {
        left: 92%;
    }

    /* .product-per {
        height: 380px;
    } */

    .product-card {
        height: 300px;
    }

    ul.megamenu>li>a strong {
        font-size: 11px;
    }

    /* .image-div img {
        width: 100%;
    } */

}

@media screen and (max-width: 1630px) {
    .general-container {
        width: 1240px
    }
}