/*MEGAMENU*/
@media (max-width: 1329px) {
    .wsmenu {
        font-size: 14px;
    }

    .wsmenu > .wsmenu-list > li > .navtext {
        padding: 0 13px;
    }

    .wsmenu > .wsmenu-list > li:nth-last-child(1) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .wsmenu > .wsmenu-list > li > .navtext {
        padding: 0 7px;
    }

    .wsmenu > .wsmenu-list > li:nth-last-child(2) {
        display: none;
    }
}

/*MEGAMENU*/


/*HEADER*/
@media (max-width: 1329px) {
    header .header-top .header-search .header-search-input {
        width: 320px;
    }

    header .header-top .header-logo {
        margin-right: 30px;
    }

    .header-profile {
        padding-right: 15px;
    }

    .header-menu>ul>li {
        padding: 0 3px;
    }

    .header-menu>ul>li.header-main-menu {
        padding-left: 10px;
    }
}

@media (max-width: 1199px) {
    header .header-top .header-phone {
        display: none;
    }
}

@media (min-width: 992px) {
    .wsmenu > .wsmenu-list > li > .navtext.allCat {
        background-color: var(--redColor);
        color: #fff;
        padding-left: 45px;
        padding-right: 15px;
        margin-right: 25px;
        border-right: 0;
        transition: none;
    }

    header.header-main:not(.header-fixed) .wsmenu > .wsmenu-list > li > .navtext.allCat {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .wsmenu > .wsmenu-list > li > .navtext.allCat > span > i {
        font-size: 24px;
        position: absolute;
        left: 12px;
        top: 50%;
        margin-top: -12px;
    }

    .wsmenu > .wsmenu-list > li > .navtext.allCat:after {
        content: ' ';
        display: block;
        position: absolute;
        background-color: transparent;
        width: 0;
        height: 0;
        border-bottom: 49.5px solid var(--redColor);
        border-right: 25px solid transparent;
        bottom: 0;
        margin-top: 0;
        right: -25px;
    }

    header.header-fixed .wsmenu > .wsmenu-list > li > .navtext.allCat:after {
        display: none;
    }

    header.header-fixed .wsmenu > .wsmenu-list > li > .navtext.allCat {
        border-radius: 10px;
        padding-right: 30px;
    }

    .wsmenu > .wsmenu-list > li > .navtext.allCat:hover {
        background-color: var(--darkColor);
    }

    .wsmenu > .wsmenu-list > li > .navtext.allCat:hover:after {
        border-bottom-color: var(--darkColor);
    }
}

@media (max-width: 991px) {
    .wsmobileheadermain {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: #fff;
        height: 100%;
    }

    header.header-main:not(.header-fixed) .wsmobileheader {
        background-color: rgba(255, 255, 255, 1);
    }

    header .header-top {
        display: none;
    }

    .wsmobiletools {
        position: absolute;
        top: 0;
        padding: 10px 10px 0 0;
        right: 0;
    }

    .wsmobilesearch {
        position: relative;
        width: 100%;
        height: 50px;
        background-color: #fff;
        margin-top: 60px;
        box-shadow: 0 0 1px rgba(0, 0, 0, .3);
        padding: 0 10px 10px;
        transition: all 0.3s ease-in-out;
    }

    .wsmobilesearch.wsmobilesearchide {
        margin-top: -50px;
        position: absolute;
    }

    header .search-top-box .header-search-input {
        width: 100%;
    }

    .wsmobiletools .user-profile .dropdown-toggle {
        height: 40px;
        font-size: 18px;
        border-radius: 0;
        border: 0 !important;
        padding: 0;
        display: flex;
        transition: all 0.5s;
        width: 40px;
        text-align: center;
    }

    .wsmobiletools .user-profile .dropdown-toggle::after {
        display: none;
    }

    .wsmobiletools .user-profile .dropdown-toggle .hp-user-img {
        font-size: 33px;
        height: 40px;
        line-height: 45px !important;
        display: inline-block;
        transition: all 0.5s;
        width: 40px;
    }

    .wsmobiletools .user-profile .dropdown-toggle .hp-user-img i {
        line-height: 43px;
    }

    .wsmobiletools .header-menu>ul>li > a {
        position: relative;
        display: block;
        height: 40px;
        text-align: center;
        line-height: 45px;
        font-size: 30px;
        width: 40px;
        border-radius: 20px;
    }

    .wsmobiletools .header-menu>ul>li {
        padding: 0 5px;
    }

    .wsmenu > .wsmenu-list > li > a {
        border-bottom: 1px solid #e7e7e7;
    }

    .wsmenu > .wsmenu-list > li > .navtext {
        text-align: left;
        line-height: 1.6;
        padding: 19px 60px 19px 15px;
        border-right: 0;
    }

    .wsmenu > .wsmenu-list > li > .navtext.allCat .icon-menu {
        display: none;
    }

    .wsmenu > .wsmenu-list > li > .wsmenu-click {
        background-color: transparent;
        border-left: 0;
    }


    .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > a {
        width: 100%;
        margin: 0;
        float: none;
        font-size: 13px;
        padding: 14px 11px 14px 11px;
        font-weight: 500;
    }

    .wsmenu .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wsmenu-click02 {
        background-color: transparent;
    }

    .wsmenu > .wsmenu-list > li > .wsshoptabing.wtsdepartmentmenu {
        box-shadow: none;
        border-radius: 0;
    }

    .wsmenu > .wsmenu-list > li > .wsshoptabing > .wsshopwp > .wstabitem > li > .wstitemright {
        padding: 15px;
    }

    .wstproduct-container .swiper-pagination {
        bottom: -10px;
    }


    header .search-top-box .header-search-input input {
        border: 2px solid var(--grayPlusColor);
    }

    header .search-top-box .header-search-input button {
        background-color: var(--grayPlusColor);
        color: rgba(0, 0, 0, 0.6);
    }

    header .search-top-box .header-search-input input:focus {
        border-color: var(--redColor);
    }

    header .search-top-box .header-search-input input:focus + button {
        background-color: var(--redColor);
        color: #fff;
    }


}

/*HEADER*/

/*HOMESLIDE*/
@media (max-width: 1330px) {
    .home-slider-content .home-slider-item .sld-content {
        padding: 30px;
    }

    .home-slider-content .home-slider-item .sld-camp {
        height: 50px;
    }

    .home-slider-content .home-slider-item .sld-label {
        top: 20px;
        padding: 8px 30px;
        font-size: 13px;
    }

    .home-slider-content .home-slider-item .sld-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .home-slider-content .home-slider-item .sld-content p {
        font-size: 15px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {

    .home-slider-content .home-slider-item .sld-content h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }


    .home-slider-content .home-slider-item .sld-content {
        float: none;
        padding: 10px 20px;
        max-width: 100%;
        width: 100%;
        height: auto;
        position: initial;
        bottom: 0;
        border-radius: 0 0 10px 10px;
        left: 0;
        background-color: var(--redColor);
        color: #fff;
    }

    .home-slider-content .home-slider-item .sld-img {
        float: none;
        width: 100%;
        padding: 0;
        overflow: hidden;
        border-radius: 10px 10px 0 0;
    }

    .home-slider-content .home-slider-item .sld-label {
        top: 30px;
    }

    .home-slider-content .home-slider-item {
        background-color: #fff;
    }

    .home-slider-content .swiper-pagination-bullet {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .home-slider-content .swiper-pagination-bullet-active {
        background-color: #fff;
    }

    .home-slider-content .home-slider-item .sld-content h3 {
        margin-bottom: 0;
        text-align: center;
    }

    .home-slider-content .home-slider-item .sld-content p {
        display: none;
    }

    .home-slider-content .home-slider-item .sld-camp {
        height: 0;
    }

    .home-slider-content .home-slider-item .btn-yellow {
        display: none;
    }

}

@media (max-width: 991px) {
    .main-slider-cover-color {
        background-color: #fff;
    }

    .main-slider {
        padding: 140px 0 50px 0;
    }

    .home-slider-thumbs .thumbs-arrow .thumbs-arrow-btn {
        color: var(--darkColor);
        opacity: 0.3;
        border: 1px solid var(--darkColor);
    }

    .home-slider-thumbs .thumbs-arrow .thumbs-arrow-btn:hover {
        background-color: var(--darkColor);
        color: #fff;
    }

}

@media (max-width: 767px) {
    .home-slider-thumbs {
        display: none;
    }

    .home-slider-content .swiper-slide {
        transform: scale(0.97);
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        opacity: 0.5;
    }

    .home-slider-content .swiper-slide.swiper-slide-active {
        transform: scale(1);
        opacity: 1;
    }

    .home-slider-content .home-slider-item .sld-content h3 {
        font-size: 20px;
        text-align: center;
    }

    .main-slider {
        padding: 140px 0 30px 0;
    }

    .home-slider-content .home-slider-item .sld-label {
        top: 20px;
        padding: 8px 15px;
    }

    .home-slider .swiper-pagination {
        display: block !important;
    }

    .home-slider-content .home-slider-item .sld-img img.slide-pht {
        -ms-transform: scale(1);
        transform: scale(1);
        height: auto;
        width: 100%;
    }

    .main-slider-content {
        padding: 0 5px;
    }
}

/*HOME MAIN CATEGORY*/
@media (max-width: 767px) {
    .main-category-item .main-category-content {
        width: calc(100% - 80px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        padding: 15px 20px;
    }
}

/*HOME MAIN CATEGORY*/


/*PRIME PRODUCT*/
@media (max-width: 1329px) {
    .btn.btn-shop {
        min-width: 160px;
        padding: 0 50px 0 20px;
    }

    .btn.btn-shop i {
        right: 15px;
    }

    .product-title h1, .product-title h2, .product-title h3 {
        font-size: 28px;
        font-weight: bold;
    }

    .product-detail-card .pr-detail-list li:nth-child(n+3) {
        display: none;
    }

    .prime-product-item .prime-product-content {
        padding-top: 20px;
        padding-left: 10px;
    }
}

@media (max-width: 1199px) {
    .prime-product-item .product-min-detail ul {
        display: none;
    }

    .prime-product-item .btn.btn-shop.btn-price {
        display: none;
    }

    .prime-product-item .prime-product-img-item img {
        clip-path: inset(20px);
    }

    .product-title h1, .product-title h2, .product-title h3 {
        font-size: 24px;
        font-weight: bold;
    }

    .product-brand {
        font-size: 14px;
        padding-right: 80px;
    }
}


@media (max-width: 1329px) {
    .collective-product-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 1199px) {
    .collective-product-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 991px) {
    .collective-product-container .swiper-slide-active + .swiper-slide + .swiper-slide {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .collective-product-container .swiper-slide-active + .swiper-slide {
        opacity: 0;
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .sk-tool-btn-preview {
        display: none;
    }
}

/*PRIME PRODUCT*/


@media (max-width: 1329px) {
    .book-box .book-head {
        margin-bottom: 20px;
    }

    .book-box .book-body h3 {
        font-size: 30px;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .book-box .book-body p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    .book-box .book-head {
        margin-bottom: 30px;
    }

    .book-box .book-body h3 {
        margin-bottom: 30px;
    }

    .book-box .book-body p {
        display: none;
    }
}

@media (max-width: 991px) {
    .book-box .book-head h2 {
        text-align: center;
    }

    .book-box {
        border-top: 7px solid var(--yellowColor);
        border-right: 7px solid var(--yellowColor);
        border-left: 7px solid var(--yellowColor);
        border-bottom: 0;
        padding: 30px 30px 80px 30px;
        margin-bottom: -50px;
        margin-top: 0;
    }

    .book-box .book-body {
        text-align: center;
    }

    .book-box .book-body h3 {
        font-size: 24px;
    }

    .book-img {
        padding: 30px;
        width: calc(100% - 120px);
        margin: auto;
    }

    .book-box:after {
        top: auto;
        bottom: 0;
        left: 0;
        width: 25px;
        height: 7px;
    }

    .book-box:before {
        bottom: 0;
        right: 0;
        width: 25px;
        height: 7px;
    }
}

@media (max-width: 767px) {
    .product-pg .product-price {
        float: none;
    }

    .prime-product-item .product-pg .product-rating {
        display: none;
    }

    .prime-product-item .product-min-detail {
        display: none;
    }
}

@media (max-width: 767px) {
    .product-action-box .product-quantity {
        float: left;
        margin-right: 10px;
    }
}


/*BLOG*/
@media (max-width: 1329px) {
    .blog-item .blog-item-body h3 {
        font-size: 20px;
    }
}

@media (max-width: 1199px) {
    .blog-item .blog-item-body h3 {
        font-size: 18px;
    }
}

@media(max-width: 991px) {
    .home-blog {
        padding: 50px 0 20px;
    }
    .blog-item {
        margin-bottom: 30px;
    }
}

/*BLOG*/

/*FAST INFO*/
@media (max-width: 1329px) {
    .fast-box-item .fast-box-icon {
        width: 100%;
        font-size: 50px;
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .fast-box-item .fast-box-body {
        width: 100%;
        float: none;
        text-align: center;

    }
}
@media (max-width: 991px) {
    .fast-box-item {
        margin-bottom: 25px;
    }
    .fast-box {
        padding: 30px 0 0;
    }
}
/*FAST INFO*/

/*FOOTER*/
@media (max-width: 1329px) {
    footer .footer-body .footer-left {
        width: calc(((100% - 1140px) / 2) + 380px);
    }

    footer .footer-body .footer-right {
        width: calc(((100% - 1140px) / 2) + (1140px - 380px));
    }

    footer .footer-contact-info {
        font-size: 15px;
    }

    footer .footer-menu h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    footer .footer-menu li a {
        padding: 0 0 16px;
        font-size: 15px;
    }

    footer .footer-menu.footer-menu-large li a {
        font-size: 17px;
        padding: 0 0 25px;
    }


    footer .footer-body .footer-left .footer-container {
        width: 380px;
        margin-left: auto;
        padding-right: 50px;
        padding-left: 15px;
    }

    footer .footer-body .footer-right .footer-container {
        width: 760px;
        margin-right: auto;
        padding-left: 50px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    footer .footer-body .footer-left {
        width: calc(((100% - 960px) / 2) + 380px);
    }

    footer .footer-body .footer-right {
        width: calc(((100% - 960px) / 2) + (960px - 380px));
    }


    footer .footer-body .footer-left .footer-container {
        width: 380px;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 15px;
    }

    footer .footer-body .footer-right .footer-container {
        width: 580px;
        margin-right: auto;
        padding-left: 30px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    footer .footer-body .footer-left {
        width: 100%; text-align: center;
    }

    footer .footer-body .footer-right {
        width: 100%;
        text-align: center;
    }


    footer .footer-body .footer-left .footer-container {
        width: 100%;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    footer .footer-body .footer-right .footer-container {
        width: 100%;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }


    footer .footer-contact-info li {
        display: block;
    }
    footer .footer-contact-info li a{
        display: inline;
    }
    footer .footer-contact-info {
        text-align: center;
    }
    footer .footer-contact-info li span {
        display: inline;
        float: none;
        width: auto;
    }
    footer .footer-contact-info li span.fc-col {
        width: 28px;
        display: inline;
    }

    footer .footer-menu {
        margin: 0 0 30px;
    }
    footer .footer-menu.footer-menu-large {
        margin: 20px 0 0;
    }

    footer .banka-logo {
        margin-top: 50px;
        text-align: center;
    }

}
/*FOOTER*/


/*SEARCH RESULT*/
@media (max-width: 1330px) {
    .product-list-container.grid-4 .product-col {
        -ms-flex: 0 0 calc(100% / 3);
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }


    .product-list-group .product-list-button:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1199px) {
    .product-list-container.grid-3 .product-col {
        -ms-flex: 0 0 calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }
}

@media (min-width: 992px) {
    .filter-section-body {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .sk-col-side {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: none;
    }
    .sk-col-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sk-col-side .sk-col-side-header {
        display: block;
    }
    .sk-col-side .sk-col-side-foot {
        display: block;
    }

    .sk-col-side.fixed-box {
        position: fixed !important;
        top: 0 !important;;
        left: 0 !important;;
        width: 100% !important;;
        height: 100% !important;;
        overflow-y: auto !important;
        background-color: #ffffff !important;
        z-index: 9999999999;
        padding: 65px 0 63px !important;
        display: block !important;
    }
    .sk-col-side.fixed-box .filter-box {
        border-radius: 0;
        border:0;
        margin-bottom: 0;
    }

    .sk-col-side.fixed-box .filter-box {
        padding: 0 15px;
    }

    .no-scroll-mobile {
        overflow: hidden !important;
    }

    .sk-col-side.fixed-box .filter-section-body>.filter-section-list {
        max-height: inherit;
        overflow-y: inherit;
        font-size: 15px;
    }
    .sk-col-side.fixed-box .filter-section-body>.filter-section-list .mCSB_scrollTools {
        display: none !important;
    }

    .sk-col-side.fixed-box .filter-section-body:not(.mobile-visibility) {
        display: none;
        margin-top: 20px;
    }

    .filter-box .filter-section h3.filter-title {
        margin-bottom: 0px;
        cursor: pointer;
    }

    .sk-col-side.fixed-box .filter-section-body>.filter-section-list .filter-section-item .custom-control-label span.check-text
    {
        font-size: 15px;
    }
    .sk-col-side.fixed-box .filter-section-body>.filter-section-list .filter-section-item {
        padding: 0 40px 15px 0;
    }

}

@media (min-width: 768px) {
    .product-list-container.grid-wide .sk-product-item {
        border: 1px solid var(--grayColor);
        padding: 3px;
    }

    .product-list-container.grid-wide .sk-product-item .sk-product-img {
        float: left;
        width: 230px;
        border-radius: 10px 0 0 0;
    }

    .product-list-container.grid-wide .sk-product-item .sk-product-body {
        float: left;
        width: calc(100% - 230px);
        padding: 20px;
    }

    .product-list-container.grid-wide .sk-product-item .sk-product-foot {
        float: left;
        width: 100%;
        padding: 10px 20px;
        background-color: var(--grayColor);
        border-radius: 0 0 10px 10px;
    }

    .product-list-container.grid-wide .product-col {
        padding-bottom: 15px;
    }

    .product-list-container.grid-wide .product-col:nth-last-child(1) {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .product-list-container.grid-3 .sk-product-item .sk-product-body {
        padding: 10px 10px 0;
    }

    .product-list-container.grid-3 .sk-product-item .sk-product-foot {
        padding: 10px;
    }

    .product-list-container.grid-3 .product-col {
        padding-right: 7px;
        padding-left: 7px;
        padding-bottom: 15px;
    }

    .product-list-container.grid-3 {
        padding: 0 8px;
    }

    .product-list-container.grid-3 .sk-product-item .sk-product-title h2, .product-list-container.grid-3 .sk-product-item .sk-product-title h3 {
        font-size: 14px;
        font-weight: bold;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
        line-height: 21px;
        height: 42px;
    }

    .product-list-container.grid-3 .sk-product-item .sk-product-brand {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 12px;
    }

    .product-list-container.grid-3 .sk-product-item .sk-product-price .old-price {
        font-size: 12px;
    }

    .product-list-container.grid-3 .sk-product-item .sk-product-price .dsc-price {
        font-size: 16px;
    }
    .product-list-container.grid-3 .btn.btn-shop.btn-shop-mini {
        min-width: 48px;
    }
}


@media (max-width: 360px) {
    .product-list-container.grid-3 .product-col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-list-group { display: none;}
}
/*SEARCH RESULT*/

@media (max-width: 1329px) {
    .social-icon {
        width: 40px;
        height: 40px;
        font-size: 21px;
        line-height: 44px;
        margin-right: 3px;
    }
}