.main-category-list{
    float:left;
    width:100%
}
.main-category-list .TT-panel-heading{
    display:none
}
.tt-menu{
    float:left;
    width:100%
}
.tt-menu ul{
    float:left;
    margin:0;
    width:100%
}
.tt-menu .ul-top-items .li-top-item{
    float:left;
    list-style:none;
    margin:0;
    padding:25px 3px;
    position:relative;
    width:auto
}
.tt-menu ul li>.a-top-link{
    color:#fff;
    float:left;
    font:600 18px/24px 'Baloo 2',Helvetica,sans-serif;
    padding:10px 8px 10px 14px;
    text-align:center;
    position:relative;
    width:100%;
    transition:all 400ms ease-in-out;
    -webkit-transition:all 400ms ease-in-out;
    -moz-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
    -ms-transition:all 400ms ease-in-out;
    z-index:1
}
.tt-menu ul li:hover>.a-top-link{
    color:#fff
}
.tt-menu ul li.mega-menu>.a-top-link::after,.tt-menu ul li.more-menu>.a-top-link::after{
    color:#fff;
    content:"\E313";
    font-family:material icons;
    font-size:16px;
    position:static;
    float:right;
    width:20px;
    line-height:22px;
    transition:all 400ms ease-in-out;
    -webkit-transition:all 400ms ease-in-out;
    -moz-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
    -ms-transition:all 400ms ease-in-out
}
.tt-menu ul li.mega-menu:hover>.a-top-link::after,.tt-menu ul li.more-menu:hover>.a-top-link::after{
    content:"\E316";
    color:#fff
}
.horizontal-menu .col-md-12.sub-item2-content>p{
    margin:0
}
.tt-menu li.mega-menu .sub-menu-container .sub-item2-content{
    padding:0 10px
}
.tt-menu>ul>.li-top-item.mega-menu .col-sm-2.sub-item2-content{
    width:33.33%;
    float:left
}
.tt-menu ul li .sub-menu-container .sub-item2-content h4{
    display:none
}
.horizontal-menu .static-menu .column .image>a{
    float:left;
    margin:0 0 10px;
    width:100%
}
.horizontal-menu .sub-item2-content .static-menu .column .image img{
    max-width:100%;
    padding:5px
}
.horizontal-menu .sub-item2-content .static-menu .column .image:hover img{
    box-shadow:0 0 6px 1px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 6px 1px rgba(0,0,0,.1);
    -webkit-box-shadow:0 0 6px 1px rgba(0,0,0,.1)
}
.horizontal-menu .li-top-item>.mega-menu-container>.sub-item2-content .static-menu .column{
    margin:0 10px;
    padding:5px 0;
    float:left;
    width:165px
}
.horizontal-menu .static-menu .column .menu-title>a,.horizontal-menu .li-top-item .sub-item2-content .a-mega-second-link h4{
    border-bottom:1px solid #ddd;
    color:#000;
    display:block;
    float:left;
    font:500 15px/20px "Baloo 2",Helvetica,sans-serif;
    margin:0 0 5px;
    padding:0 0 5px;
    text-align:left;
    width:100%
}
.a-mega-second-link strong{
    font:500 15px/20px "Baloo 2",Helvetica,sans-serif
}
.horizontal-menu .sub-menu-container .sub_item3-content .a-mega-third-link>h5,.horizontal-menu .sub-menu-container ul li a>span,.horizontal-menu .sub-menu-container li.mega-menu .sub-menu-container .flyout-third-items ul.ul-third-items li.li-third-items a>span,.tt-menu ul li.more-menu .sub-menu-container li.mega-menu .sub-menu-container li a>span{
    color:#666;
    float:left;
    font-size:13px;
    font-weight:400;
    line-height:20px;
    margin:0;
    padding:2px 0;
    text-align:left;
    width:100%;
    font-family:roboto,Helvetica,sans-serif;
    font-style:normal
}
.horizontal-menu .sub-menu-container .sub_item3-content .a-mega-third-link:hover>h5,.horizontal-menu .sub-menu-container ul li a>span:hover,.horizontal-menu .sub-menu-container li.mega-menu .sub-menu-container .flyout-third-items ul.ul-third-items li.li-third-items a>span:hover,.tt-menu ul li.more-menu .sub-menu-container li.mega-menu .sub-menu-container li a>span:hover{
    color:#000
}
.tt-menu .ul-top-items .li-top-item .sub-menu-container{
    background:#fff;
    border:1px solid #ddd;
    float:left;
    left:0;
    margin:0 auto!important;
    padding:15px;
    position:absolute;
    right:auto;
    top:180px;
    width:770px
}
.tt-menu .ul-top-items .li-top-item .sub-menu-container.mega-menu-container{
    border-top:3px solid #fb667a
}
.tt-menu .ul-top-items .li-top-item:first-child .sub-menu-container{
    width:800px
}
.horizontal-menu .sub-menu-container .ul-second-items .li-second-items{
    float:left;
    list-style:outside none none;
    padding:0 20px;
    position:relative;
    width:100%
}
.tt-menu .ul-top-items .li-top-item .sub-menu-container.flyout-menu-container{
    padding:15px 0;
    width:220px
}
.sub-menu-container .ul-second-items .li-second-items .flyout-third-items{
    background:#fff;
    border:1px solid #ddd;
    bottom:auto;
    float:left;
    right:auto;
    margin:auto;
    padding:10px 0;
    position:absolute;
    left:100%;
    top:0;
    width:190px
}
.sub-menu-container .li-second-items .flyout-third-items .li-third-items{
    float:left;
    list-style:outside none none;
    padding:0 10px;
    width:100%
}
.horizontal-menu li.more-menu .flyout-menu-container ul .li-top-item{
    float:left;
    margin:0;
    padding:0 20px;
    width:100%
}
.horizontal-menu li.more-menu .flyout-menu-container ul .li-top-item a{
    padding:0
}
.tt-menu ul .li-top-item .sub-menu-container ul li a i{
    bottom:0;
    color:#555;
    float:right;
    font-size:18px;
    left:auto;
    line-height:28px;
    position:absolute;
    right:20px;
    top:0
}
.tt-menu ul .li-top-item .sub-menu-container ul li.li-second-items:hover a i{
    color:#000
}
.tt-menu ul li.more-menu .sub-menu-container .li-top-item.mega-menu .sub-menu-container{
    right:100%;
    padding:10px 0;
    position:absolute;
    left:auto;
    top:0;
    width:190px;
    display:block!important;
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -o-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform-origin:center top 0;
    transition:all .4s ease 0s;
    -webkit-transition:all .4s ease 0s;
    -moz-transition:all .4s ease 0s;
    -o-transition:all .4s ease 0s;
    -ms-transition:all .4s ease 0s;
    visibility:hidden
}
.tt-menu ul li.more-menu .sub-menu-container .li-top-item.mega-menu:hover .sub-menu-container{
    transform:scaleY(1);
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -o-transform:scaleY(1);
    -ms-transform:scaleY(1);
    visibility:visible
}
.tt-menu ul li.more-menu .sub-menu-container li.mega-menu>.a-top-link::after{
    content:"\e5cc";
    font-family:material icons;
    bottom:0;
    color:#555;
    float:right;
    font-size:16px;
    left:auto;
    line-height:30px;
    position:absolute;
    right:0;
    top:0;
    font-style:normal;
    font-weight:500
}
.tt-menu ul li.more-menu .sub-menu-container li.mega-menu:hover>.a-top-link::after{
    color:#000
}
.main-category-list .tt-menu .ul-top-items>li .menu-banner{
    margin:15px 0 10px
}
.main-category-list .tt-menu .ul-top-items>li .menu-banner img{
    max-width:100%
}
.tt-menu li.mega-menu .sub-menu-container .col-sm-12.sub-item2-content{
    padding:0
}
@media(max-width:1399px){
    .tt-menu ul li>.a-top-link{
        font-size:16px;
        padding:10px 8px 10px 10px
    }
}
@media(min-width:992px){
    .tt-menu .ul-top-items>li.li-top-item>.a-top-link::before{
        width:0;
        content:"";
        position:absolute;
        -webkit-transition:.4s;
        -moz-transition:.4s;
        -ms-transition:.4s;
        -o-transition:.4s;
        transition:.4s;
        bottom:0;
        right:0;
        height:100%;
        z-index:-1;
        -webkit-border-radius:25px;
        -moz-border-radius:25px;
        -khtml-border-radius:25px;
        border-radius:25px;
        background:#fb667a
    }
    .tt-menu .ul-top-items>li.li-top-item:hover>.a-top-link::before{
        width:100%;
        left:0
    }
    .tt-menu ul.ul-top-items li.li-top-item .sub-menu-container,.tt-menu ul.ul-second-items li.li-second-items .flyout-third-items{
        opacity:0;
        -khtml-opacity:0;
        -webkit-opacity:0;
        -moz-opacity:0;
        transform:scale(1,0);
        -webkit-transform:scale(1,0);
        -ms-transform:scale(1,0);
        -o-transform:scale(1,0);
        -moz-transform:scale(1,0);
        transform-origin:center top 0;
        -ms-transform-origin:center top 0;
        -webkit-transform-origin:center top 0;
        transition:all 500ms ease 0s;
        -webkit-transition:all 500ms ease 0s;
        -moz-transition:all 500ms ease 0s;
        -ms-transition:all 500ms ease 0s;
        -o-transition:all 500ms ease 0s;
        box-shadow:0 0 7px rgba(0,0,0,.12);
        -moz-box-shadow:0 0 7px rgba(0,0,0,.12);
        -webkit-box-shadow:0 0 7px rgba(0,0,0,.12);
        display:block!important
    }
    .tt-menu ul.ul-top-items li.li-top-item:hover .sub-menu-container,.tt-menu ul.ul-second-items li.li-second-items:hover .flyout-third-items{
        transform:scale(1,1);
        -webkit-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -o-transform:scale(1,1);
        -moz-transform:scale(1,1);
        visibility:visible;
        opacity:1;
        -khtml-opacity:1;
        -webkit-opacity:1;
        -moz-opacity:1;
        top:114px
    }
    .tt-menu .sub-menu-container .ul-second-items .li-second-items:hover .flyout-third-items{
        top:0;
        left:100%;
        right:auto
    }
}
@media(max-width:1401px){
    .tt-menu .ul-top-items .li-top-item .sub-menu-container{
        margin-left:-140px!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .tt-menu .ul-top-items .li-top-item .sub-menu-container{
        margin-left:-90px!important
    }
    .tt-menu ul li>.a-top-link{
        padding:10px 5px
    }
}
@media(max-width:1199px){
    .tt-menu ul li.more-menu .sub-menu-container .li-top-item.mega-menu .sub-menu-container,.sub-menu-container .ul-second-items .li-second-items .flyout-third-items{
        left:auto;
        right:100%
    }
    .tt-menu .ul-top-items .li-top-item .sub-menu-container{
        width:610px
    }
    .horizontal-menu .li-top-item>.mega-menu-container>.sub-item2-content .static-menu .column{
        width:135px
    }
    .tt-menu .ul-top-items .li-top-item:first-child .sub-menu-container{
        width:810px
    }
}
@media(max-width:991px){
    .main-category-list .TT-panel-heading{
        border:medium;
        bottom:0;
        color:#fff;
        cursor:pointer;
        display:block;
        float:left;
        font:500 16px/18px "Muli",Helvetica,sans-serif;
        height:25px;
        left:0;
        margin:10px auto;
        position:static;
        text-align:left;
        top:0;
        width:25px
    }
    .main-category-list .TT-panel-heading .close-icon,.main-category-list .cat-menu.TTactive .TT-panel-heading i{
        display:none
    }
    .main-category-list .cat-menu.TTactive .TT-panel-heading .close-icon{
        display:block
    }
    .TT-panel-heading>span{
        display:none
    }
    .TT-panel-heading>span.icon{
        display:block;
        float:left;
        width:auto;
        z-index:4;
        position:relative
    }
    .tt-menu{
        background:#fff;
        float:left;
        left:0;
        position:absolute;
        right:0;
        top:100%;
        width:100%;
        z-index:9
    }
    .TT-panel-heading:hover>span.icon i,.main-category-list.TTactive .TT-panel-heading>span.icon i{
        color:#ffc600
    }
    .tt-menu ul.ul-top-items{
        padding:15px 0;
        border:1px solid #ddd;
        display:none
    }
    .tt-menu .ul-top-items .li-top-item{
        padding:0;
        margin:0;
        width:100%
    }
    .tt-menu ul li>.a-top-link{
        font:400 14px/16px 'Roboto',Helvetica,sans-serif;
        color:#555;
        letter-spacing:1px;
        padding:6px 15px;
        text-align:left
    }
    .horizontal-menu .li-top-item>.mega-menu-container>.sub-item2-content .static-menu .column{
        width:165px
    }
    .tt-menu ul li:hover>.a-top-link,.tt-menu ul li.active>.a-top-link{
        color:#000
    }
    .tt-menu ul li.mega-menu>.a-top-link::after,.tt-menu ul li.more-menu>.a-top-link::after{
        display:none
    }
    .tt-menu>ul>.li-top-item.mega-menu:nth-child(2) .sub-menu-container{
        padding:0 10px;
        position:static;
        float:left
    }
    .tt-menu ul.ul-top-items li.li-top-item .sub-menu-container,.tt-menu ul.ul-second-items li.li-second-items .flyout-third-items{
        display:none;
        float:left;
        position:static;
        padding:5px 10px;
        margin:0!important;
        width:100%;
        border:none
    }
    .tt-menu .ul-top-items .li-top-item .sub-menu-container.mega-menu-container{
        border-top:none
    }
    .tt-menu li.mega-menu .sub-menu-container .sub-item2-content{
        margin:10px 0
    }
    .tt-menu li.mega-menu:first-child .sub-menu-container .sub-item2-content{
        margin:0
    }
    .tt-menu .ul-top-items .li-top-item:first-child .sub-menu-container{
        width:100%
    }
    .tt-menu ul.ul-top-items li.mega-menu>i::before,.tt-menu ul.ul-top-items li.more-menu>i::before{
        bottom:0;
        content:"\e145";
        font-family:material icons;
        height:8px;
        left:auto;
        position:absolute;
        right:25px;
        top:0;
        width:8px;
        z-index:1;
        font-size:18px;
        line-height:30px;
        cursor:pointer
    }
    .tt-menu ul.ul-top-items li.mega-menu:hover>i::before,.tt-menu ul.ul-top-items li.more-menu:hover>i::before{
        color:#000
    }
    .tt-menu ul.ul-top-items li.mega-menu.active>i::before,.tt-menu ul.ul-top-items li.more-menu.active>i::before{
        content:'\e15b'
    }
    .tt-menu .ul-top-items .li-top-item .sub-menu-container.flyout-menu-container{
        float:left;
        padding:0 15px;
        width:100%
    }
    .tt-menu ul .li-top-item .sub-menu-container ul li a i{
        display:none
    }
    .main-category-list::after{
        background:rgba(0,0,0,.5);
        position:fixed;
        top:0;
        bottom:0;
        content:'';
        left:0;
        right:0;
        -webkit-transition:all 400ms ease-in-out;
        -moz-transition:all 400ms ease-in-out;
        -ms-transition:all 400ms ease-in-out;
        -o-transition:all 400ms ease-in-out;
        transition:all 400ms ease-in-out;
        -webkit-opacity:0;
        -moz-opacity:0;
        -khtml-opacity:0;
        opacity:0;
        visibility:hidden;
        z-index:3
    }
    .main-category-list.TTactive::after{
        -webkit-opacity:1;
        -moz-opacity:1;
        -khtml-opacity:1;
        opacity:1;
        visibility:visible
    }
    .tt-menu ul.ul-second-items li.li-second-items .flyout-third-items{
        display:block;
        padding:0
    }
    .tt-menu ul li.more-menu .sub-menu-container .li-top-item.mega-menu .sub-menu-container,.sub-menu-container .ul-second-items .li-second-items .flyout-third-items{
        padding:0;
        position:static;
        transform:scaleY(1);
        -webkit-transform:scaleY(1);
        -moz-transform:scaleY(1);
        -o-transform:scaleY(1);
        -ms-transform:scaleY(1);
        visibility:visible
    }
}
@media(max-width:543px){
    .tt-menu>ul>.li-top-item.mega-menu:nth-child(2) .sub-menu-container{
        margin:0 0 10px!important
    }
    .tt-menu>ul>.li-top-item.mega-menu .col-sm-2.sub-item2-content{
        width:50%
    }
}
@media(max-width:480px){
    .horizontal-menu .li-top-item>.mega-menu-container>.sub-item2-content .static-menu .column{
        width:135px;
        margin:0 7px
    }
    .tt-menu>ul>.li-top-item.mega-menu .col-sm-2.sub-item2-content{
        width:100%
    }
    .horizontal-menu .static-menu .column .menu-title>a,.horizontal-menu .li-top-item .sub-item2-content .a-mega-second-link h4{
        font-size:15px
    }
    .horizontal-menu .sub-menu-container .sub_item3-content .a-mega-third-link>h5,.horizontal-menu .sub-menu-container ul li a>span,.horizontal-menu .sub-menu-container ul.ul-third-items li.li-third-items a>span,.tt-menu ul li.more-menu .sub-menu-container li.mega-menu .sub-menu-container li a>span{
        font-size:13px;
        line-height:18px
    }
    .tt-menu li.mega-menu .sub-menu-container .sub-item2-content{
        margin:0 0 8px;
        float:left;
        width:100%
    }
    .tt-menu>ul>.li-top-item.mega-menu:nth-child(2) .sub-menu-container{
        background-position:bottom right;
        padding:5px 10px;
        border:none;
        background-size:140px 180px
    }
}
