@media screen and (max-width: 1190px) {
.container{width:1000px}
.header{margin-bottom:80px;}
.header-fixed .icon-search{display:block;}
.icon-search-active i:nth-child(1){display:none;}
.icon-search-active i:nth-child(n+2){display:inline-block;}
.search-form{position:absolute;right:0px;z-index:1000;width:100%;margin-right:0px;top:calc(100% + 20px)}
.header-fixed .search-form{right:40px;width:calc(100% - 80px);top:0px;display:none;}
.search-input{border:1px solid #333;}
.search-input:focus{border:1px solid #ff5722;}
.header-fixed .search-form-active{display:block;}
.header-top-left,.logo{width:100%}
.logo a img{margin:0 auto}
.close-nav,.icon-show-nav{display:block}
.close-nav{position:absolute;top:0;left:0;height:40px;line-height:40px;color:#fff;width:100%;box-sizing:border-box;padding:0 10px;background-color:rgba(0, 0, 0, .1);cursor:pointer}
.close-nav i{margin-right:10px;color:#ff5722;}
.main-nav{position:fixed;top:0;left:-250px;width:250px;height:100%;z-index:10000;background-color:#343a40;box-shadow:3px 3px 0 rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all ease-in-out .3s}
.main-nav-active{left:0;opacity:1;visibility:visible}
.main-nav-inner{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);overflow-y:auto}
.main-nav-inner>ul>li{float:none;width:100%;height:auto!important;margin-right:0!important;border-top:1px solid #3a4046;border-bottom:1px solid #2c3135;position:relative;}
.main-nav-inner>ul>li:nth-child(n+2){margin-left:0}
.main-nav-inner>ul>li:first-child{border-top:none}
.main-nav-inner>ul>li:last-child{border-bottom:none}
.main-nav-inner>ul>li.menu-item-has-children:after{display:none}
.main-nav-inner>ul>li>a{line-height:40px!important;margin:0!important;border-radius:0;color:#fff;font-weight:700;padding:0 10px;font-size:14px;position:relative;background:transparent!important}
.main-nav-inner>ul>li>a i{width:15px}
.main-nav-inner>ul>li:hover>a,.main-nav-inner>ul>li.current-menu-item>a{color:#fff;background-color:transparent}
.main-nav-inner>ul>li ul{
position: relative !important;
top: 100%;
left: 0px;
opacity: 1 !important;
visibility: visible !important;
background-color: transparent;
box-shadow: none !important;
}
.main-nav-inner>ul>li ul li:nth-child(n){
width: 100%;
margin-right: 0px;
margin-top: 0px;
border: none;
}
.main-nav-inner>ul>li ul li:nth-child(n+2){
margin-top: 10px;
}
.main-nav-inner>ul>li ul li a{
color: #fff !important;
font-size: 13px;
padding: 0px;
padding-left: 20px;
font-weight: 400 !important;
}
.main-nav-inner>ul>li ul li ul{
position: relative;
opacity: 1!important;
visibility: visible!important;
left: 0px;
top: 0px;
border: none;
box-shadow: none;
padding-left: 15px;
padding: 10px 0;
padding-bottom: 20px;
}
.main-nav-inner>ul>li ul li ul li:nth-child(n+2){
margin-top: 5px;
}
.main-nav-inner>ul>li ul li ul li a{
font-weight: 400;
padding-left: 30px;
color: #ddd !important;
}
.main-nav-inner>ul>li.nav-col ul{
padding: 0px !important;
}
.main-nav-inner>ul>li.nav-col ul li ul{
opacity: 1 !important;
visibility: visible !important;
border: none;
top: 0px;
}
.main-nav-inner>ul>li.nav-col ul li a{
padding: 0 10px;
padding-left: 20px;
}
.main-nav-inner>ul>li.nav-col ul li ul li{
width: 100%;
}
.main-nav-inner>ul>li.nav-col ul li ul li a{
padding-left: 40px;
}
.top-100-related-item{width:calc((100% - 40px) / 3);}
.top-100-related-item:nth-child(4n+4){float:left;margin-right:20px;}
.top-100-related-item:nth-child(3n+3){float:right;margin-right:0px;}
.artist-item{width:calc((100% - 60px) / 4);}
.archive-artist-item:nth-child(5n+5){float:left;margin-right:20px;}
.archive-artist-item:nth-child(4n+4){float:right;margin-right:0px;}
}
@media screen and (max-width: 1020px) {
.container{width:800px}
.primary{width:100%}
.sidebar{width:100%;margin-top:30px}
.search-input{font-size:16px}
.sidebar-nav{overflow:hidden;max-height:100%!important;}
.sidebar-nav-item{width:calc((100% - 15px) / 2);float:left;box-sizing:border-box;margin-top:0px;}
.sidebar-nav-item:nth-child(2n+2){float:right;}
.sidebar-nav-item:nth-child(2){padding-top:0px;border-top:none;margin-top:0px;}
.sidebar-nav-item:nth-child(2):after{display:none;}
.sidebar-nav-item:nth-child(n+3){margin-top:12px;}
.btn-collap-cat{display:none;}
.single-top-left{width:100%;}
.single-qrcode{display:none;}
}
@media screen and (max-width: 820px) {
.container{width:572px}
.post-file-item{width:calc((100% - 10px) / 2)}
.post-file-item:nth-child(3n+3){float:left;margin-right:10px;}
.post-file-item:nth-child(2n+2){float:right;margin-right:0px;}
.post-file-item:nth-child(n+3){margin-top:10px;}
.news-item:nth-child(n){width:100% !important;margin-right:0px;}
.news-item:nth-child(n+2){margin-top:10px;}
.footer-top-left,.footer-top-right,.footer-left,.footer-right{width:100%;}
.single-dl-btn a{width:100%;}
.page-100-left,.page-100-right{width:100%;}
.page-100-desc{margin-top:10px;}
.archive-artist-item{width:calc((100% - 20px) / 2);}
.archive-artist-item:nth-child(4n+4){float:left;margin-right:20px;}
.archive-artist-item:nth-child(2n+2){float:right;margin-right:0px;}
}
@media screen and (max-width: 600px) {
.container{width:96%}
.post-file-item:nth-child(n){width:100%;margin-right:0px;}
.post-file-item:nth-child(n+2){margin-top:10px;}
.archive-news-item-thumb,.archive-news-item-info{width:100%;}
.archive-news-item-thumb{height:200px;}
.archive-news-item-info{margin-top: 10px;}
.archive-news-item-morelink{display:none;}
.sidebar-nav-item:nth-child(n){width:100%;}
.sidebar-nav-item:nth-child(n+2){margin-top:10px;padding-top: 10px;}
.sidebar-nav-item:nth-child(n):after{display:inline-block;}
.page-100-item .item:nth-child(1){width:calc(100% - 100px);}
.page-100-item .item:nth-child(2){display:none;}
.top-100-related-item{width:calc((100% - 20px) / 2);}
.top-100-related-item:nth-child(3n+3){float:left;margin-right:20px;}
.top-100-related-item:nth-child(2n+2){float:right;margin-right:0px;}
}