@import url('https://fonts.googleapis.com/css?family=Oswald:700');
@media screen and (min-width:1800px){
	.container{width: 1800px; max-width: none}
	.item-grid-wrap ul li{width: 16.16%; margin: 0 0.25% 20px;}
	.item-grid-wrap{margin-left: -0.25%; margin-right: -0.25%}
}
@media screen and (max-width: 1799px){
	.container{ width: 1400px; max-width: none}
	.item-grid-wrap ul li{width: 24.5%; margin: 0 0.25% 20px;}
}
@media screen and (max-width:1400px){
	.container{ width: 90%;}
}
@media screen and (max-width:1199px){
	.container{ width: 100% !important;}
	#watch-player{width: auto; margin-right: -10px;}
	#wa-title .video-title{font-size: 18px; line-height: 1.3em;}
}
@media screen and (max-width: 991px){
	.item-grid-wrap ul li{width: 32.83% !important;}
	#header{height: 50px;}
	#logo{line-height: 36px;}
	#m-login{position: absolute; right: 5px; display: inline-block; margin: 8px 0;}
	#m-menu{top: 5px; left: 5px;}
	#m-search{top: 5px; right: 5px;}
	#menu.active{top: 50px;}
	#footer{text-align: center;}
	#footer .footer-links ul li{float: none; display: inline-block; margin: 0 3px 3px;}
	.related-search ul li a{margin-right: 10px;}
}
@media screen and (max-width: 800px){
	.item-grid-wrap ul li:hover .thumb .thumb-mask .tm-btn{display: none;}
	.item-grid-wrap ul li .thumb .thumb-mask{ background: none !important;}
	.item-grid-wrap ul li{width: 49.5% !important;}
	.wi-text{max-height: 42px; overflow: hidden;}
	.wi-text-btn{display: block; margin-top: 5px; font-size: 12px; height: 24px; padding: 6px 8px; color: #F79100 !important; line-height: 1em; border: none !important;}
	.wi-text-btn i{font-size: 10px;}
	.wi-text-btn.active{font-size: 0; margin-top: 2px;}
	.wi-text-btn.active i{font-size: 0}
	.wi-text-btn.active:before{content: ""; height: 2px; width: 8px; margin: 3px 3px 3px 0; background: #F79100; display: inline-block;}
	.wi-text-btn.active:after{content: "less"; font-size: 12px;}
	.wi-text.active{max-height: none;}
	.wi-info{margin: 20px 0 15px;}
	.wi-search-recent{margin-bottom: 20px; padding-bottom: 20px;}
	.watch_page .p-breadcrumb .breadcrumb-item.active{display: none;}
	.p-breadcrumb{font-size: 0.9em;}
	.main_search .page{line-height: 34px;}
}
@media screen and (max-width: 640px){
	.container{padding-left: 10px; padding-right: 10px;}
	.row{margin-left: -10px; margin-right: -10px;}
	.item-grid-wrap ul li{width: 99.5% !important}
	.item-grid-wrap ul li .item-detail .item-detail-link{height: auto; white-space: normal; text-overflow: inherit; line-height: 1.3em; font-size: 16px; font-weight: normal;}
	.item-grid-wrap ul li .item-detail .item-detail-link a{color: #fff}
	.box .box-head{ position: relative; margin-bottom: 10px;}
	.box .box-head .bh-title{float: none; font-size: 18px;}
	.box .box-head .bh-more{position: absolute; right: 0; top: 0px; margin-top: 0;}
	.box .box-head-cat{text-align: center; background: rgba(0,0,0,.3); padding: 10px;}
	.box .box-head-cat .bh-title{margin-right: 0; color: #f79100}
	.box .box-head .bah-tabs{float: none !important; margin: 10px 0 15px;}
	#m-menu, #m-search{width: 36px; height: 36px; top: 7px; left: 7px; line-height: 36px;}
	#m-search{left: auto; right: 7px; font-size: 18px;}
	#m-menu:before{top: 13px;}
	#m-menu:after{top: auto; bottom: 13px;}
	#sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item{width: 49%; margin-right: 1%;}
	#sidebar_menu .sidebar_menu-list > .nav-item .nav > .nav-item .nav-link .float-right{display: none;}
	#header{margin-bottom: 15px;}
	#search_header{margin-top: -15px; padding: 15px 0;}
	#search .search-content .search-submit{font-size: 0; width: 60px; padding: 0; right: -70px;}
	#search .search-content .search-submit i{font-size: 16px; margin-right: 0 !important; line-height: 40px;}
	#search .search-content{margin-right: 70px;}
	#wa-title .video-title{font-size: 16px; line-height: 1.3em;}
	.box-404{font-size: 14px; padding: 50px 20px;}
	.box-404 .b4-text02{font-size: 1em;}
	#header{background: #18191c;}
	.logo-30{font-size: 24px !important;}
	.main_search .page{line-height: 34px;}
}
@media screen and (max-width: 520px){
	#header{margin-bottom: 15px;}
	#logo{font-size: 24px;}
	.logo-30{font-size: 22px !important;}
}
@media screen and (max-width: 480px){
	.form-classic .btn-access{display: block;}
	.box .box-head .bh-title{font-size: 16px;}
	#logo{font-size: 22px;     color: #f94d00;}
}
@media screen and (max-width: 479px){
	#footer .footer-links-wrap{text-align: left;}
	#footer .footer-links-wrap .footer-links{margin: 0 40px 20px 0;}
	.site-h1{font-size: 20px; line-height: 1.3em;}
	.logo-20{font-size: 22px !important;}
	.logo-30{font-size: 18px !important;}
}
@media screen and (max-width: 359px){
	.item-grid-wrap ul li .item-detail .id-other{display: none;}
	#logo{font-size: 20px;}
	#m-menu, #m-search{background: none; left: 3px;}
	#m-search{left: auto; right: 3px;}
	.logo-20{font-size: 20px !important;}
	.logo-30{font-size: 16px !important;}
}
@media screen and (max-height: 560px){
	.search-suggest ul{max-height: 300px;}
}