.tabs-to-dropdown a,
.tabs-to-dropdown button,
.tabs-to-dropdown input[type=button] {
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
}

/* Tabs bar */
.tabs-to-dropdown {
    position:relative;
    z-index:999;
}
.tabs-to-dropdown>.tab-bar {
    overflow:hidden;
    margin-right:30px;
    position:relative;
}
.tabs-to-dropdown>.tab-bar>ul {
    width:99999px;
    margin:0;padding:0;
    list-style:none;
}
.tabs-to-dropdown>.tab-bar>ul::after{
    display:table;
    content:"";
    clear:both;
}
.tabs-to-dropdown>.tab-bar>ul>li {
    display:inline-block;
    float:left;
    opacity:1;visibility:visible;
}
.tabs-to-dropdown>.tab-bar>ul>li.ttd-hide{
    opacity:0;visibility:hidden;
}
.tabs-to-dropdown>.tab-bar>ul>li>a {
    display:inline-block;
    color:#333;
    font-size:16px;
    padding:10px 15px;
    line-height:1.5em;
}
.tabs-to-dropdown>.tab-bar>ul>li>a:hover, .tabs-to-dropdown>.tab-bar>ul>li>a.nav-active {
    color: #fff;
    background: #ccc;
}
/* Home button */
.tabs-to-dropdown>.tab-bar>ul>li>a>.fa {
    font-size:34px;
    padding:0 9px;
}

/* Acctive */
.tabs-to-dropdown>.tab-bar>ul>li.active { background:rgb(25, 189, 155); }
.tabs-to-dropdown>.tab-bar>ul>li.active:hover { opacity:.85; }
.tabs-to-dropdown>.tab-bar>ul>li.active:active { opacity:.7; }
.tabs-to-dropdown>.tab-bar>ul>li.active>a { color:rgba(255,255,255,1); }

/* dropdown */
.tabs-to-dropdown>.dropdown>button.dropdown-toggle {
    border:0;outline:0;box-shadow:none;
    display:inline-block;
    line-height:90px;
    background:none;
    color:rgb(249, 40, 47);
    font-size:25px;
    padding:0 10px; margin:0;
    position:absolute;
    top:0;right:0;
    z-index:2;
	line-height:64px;
    cursor:pointer!important;
	width:70px;
	text-align:center;
    opacity:0;visibility:hidden;
}
.tabs-to-dropdown>.dropdown.ttd-show>button.dropdown-toggle { opacity:1;visibility:visible; }
.tabs-to-dropdown>.dropdown>button.dropdown-toggle:hover { color:rgb(0, 0, 0); }
.dropdown.ttd-show{position:absolute; top:0; right:0;}
.tabs-to-dropdown>.dropdown>button.dropdown-toggle:active,
.tabs-to-dropdown>.dropdown.ttd-open>button.dropdown-toggle { color:rgba(0, 0, 0,.8); }

.tabs-to-dropdown>.dropdown>ul {
    list-style:none;
    margin:0;padding:0;
    position:absolute;
    z-index:1;
    top:60px;right:0;
    max-width:300px;
  background: rgb(243, 243, 243);
    opacity:0;visibility:hidden;
}
.tabs-to-dropdown>.dropdown.ttd-open>ul {
    opacity:1;visibility:visible;
    top:64px;
}
.tabs-to-dropdown>.dropdown>ul>li {
    margin:0;padding:0;
    opacity:0;visibility:hidden;
    max-height:0;
}
.tabs-to-dropdown>.dropdown.ttd-open>ul>li.ttd-show{
    opacity:1;visibility:visible;
    max-height:50px;
}
.tabs-to-dropdown>.dropdown>ul>li>a {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#000;
    padding:15px;
    font-size:16px;
    line-height:1.5em;
}
.tabs-to-dropdown>.dropdown>ul>li>a.nav-active{color:#f00313;}
.tabs-to-dropdown>.dropdown.ttd-open>ul>li>a:hover {  color:#f00313; }
/* Media Queries */
@media all and (max-width:699px) {
    /* Tabs bar */
    .tabs-to-dropdown>.tab-bar { margin-right:37px; }
    .tabs-to-dropdown::after { width:55px; }
    .tabs-to-dropdown>.tab-bar>ul>li>a {
        font-size:14px;
        line-height:50px;
    }
    .tabs-to-dropdown>.tab-bar>ul>li>a>.fa {
        font-size:24px;
        padding:0;
    }
    /* Dropdown */
    .tabs-to-dropdown>.dropdown>button.dropdown-toggle {
        line-height:50px;
        font-size:21px;
        padding:0 10px;
    }
    .tabs-to-dropdown>.dropdown>ul { top:30px }
    .tabs-to-dropdown>.dropdown.ttd-open>ul { top:50px; }
    .tabs-to-dropdown>.dropdown>ul>li>a {
        padding:10px;
        font-size:12px;
        line-height:16px;
    }
}

/* Transition */
.tabs-to-dropdown>.tab-bar>ul>li,
.tabs-to-dropdown>.tab-bar>ul>li>a,
.tabs-to-dropdown>.tab-bar>ul>li>a>.fa,
.tabs-to-dropdown>.dropdown>button.dropdown-toggle,
.tabs-to-dropdown>.dropdown,
.tabs-to-dropdown>.dropdown>ul,
.tabs-to-dropdown>.dropdown>ul>li,
.tabs-to-dropdown>.dropdown>ul>li>a {
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
}
.tabs-to-dropdown>.tab-bar>ul>li.active:active,
.tabs-to-dropdown a:active,
.tabs-to-dropdown button:active,
.tabs-to-dropdown input[type=button] {
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -ms-transition:none!important;
    -o-transition:all 0 ease!important;
    transition:none!important;
}