#ttcategorytabs {
	margin: 0 0 40px;
}
#ttcategorytabs .title {
    float: left;
    width: 100%;
}
#ttcategorytabs .categoryimage {
	padding:0;
}
#ttcategorytabs .cat-slider {
    width: 100%;
    background: #fff;
    padding: 32px 15px;
    box-shadow: 1px 2px 3px 0 #e5e5e5;
    -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -moz-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -ms-box-shadow: 1px 2px 3px 0 #e5e5e5;
    -o-box-shadow: 1px 2px 3px 0 #e5e5e5;
    float: left;
}
#ttcategorytabs .tabs {
    width: 10%;
    padding: 0;
}
#ttcategorytabs .tab-content {
    padding: 0;
    width: 90%;
}
ul#ttcategory-tabs {
    float: left;
    width: 100%;
    margin: 0;
}
#ttcategorytabs .categoryimage img {
    filter: invert(1);
}
#ttcategorytabs .tab-content .item .product-miniature:first-child {
    margin: 0 0 25px;
}
#ttcategorytabs .active .categoryimage img,
#ttcategorytabs .tab-title:hover .categoryimage img {
    filter: brightness(1);
}
#ttcategorytabs .nav-tabs li.nav-item a {
    font: 500 14px/16px var(--secondary-font);
    margin: 0;
    padding: 25px 30px;
    position: relative;
    color: var(--primary-text-color);
    float: left;
    width: 100%;
    background: var(--primary-bg-color);
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
#ttcategorytabs .nav-tabs li.nav-item a.active ,
#ttcategorytabs .nav-tabs li.nav-item a:hover {
    background: var(--secondary-bg-color);
    color: var(--secondary-text-color);
}
#ttcategorytabs .category-inner {
	float: left;
	width: 100%;
	display: flex;
	align-items: stretch;
}
#ttcategorytabs .owl-carousel .owl-nav {
    top: -70px;
    right: -20px;
}
#ttcategory-tabs button {
    position: absolute;
    z-index: 1;
    float: left;
    width: 100%;
    border: none;
    border-radius: unset;
    background: #111;
    color: #fff;
    opacity: 0;
    transition: all 400ms ease-in-out;
    left: 0;
    right: 0;
}
#ttcategory-tabs:hover button{
    opacity: 1;
}
#ttcategory-tabs button.slick-prev {
    top: 0;
}
#ttcategory-tabs button.slick-next {
    bottom: 0;
}
#ttcategory-tabs .slick-list div {
    float: left;
    width: 100%;
    border: unset;
}
#ttcategory-tabs div li {
    vertical-align: top;
}
@media (max-width: 1429px) {
    #ttcategorytabs .tabs {
        width: 12%;
    }
    #ttcategorytabs .tab-content {
        width: 88%;
    }
}
@media (max-width: 1199px) {
    #ttcategorytabs .nav-tabs li.nav-item a {
        padding: 25px;
        font-size: 12px;
        line-height: 14px;
    }
    #ttcategorytabs .cat-slider {
        padding: 20px 5px;
    }
}
@media (max-width: 991px) {
    #ttcategorytabs .category-inner {
        display: block;
    }
    #ttcategorytabs .tabs {
        padding: 0;
        width: 100%;
        margin: 0 0 15px;
        float: left;
    }
    #ttcategorytabs .tab-content {
        width: 100%;
        float: left;
    }
    #ttcategorytabs .cat-slider {
        width: 100%;
    }
    #ttcategorytabs .nav-tabs li.nav-item a {
        border-right: 1px solid rgba(255,255,255,.1);
        border-bottom:unset;
        padding: 25px 10px;
    }
    #ttcategorytabs .tabs ul {
        margin: 0;
        overflow-x: auto;
    }
    #ttcategorytabs .tabs ul::-webkit-scrollbar {
        width: 5px;
    }
     
    #ttcategorytabs .tabs ul::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        border-radius: 100px;
    }
     
    #ttcategorytabs .tabs ul::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 100px;
    }
    #ttcategorytabs .tabs ul li {
        flex: 0 0 auto;
    }
    #ttcategorytabs .owl-carousel .owl-nav {
        text-align: center;
        top: auto;
        right: 0;
        position: relative;
        bottom: 0;
        left: 0;
        margin: 10px auto 0;
        float: left;
        width: 100%;
    }
}
@media (max-width:991px) {
#ttcategory-tabs button {
    position: static;
    width: auto;
    opacity: 1;
}
#ttcategory-tabs button.slick-next {
    bottom: 0;
    float: right;
}
#ttcategory-tabs {
    display: flex;
}
}
@media (max-width:767px) {
    #ttcategorytabs .nav-tabs li.nav-item a{
        padding: 20px;
    }
}
@media (max-width: 670px) {
    #ttcategorytabs .owl-carousel .owl-nav {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        margin: 15px 0 0;
        top: auto;
        bottom: auto;
        left: 0;
        right: 0;
    }
    #ttcategorytabs .cat-slider {
        width: 100%;
        float: left;
    }   
}
@media (max-width: 543px) {
    #ttcategorytabs .cat-slider {
        padding: 15px 0;
    }
    #ttcategorytabs {
        margin: 0 0 20px;
    }
}