@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:300i,300,400,500'; html{ margin: 0; padding: 0; position: relative;}
@media screen and (max-width:1249px){
    .container{ width: 1170px;}
    #sidebar{ width: 300px;}
    .sidebar-wts{ padding: 0;}
	#top-like .addthis_button_facebook_send, #top-like .addthis_counter, #top-like .addthis_button_facebook_share{display: none;}
}
@media screen and (max-width:1199px){
    .container{ width: 970px;}
    #logo img{ height: 40px; width: auto;}
    #logo{ margin: 10px 20px 10px 0;}
    #search{ width: 300px; margin-right: 15px;}
    #sidebar{ width: 250px;}
    #main-content{ width: 675px;}
    #slider .slide-caption .sc-desc{ max-height: 50px; overflow: hidden;}
    .sb-subs .sb-subs-top .sst-icon{ display: none;}
    .sb-subs .sb-subs-top .sst-text{ padding-left: 0;}
    .sb-subs .sb-subs-bottom .ssb-input{ width: 68%;}
    .sb-subs .sb-subs-bottom .btn-go{ width: 28%;}
    .sb-genre .sb-genre-list li{ width: 50%;}
    .gocol-3:before, .gocol-3:after{ display: none !important;}
    .play-anime .gc-comments{ display: none;}
    #footer .footer-content .footer-az{ margin-right: 200px;}

    #media-play > div.video-js, .player_html5-dimensions {
      height: 380px;
    }
    #media-play {
      height: 380px;
    }
}
@media screen and (max-width: 991px){
    .container{ width: 100%; padding-left: 10px; padding-right: 10px;}
    #header{ margin-bottom: 10px; background: #223A65; height: 50px;}
    #header .container{ padding-right: 0;}
    #m-menu, #m-search{ display: inline-block; position: absolute; top: 0; right: 50px; bottom: 0; width: 50px; height: 50px; text-align: center; cursor: pointer; padding: 15px 10px; background: #d9da17;}
    #m-menu i, #m-search i{font-size: 20px;}
    #m-menu{ right: 100px; padding: 12px 10px; background: #B34A70;;}
    #m-menu i{ font-size: 24px; color: #fff;}
    #m-menu.active{ z-index: 1000; right: 0; background: none; width: auto; position: fixed; padding: 12px 30px; height: 40px;}
    #m-menu.active i{ display: none;}
    #m-menu.active:before{ content: "CLOSE"; color: #fff;}
    #menu, #search{ display: none;}
    #menu.active{ display: block; position: fixed; top: 0px; left: 0; bottom: 0px; right: 0px; background: rgba(14,175,193,0.95); box-shadow: 0 0 30px rgba(0,0,0,0.5); height: 100%; overflow: auto; z-index: 999; width: auto;}
    #menu ul.top-menu li{ float: none; display: block; margin-right: 0;}
    #menu .sub-container{ display: block !important; position: relative; border-radius: 5px; width: 100%; left: auto; right: auto; top: auto; border: none; box-shadow: none;}
    #menu .sub-container ul.sub-menu li a{ background: none; color: #333;}
    #menu .sub-container ul.sub-menu li{ width: 31.33%;}
    #header .container{ position: relative;}
    #search.active{ display: block; position: absolute; background: #223A65; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: auto; padding: 8px 10px; padding-right: 80px;}
    #search input.search-input{ border: none;}
    #m-search.active{ z-index: 99; right: 0px; background: #223A65; width: 80px; text-align: center;}
    #m-search.active:before{ content: "Close"; color: #fff;}
    #m-search.active i{ display: none;}
    .search-suggest{ top: 42px; left: -10px; right: -80px; width: auto;}
    #header-login{ margin-top: 0px;}
    .guest .btn{ display: none;}
    .guest .btn-login{ display: inline-block; margin-right: 0 !important; font-size: 0 !important; border-radius: 0; height: 50px; padding: 15px 10px; width: 50px;}
    .guest .btn-login i{ font-size: 20px; margin-right: 0 !important;}
    .logged .avatar .fa{ display: none;}
    .logged{ margin: 0 !important; width: 50px; height: 50px;}
    .logged .avatar{ margin: 0; padding-right: 0;}
    .logged .avatar img{ width: 100%; height: 100%; border-radius: 0; border: none;}
    .logged .dropdown-menu{ top: 47px; border-radius: 0;}
    #main-content{ width: 100%; float: none;}
    #sidebar{ width: 100%; float: none;}
    .sb-genre{ display: none;}
    .sidebar-wts{ text-align: center; background: none;}
    .sb-ongoing .list-item li{ width: 50%; float: left;}
    .sb-ongoing .list-item li .item-detail .item-title{ text-overflow: ellipsis; overflow: hidden; max-width: 100%; white-space: nowrap;}
    .sb-topanime .list-item li{ width: 50%; float: left;}
    .sb-topanime .list-item li.item-big{ width: 100%; height: 250px;}
    .sb-subs .sb-subs-top{ background: none; color: #111; padding: 0; margin-bottom: 10px;}
    .sb-subs .sb-subs-top .sst-text{ color: #111;}
    #footer .footer-content .footer-anime{ display: none;}
    #footer .footer-content .footer-az{ margin-right: 0;}
    #footer .footer-content .copyright .footer-follow{ padding-right: 0;}
    #top-like{ display: none;}
    #logo{ margin-right: 0; margin-bottom: 0; margin-top: 5px;}
    #logo img{ display: none;}
    #logo:before{ content: ""; width: 155px; height: 40px; background-image: url(../images/logo-footer2.png); display: inline-block; background-position: 50% 25%; background-size: cover;}
    .play-anime .gc-expand{ display: none;}
    .goblock{ margin-bottom: 10px;}
    #footer .footer-content .footer-az{ display: none;}
    #footer .copyright{ text-align: center;}
    #footer .footer-content .copyright .footer-logo{ float: none; margin: 15px 0;}
    #footer .footer-content .copyright .footer-follow{ margin: 10px 0 20px; padding: 0; float: none; text-align: center;}
    #footer .footer-content .copyright .txt{ float: none; width: 100%;}
    #footer .footer-menu{ text-align: center;}
    #pop-login .modal-dialog .modal-content{ padding-left: 0; min-height: 0;}
    #pop-login .modal-dialog .modal-content .login-cover{ display: none;}
    #pop-login .modal-dialog{ width: 95%;}
    .sb-mine{ display: none;}
    .grid-item li .remove-fav{ top: 0;}
    #media-play > div.video-js, .player_html5-dimensions {height: 536px;}
    #media-play {height: 536px;}
    .logged-feed {display: none !important;}
}
@media screen and (max-width: 799px){
    .detail-content .dc-right{ position: relative; top: auto; right: auto; width: 100%;}
    .detail-content{ padding: 10px;}
    .detail-content .dc-thumb, .watch .detail-anime .dc-thumb{ width: 60px; height: 80px; position: relative; top: auto; left: auto; float: left; border: 0;}
    .detail-content .dc-info{ padding-left: 70px; margin-bottom: 20px;}
    .detail-content .dc-info .dci-spe{ overflow: hidden;}
    .server-list .server-list-item li .sli-date{ display: none;}
    .watch .detail-anime .detail-content{ padding: 15px;}
    #filter .fc-genre-list li{ width: auto;}
    .category .category-list .goblock-content.filter-result.active{ opacity: 1;}

    #media-play > div.video-js, .player_html5-dimensions {
      height: 426px;
    }
    #media-play {
      height: 426px;
    }
}
@media screen and (max-width: 640px){
    #slider .slide-caption .sc-desc, #slider .slide-caption .btn{ display: none;}
    #slider .slide-caption{ width: auto; bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; background: rgba(36,59,101,0.6);}
    #slider .slide-caption .sc-name{ margin-bottom: 0; font-size: 1em; color: #fff;}
    #slider .swiper-pagination, #slider .swiper-slide::before{ display: none;}
    #slider{ margin-left: -10px; margin-right: -10px; margin-top: -10px; width: auto;}
    .goblock .goblock-content{ padding: 10px;}
    .category .category-list .goblock-content{ padding: 10px;}
    .goblock .go-full{ padding: 0;}
    .grid-item li{ width: 48%;}
    .home-board{ display: none;}
    .sb-ongoing .list-item li, .sb-topanime .list-item li{ float: none; width: 100%;}
    .server-list .goblock-header{ padding: 11px 10px;}
    .server-list .server-list-item li .sli-btn a{ font-size: 0;}
    .server-list .server-list-item li .sli-btn a i{ font-size: 12px; margin-right: 0 !important;}
    .server-list .server-list-item li .sli-name{ width: 80%;}
    .server-list .server-list-item li .sli-name a::before{ display: none;}
    .server-list .server-list-item li .sli-name a{ padding-left: 0;}
    #filter .cs10-top .fc-3col{ float: none; width: 100%; margin-right: 0;}
    #filter .cs10-top .fc-quality{ margin-left: 0;}
    #filter ul.fc-main-list{ overflow: hidden;}
    #filter ul.fc-main-list li{ width: 48%; float: left; margin: 1%;}
    #filter ul.fc-main-list li a{ padding: 8px 15px;}
    #pop-login .modal-dialog{ margin-top: 50px !important;}
    .play-anime .gocontrol .gc-icon.gc-light{ display: none;}
    .play-anime .gocontrol .gc-toggledub{ float: none; padding-right: 0; margin-right: 0; border-right: none; text-align: center; background: #F4F4E0; padding: 5px 0; margin: -12px -20px 10px;}

    #media-play > div.video-js, .player_html5-dimensions {
      height: 340px;
    }
    #media-play {
      height: 340px;
    }
}
@media screen and (max-width: 520px){
    .ple-wrap .plew-left{ float: none; width: 100%; text-align: center; margin-bottom: 30px;}
    .ple-wrap .plew-left .plewl-thumb{ width: 200px; height: 200px; display: inline-block;}
    .ple-wrap .plew-left .plewl-thumb img{ width: 100%; height: 100%;}
    .ple-wrap .plew-right{ padding-left: 0;}

    #media-play > div.video-js, .player_html5-dimensions {
      height: 280px;
    }
    #media-play {
      height: 280px;
    }
}
@media screen and (max-width: 480px){
    .detail-content .dc-info .dc-title{ font-size: 1.4em;}
    .detail-content .dc-info .dci-spe .dcis{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    #pop-login .modal-dialog h6{ margin: 5px 0; font-size: 20px;}
	.rf-notice .btn{display: none;}
	.rf-content{padding: 15px;}
	.rf-notice{padding: 5px 15px;}

    #media-play > div.video-js, .player_html5-dimensions {
      height: 250px;
    }
    #media-play {
      height: 250px;
    }
}
@media screen and (max-width: 479px){
}
@media screen and (max-width: 360px){
    .cat-az .az-list li a{ min-width: 30px;}
}
@media screen and (max-width: 320px){
}
@media screen and (max-height: 700px){
}