.switch-tabs-wrap .switch-tabs > ul > li.switch-hide,
.switch-mobile-tabs {
    display: none;
}

.switch-tabs-wrap {
    position: relative;
    padding: 0 0 20px;
    margin: 0 0 50px;
    -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

    .switch-tabs-wrap .options {
        position: absolute;
        left: 0;
        bottom: -14px;
        width: 100%;
        text-align: center;
    }

        .switch-tabs-wrap .options a {
            display: inline-block;
            border: 1px solid #dbdbdb;
            font-size: 13px;
            padding: 4px 15px 3px 20px;
            background: #e7e6df;
            color: #000;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

            .switch-tabs-wrap .options a span {
                display: inline-block;
                padding-right: 20px;
                position: relative;
            }

                .switch-tabs-wrap .options a span:after {
                    content: "\f107";
                    font: normal normal normal 14px/1 FontAwesome;
                    position: absolute;
                    right: 0;
                    top: 2px;
                }

            .switch-tabs-wrap .options a .hide-advance {
                display: none;
            }

            .switch-tabs-wrap .options a.active .show-advance {
                display: none;
            }

            .switch-tabs-wrap .options a.active .hide-advance {
                display: block;
            }

            .switch-tabs-wrap .options a.active span:after {
                content: "\f106";
            }

    .switch-tabs-wrap .container {
        position: relative;
    }

    .switch-tabs-wrap .sort-overlay {
        position: absolute;
        right: 50px;
        top: 0;
    }

        .switch-tabs-wrap .sort-overlay label {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            font-size: 14px;
            font-weight: bold;
            color: #454545;
            margin-right: 7px;
        }

        .switch-tabs-wrap .sort-overlay select {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
            /*width: 290px;*/
            border: 1px solid #dbdbdb;
            padding: 5px;
            font-size: 14px;
            color: #515151;
        }

    .switch-tabs-wrap .sort-overlay-top {
        top: 10px;
    }

    .switch-tabs-wrap .switch-tabs ul, .switch-tabs-wrap .switch-tabs li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-outer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 0 0 10px;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-link {
        display: inline-block;
        color: #414141;
        font-weight: bold;
        font-size: 14px;
        width: 95px;
        text-align: right;
        margin-right: 10px;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-content {
        width: calc(100% - 105px);
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul {
        display: flex;
        flex-wrap: wrap;
    }

        .switch-tabs-wrap .switch-tabs .switch-content ul li {
            width: 4.347826086956522%;
        }

            .switch-tabs-wrap .switch-tabs .switch-content ul li:hover {
                box-shadow: 0 6px 7px rgba(248, 184, 104, 0.3);
            }

            .switch-tabs-wrap .switch-tabs .switch-content ul li a {
                display: block;
                border: 1px solid #e0e0e0;
                /*border-right: 1px solid transparent;*/
                text-align: center;
                height: 50px;
                line-height: 45px;
                position: relative;
            }

                .switch-tabs-wrap .switch-tabs .switch-content ul li a:hover {
                    border-color: #f8b868;
                    box-shadow: 0 0 0 2px #f8b868;
                    z-index: 1;
                }

                    .switch-tabs-wrap .switch-tabs .switch-content ul li a:hover .tooltip-overlay {
                        display: block;
                    }

            .switch-tabs-wrap .switch-tabs .switch-content ul li img {
                max-width: 28px;
                margin: 0 auto;
            }

            .switch-tabs-wrap .switch-tabs .switch-content ul li .tooltip-overlay {
                display: none;
                background: #fff;
                font-size: 13px;
                padding: 5px 3px;
                position: absolute;
                left: 50%;
                top: -32px;
                z-index: 1;
                line-height: 1.4;
                width: 120px;
                margin-left: -60px;
                text-align: center;
                -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
                -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            }

                .switch-tabs-wrap .switch-tabs .switch-content ul li .tooltip-overlay:before {
                    content: " ";
                    position: absolute;
                    left: 50%;
                    bottom: -6px;
                    margin-left: -6px;
                    background: url(../images/caret-downword-dropdown.png) center bottom no-repeat;
                    width: 12px;
                    height: 7px;
                }

                .switch-tabs-wrap .switch-tabs .switch-content ul li .tooltip-overlay.tooltip-double {
                    top: -52px;
                }

            .switch-tabs-wrap .switch-tabs .switch-content ul li .close-switch {
                background: url(../images/category/x-icon.jpg) no-repeat;
                width: 8px;
                height: 8px;
                display: inline-block;
                position: absolute;
                right: 3px;
                top: 3px;
            }

            .switch-tabs-wrap .switch-tabs .switch-content ul li:last-child a {
                border-right-color: #e0e0e0;
            }

            .switch-tabs-wrap .switch-tabs .switch-content ul li.active {
                box-shadow: 0 6px 7px rgba(248, 184, 104, 0.3);
            }

                .switch-tabs-wrap .switch-tabs .switch-content ul li.active a {
                    border-color: #f8b868;
                    box-shadow: 0 0 0 2px #f8b868;
                }

    .switch-tabs-wrap .switch-tabs .switch-double ul li {
        width: 8.695652173913044%;
    }

        .switch-tabs-wrap .switch-tabs .switch-double ul li.first-default {
            width: 4.347826086956522%;
        }

    .switch-tabs-wrap .switch-tabs .switch-mid ul li {
        width: 6%;
    }

        .switch-tabs-wrap .switch-tabs .switch-mid ul li.first-default {
            width: 4.347826086956522%;
        }

    .switch-tabs-wrap .switch-tabs .img-auto ul li img {
        max-width: inherit;
    }

.more-option-mobile {
    display: none;
}

@media (max-width: 1200px) {
    .switch-tabs-wrap .switch-tabs .item-max-width ul li img {
        max-width: 25px;
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li {
        width: 6.882352941176471%;
    }

    .switch-tabs-wrap .sort-overlay select {
        width: 200px;
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li a.border-right-on-1200 {
        border-right: 1px solid #e0e0e0;
    }
}

@media (max-width: 992px) {
    .switch-tabs-wrap .sort-overlay {
        /*display: none;*/
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li,
    .switch-tabs-wrap .switch-tabs .switch-double ul li.first-default {
        width: 16.5%;
    }

    .switch-tabs-wrap .switch-tabs .switch-content.double-line-tablet ul li {
        width: 8%;
        margin: 0 0 5px;
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li a.border-right-on-1200 {
        border-right: none;
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li a.border-right-on-tablet {
        border-right: 1px solid #e0e0e0;
    }
}

@media (max-width: 767px) {
    .switch-tabs-wrap .sort-overlay {
        right: 10px;
        top: 10px;
    }

    .switch-tabs-wrap {
        padding: 0 0 20px;
    }

    .d-block-mobile {
        display: block !important;
    }

    .tag-section {
        padding: 10px 20px 0;
    }

    .category-top-shrink {
        margin-top: 0;
        padding-bottom: 15px;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-content,
    .switch-content {
        display: none;
        padding: 0;
        width: 100%;
    }

        .switch-tabs-wrap .switch-tabs > ul > li .switch-content > ul,
        .switch-content > ul {
            padding: 20px 20px 0;
        }

            .switch-tabs-wrap .switch-tabs > ul > li .switch-content > ul > li,
            .switch-content > ul > li {
                width: 16.5% !important;
                margin-bottom: 5px;
            }

            .switch-tabs-wrap .switch-tabs > ul > li .switch-content > ul .all-txt,
            .switch-content > ul .all-txt {
                display: none !important;
            }

            .switch-tabs-wrap .switch-tabs > ul > li .switch-content > ul .hide-mobile,
            .switch-content > ul .hide-mobile {
                display: none;
            }

        .switch-tabs-wrap .switch-tabs > ul > li .switch-content > .three-wrap > li,
        .switch-content > .three-wrap > li {
            width: 33.33% !important;
        }

        .switch-tabs-wrap .switch-tabs > ul > li .switch-content > .five-wrap > li,
        .switch-content > .five-wrap > li {
            width: 20% !important;
        }

    .switch-tabs-wrap .switch-tabs .switch-content ul li:nth-child(5) a,
    .switch-tabs-wrap .switch-tabs .switch-content ul li:nth-child(4n+1) a {
        border-right-color: #e0e0e0;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-content > .five-wrap > li:nth-child(5) a {
        border-right-color: transparent;
    }

    .switch-tabs-wrap .switch-tabs .switch-content ul li a.border-right-on-tablet {
        border-right-color: transparent;
    }

    .switch-tabs-wrap .switch-tabs .styles-imgs ul li img {
        max-width: 70%;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-outer {
        display: block;
        margin: 0;
    }

    .switch-tabs-wrap .switch-tabs > ul > li.switch-hide {
        display: block;
    }

    .switch-tabs-wrap .switch-tabs > ul > li .switch-link {
        display: none;
    }

    .switch-tabs-wrap .options {
        display: none;
    }

    .padding-0-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .more-option-mobile {
        display: block;
        padding-top: 30px;
        text-align: center;
    }

        .more-option-mobile a {
            display: inline-block;
            font-size: 15px;
            background: #fff;
            color: #515151;
        }

            .more-option-mobile a span {
                display: inline-block;
                padding-right: 20px;
                position: relative;
            }

                .more-option-mobile a span:after {
                    content: "\f107";
                    font: normal normal normal 14px/1 FontAwesome;
                    position: absolute;
                    right: 0;
                    top: 2px;
                }

            .more-option-mobile a.active span:after {
                content: "\f106";
            }

    .switch-tabs-wrap .switch-tabs .item-max-width ul li img {
        max-width: 28px;
    }

    .outer-section {
        background: #fff;
        position: relative;
        z-index: 1;
    }

    .switch-mobile-tabs {
        display: block;
    }

        .switch-mobile-tabs ul, .switch-mobile-tabs li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .switch-mobile-tabs ul {
            display: flex;
        }

        .switch-mobile-tabs li {
            width: 20%;
            border-left: 1px solid #fff;
        }

            .switch-mobile-tabs li a {
                display: block;
                text-align: center;
                font-size: 12px;
                border-top: 3px solid transparent;
                border-bottom: 1px solid transparent;
                font-size: 12px;
                color: #515151;
                padding: 14px 5px 20px;
                margin: 1px 0 -1px 0;
                background-color: #f3f4f6;
                background-image: -moz-linear-gradient(top, #f3f4f6, #e8e9ed);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f4f6), to(#e8e9ed));
                background-image: -webkit-linear-gradient(top, #f3f4f6, #e8e9ed);
                background-image: -o-linear-gradient(top, #f3f4f6, #e8e9ed);
                background-image: linear-gradient(to bottom, #f3f4f6, #e8e9ed);
                background-repeat: repeat-x;
                filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f3f4f6', endColorstr='#e8e9ed', GradientType=0);
            }

                .switch-mobile-tabs li a span {
                    background: url(../images/drop-down-arrow.svg) no-repeat center bottom;
                    padding-bottom: 12px;
                    display: inline-block;
                }

            .switch-mobile-tabs li.active a {
                border-top-color: #f89842;
                position: relative;
                background: #fff;
                -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
                -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
                box-shadow: 0 0 30px rgba(0, 0, 0, 0.29);
            }

    .tabs-three li {
        width: 33.33%;
    }

    .tabs-four li {
        width: 25%;
    }
}

@media (max-width: 340px) {
    .switch-mobile-tabs li a {
        font-size: 12px;
        padding-left: 1px;
        padding-right: 1px;
    }
}

.category-img img {
    mix-blend-mode: multiply;
}

.category-seciton {
    margin: 18px;
    padding: 0 0 10px 0;
    width: 22%;
    background-color: #f6f6f6;
}

@media(max-width:1400px) {
    .category-seciton {
        width: 22%;
        margin: 11px;
    }
}

@media(max-width:768px) {
    .category-seciton {
        width: 46%;
        margin: 5px;
    }
}