@media (max-width: 1200px) {
.img-feature{height:50vh}
.mobile-head .navbar-translate{width:auto}
}
@media (max-width: 991px) {
.navbar-collapse .navbar-nav > .nav-item > .nav-link,.navbar-collapse .navbar-nav > .nav-item > .nav-link:hover{color:#f33!important}
#Feature .row{text-align:center}
.navbar-expand-md .navbar-toggler{display:inline-block;padding:30px 12px}
.bg-light.navbar-expand-md .navbar-toggler{display:inline-block;padding:12px}
#IntroVideo .description{text-align:center}
}
@media (max-width: 767px) {
.mobile-head .navbar-nav{flex-direction:row}
.category-list{white-space:normal;height:15rem;overflow-x:hidden}
.category-list.category-control{white-space:normal;overflow-x:scroll;padding:20px 0;height:auto}
.category-list li{display:inline-block}
.category-list li a{display:inline-block;margin-right:10px;border:1px solid #f338}
.category-control li:nth-child(-n+9),.all .see-less,.see-more{display:inline-block}
.category-control li,.all .see-more,.see-less{display:none}
#seeCate{
    display:block; font-weight: bold}
#seeCate button.btn{
    background: none;
    color: black;
    font-weight: bold;
}
}