/* update */
.container{max-width: 1280px; width: 100%;}
@media screen and (max-width: 1400px){
    .stw-buttons .stw-button{z-index: 99; opacity: 1 !important; border-radius: 6px; background: #fff; color: #111; box-shadow: 0 0 5px rgba(0,0,0,.2)}
    .stw-buttons .stw-button i{color: #111 !important; line-height: 30px;}
    .stw-buttons .stw-button.stw-next{right: -10px;}
    .stw-buttons .stw-button.stw-prev{left: -10px;}
}
@media screen and (max-width: 1279px){
    .container{max-width: none; width: 100%;}
    .page-detail .pd-content .pd-screen{width: 540px;}
    .page-detail .pd-content{padding-left: 580px;}
}
@media screen and (max-width: 1199px){
    #header{height: 60px; padding: 0;}
    #header #logo{margin: 0; position: absolute; font-size: 20px; top: 50%; transform: translateY(-50%); left: 70px;}
    #header #logo img{height: 40px; width: auto; margin: 0 10px 0 0;}
    .header-quick .header-btn{font-size: 0; padding: 0; width: 40px;}
    .header-quick .header-btn .fa-bars{font-size: 16px; margin: 0 !important; line-height: 38px;}
    .header-quick .header-btn .arrow{display: none}
    .request{float: right; margin-right: 40px;}
    #search{display: none}
    #mobile_search{display: inline-block;}
    #search.active{display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; z-index: 98; padding: 0 15px;}
    #search.active .search-content input.search-input{width: calc(100% - 40px); border: none !important; font-size: 20px; font-weight: 300;}
    .search-content .search-submit{font-size: 16px;}
    #mobile_search.active{z-index: 99; background: none;}
    #mobile_search.active i:before{ content: "\f00d"}
    .ssr-block .ssrb-header .header-heading{font-size: 18px;}
    .ssr-block{min-height: 320px;}
    .ssrb-body .description{min-height: 52px;}
    .page-detail .pd-content .site-name{width: calc(100% - 120px);}
    .site-rating{width: 110px;}
    .rating-container .caption{display: none;}
    .rating-container.rating-xs{font-size: 16px;}
    .rating-container.rating-xs .star{margin: 0 3px 0 0;}
    .cate-rating:hover .site_score{ opacity: 1 !important;}
    .cate-rating .site_score{ transform: none !important; left: auto !important; right: 0 !important;}
}
@media screen and (max-width: 998px){
    .ssr-block{width: calc(50% - 12px); min-height: 275px;}
    .ssr-block .sites-list{overflow: hidden}
    .ssr-block .sites-list li.sl-item{width: 33.33%; float: left;}
    .ssr-block .sites-list li.sl-item:nth-of-type(n+10){display: none !important;}
    .ssr-block .ssrb-header{height: 40px;}
    .ssr-block .ssrb-header .header-icon{height: 30px; width: 30px;}
    .ssr-block .ssrb-header .header-icon img{height: 20px; width: 20px;}
    .vpn-row .vr-image{display: none}
    .vpn-row .vr-content{padding-left: 0;}
    .ssr-block.ssr-block-ex{width: calc(100% - 12px); }
    .mw-information{ padding-bottom: 20px;}
    .header-quick{position: static;}
    .header-quick .hq-board{width: auto; right: 0; margin-left: 0; border-radius: 0; transform: none !important; top: 50px !important;}
    .header-quick .hq-board .hqb-item{width: 33.33%;}
    .review-list-row .rlr-wrap .item{ width: calc(50% - 12px) }
    .page-detail .pd-content .pd-screen{position: relative; top: auto; left: auto; bottom: auto; width: calc(100% + 50px); margin: 0 -25px -30px; padding-bottom: 50%; display: inline-block; border-radius: 0;}
    .page-detail .pd-content{padding: 25px;}
    .pd-review{margin-bottom: 20px;}
    .page-detail{border-radius: 0;}
    .heading-box.heading-box-detail{border-radius: 0;}
    .rq-art{display: none}
    #request-box{min-height: auto}
    #request-box .content{max-width: 100%;}
    #pd-slider .swiper-pagination .swiper-pagination-bullet{width: 14px; height: 14px; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,.3) !important;}
    .page-detail .pd-content .pd-screen.w-slide{border-radius: 0;}
}
@media screen and (max-width: 799px){
    #search.active .search-content input.search-input{font-size: 16px;}
    .ssr-block{width: calc(100% - 12px); min-height: auto !important;}
    .ssrb-body .description{min-height: 36px;}
    .mw-content{margin-bottom: 30px;}
    .heading-box .heading-name, .mwi-article .xheading{font-size: 18px;}
    .header-quick .hq-board .hqb-item{width: 50%;}
    .vpn-row{margin: 20px 0}
    .review-list-row .rlr-wrap .item{ width: calc(100% - 12px)}
    .mw-page{margin-bottom: 20px;}
    .heading-box .heading-name, .mwi-article .xheading{font-size: 16px;}
    .position-status{display: none}
    .page-detail{margin-top: -20px;}
    .category-list .item{width: calc(50% - 10px);}
    .ssmodal.ssmodal-category .modal-dialog{max-width: 550px;}
}
@media screen and (max-width: 639px){
    .ssrb-body .description{display: none;}
    .ssr-block .sites-list li.sl-item{width: 50%;}
    .ssr-block .sites-list li.sl-item:nth-of-type(10){display: inline-block !important;}
    .ssr-block .sites-list li.sl-item:nth-of-type(n+11){display: none !important;}
    #header #logo span{font-size: 18px;}
    #header #logo img{height: 30px; margin: 5px 10px 5px 0;}
    .mw-information{display: none}
    .header-quick .hq-board .hqb-item a{max-width: 190px; padding: 10px; padding-left: 50px; position: relative; min-height: 56px; }
    .header-quick .hq-board .hqb-item .hqbi-icon{float: none; position: absolute; left: 15px; top: 10px;}
    .bre-first{display: none;}
    .page-bread .btn-home.bre-show{display: block; padding: 0; background: none !important; color: #fff !important; box-shadow: none !important; font-size: 16px;}
    .mw-page{padding: 10px 0;}
    .heading-box-cate{margin: -20px -15px 20px;}
    .block-title{font-size: 18px;}
    .page-detail .pd-content .site-name{font-size: 30px;}
    .pds-buttons .btn.btn-primary{font-size: 16px;}
    .request-done{font-size: .9em; padding: 1.2rem}
    .request-done .done-icon{position: relative; transform: none; top: auto; right: auto; width: 100%; margin: 1rem 0}
    .request-done .done-icon i{width: 80px; height: 80px; line-height: 80px; font-size: 40px;}
    .request-done .alert-heading{text-align: center}
    #contact-box .content{margin: 10px auto;}
}
@media screen and (max-width: 480px){
    #search.active .search-content input.search-input{font-size: 14px;}
    .heading-box{padding: 20px;}
    .vpn-row .vr-content .btn-vpn{top: auto; bottom: 0px; left: 0px; right: 0px; display: block}
    .vpn-row .vr-content{padding-right: 0; padding-bottom: 60px;}
    .heading-box .description{ font-size: 12px; line-height: 1.3;}
    .header-quick .hq-board .hqb-item{width: 100%;}
    .header-quick .hq-board .hqb-item a{min-height: auto; max-width: none;}
    #request-box{margin: -20px -15px 20px; padding: 15px !important;}
    .request-form .rf-block{padding-left: 0;}
    .request-form .rf-block .step{display: none}
    .cs-item span{max-width: 70px; margin-right: 5px;}
    .ssmodal-category .category-list{ max-height: 500px; overflow: auto; padding: 10px 5px; background: #f5f5f5; border-radius: 10px;}
    .ssmodal-category .category-list .item a:hover{background: none;}
    .ssmodal-category .category-list .item.active a{background: #b5eaca !important}
    .category-list .item{width: calc(100% - 10px); margin-bottom: 2px;}
    .stw-buttons .stw-button.stw-prev{ left: -15px;}
    .stw-buttons .stw-button.stw-next{ right: -15px;}
    .stw-buttons .stw-button{font-size: 14px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;}
    .page-detail .pd-content .pdc-name{ display: block;}
    .page-detail .pd-content .site-name{width: 100%; margin-bottom: 1rem;}
    .site-rating{width: 100%; clear: both; margin-bottom: 1rem; overflow: hidden;}
    .rating-container{ float: left !important;}
    .cate-rating .site_score{left: auto !important; right: auto !important; margin-bottom: 0; position: relative !important; bottom: auto !important; float: left; margin-left: 1rem;}
}
@media screen and (max-width: 479px){
    .ssr-block .sites-list li.sl-item{width: 100%;}
    .ssr-block .ssrb-footer{padding-top: 0;}
    .pds-buttons .btn{font-size: 14px !important;}
    .pd-review .pdr-block{float: none; padding: 0; width: 100%; margin-bottom: 10px;}
    .page-detail .pd-content{padding: 15px;}
    .page-detail .pd-content .pd-screen{margin: 0 -15px -30px;}
    .request .header-btn{padding: 0 13px;}
    .request .header-btn i{margin-right: 0 !important;}
    .request .header-btn span{display: none}
    #header #logo{left: 50px;}
    .header-quick{margin-left: -5px;}
    .header-quick .header-btn{width: 30px; margin-right: 0;}
    .header-btn, #mobile_search{background: none !important; border-color: transparent !important; padding: 0 8px; font-size: 16px; margin-right: -5px;}
    .request .header-btn{padding: 0 8px;}
}
@media screen and (max-width: 359px){
    .review-list-row .rlr-wrap .item .site-detail .sd-clicked{display: none}
    .item-buttons{padding: 40px 25px 10px}
}