@media screen and (max-width:1366px) {
.revOpt{display:block}
}
@media screen and (max-width:1250px) {
.inner, .pornList{width: 100%;}
.deboxC, ul.bloglist{width: 96%;}
}
@media screen and (max-width:1190px) {
.rytHdr{display: none}
.topTxt{margin: 10px 25px;}
.decol{width:49%;}
.revList li{width: 33.333%}
.more-blst li{width: 48%}
a.backtop.btm{bottom: 185px}
.ftr-lft{width: 60%;}
input {-webkit-appearance: none;border-radius: 0;}
.fixed-slider, .fixed-container{width: 500px;}
.revD.new-postC{width: calc(100% - 515px)}
}
@media screen and (max-width:980px) {
.mob-btn{display: block;display:inline-block;cursor:pointer;margin:0 10px 10px 0;padding:8px 10px;background: #2c5e94;}
.hdr-top h1{padding: 8px 0;text-align: center}
.logo{margin: -20px 0 -15px 10px;position: relative;display: inline-block;top: auto;left: auto;z-index: 99999}
nav{position: absolute;width: 100%;margin: 0;padding: 0;left: 0;top: 8px;text-align: right;z-index: 89999}
nav ul{display: none}
.show-menu {display:inline-block;cursor:pointer;margin:0 10px 10px 0;}
#menu {display: none;position:relative;z-index: 999;text-align: center;background: #fff url(../images/bg-mob-nav.png) center top repeat-x;border-bottom: 1px solid #ddd}
nav li{margin: 0 20px}
nav li a{padding:18px 0;}
.mob-subM{display: block;background: #f7f7f7 url(../images/bg-mainc.png) center top repeat-x;text-align: center;border-top: 1px solid #d6d6d6;}
.mob-subM li{display: inline-block;margin: 0 20px;}
.mob-subM li a{display: inline-block;padding: 8px 0;font-size: 18px;font-weight: 700;}
.mob-nav{position: absolute;top:bottom:0;display: none;width: 100%;background: #f7f7f7;z-index: 99;border-top: 1px solid #d6d6d6;padding: 10px;height: calc(100vh - 137px);overflow: auto}
.mob-nav li{border-bottom: 1px solid #d6d6d6}
.mob-nav ul li ul li:last-child{border: 0}
.mob-nav li a{display: block;padding: 10px;font-size: 18px;font-weight: 700}
.mob-nav li ul{background: #f0f0f0;border-top: 1px solid #d6d6d6;display:none}
.mob-nav ul li ul li a{padding-left: 20px}

.rytHdr, .hdr-top h5{display:none}
.mainC{padding: 120px 0 1px;z-index: 77}
.revList li{width: 50%}
.revD{width: 100%;padding:20px 5%;}
.revL{width: 90%;margin:24px auto 20px;display: block;}
/*.decol.column3, .decol.column4{margin-top: -15px;}*/

a.backtop{bottom: 5%}
a.backtop.btm{bottom: 205px}
footer{padding: 20px 0}
.logoFtr{position: relative;top: auto;right: auto;margin: 0 auto 15px;width: 292px}
.logoFtr small{top: 41px;left: 88px;}
.ftr-lft{width: 100%;padding: 10px 10px 0;text-align: center}
.ftr-lft span a{margin: 0 15px 10px;}
.desk{display: none}
.mob{display: inline-block}
.revList.col3 li{width: 50%}
.bloglist li{width: 100%;margin: 10px auto;display: block}

.fixed-container{float: none;width: 100%;margin: 0 auto}
.fixed-slider{float: none;display: block;width: 100%;position: relative}
.desk-pc{display: none}
.revD.new-postC{width: 100%;padding: 20px 25px 0 25px}
.revT img{max-width: inherit;width: 100%;}
.float-mob{position: fixed;background: #005b96;width: 100%;left: 0;bottom: 0;z-index: 9999}
.float-mob a{display: block;}
i.visit-site-icon{display: inline-block;vertical-align: middle; width: 56px;height: 50px;background: #003c63 url(../images/arrow-visit.png) center center no-repeat}
.float-mob h3{display: inline-block;vertical-align: middle;width: calc(100% - 57px);text-align: center;font-size: 20px;line-height: 20px;color: #fff;font-weight: 700;text-transform: uppercase}
.mob-pc{display: block}
}
@media screen and (max-width:750px) {
.deboxC, ul.bloglist{width: 92%;z-index: 77}
.deboxC{margin: 20px auto;}
.ratingC{margin:10px 0;width: 100%;}
.revL{width: 98%;margin:24px auto 0;}
.pros, .cons{width: 100%;margin: 15px 0;}
ul.more-blst{margin: 10px 3px 0;}
.more-blst li{width: 94%}
.container{padding: 0!important}
}
@media only screen and (min-width: 360px) and (max-width: 740px) and (orientation:landscape) {

}
@media screen and (max-width:680px) {
header{z-index: 99999999}
.logo{width: 270px;margin: -17px 0 -12px 10px}
.hdr-top{display: block!important}
.hdr-top h1{font-size: 2.25vw;padding:6px 0 6px 20%;display: block;}
nav{top: 8px;}
nav li{margin: 0 15px}
nav li a{padding: 20px 0;font-size: 4vw}
.mob-subM li{margin: 0 15px;}
.mob-subM li a{font-size: 4.5vw;}

.mainC{padding-top: 110px;}
.deboxC{margin-top:35px;}
.decol{width: 94%;}
ul.revList{padding: 10px 5px}
.revList li{width: 50%;margin: 5px auto;padding: 4px}
.revB{padding: 5px;}
.sitename a{font-size: 3.5vw;}
.topTxt{margin: 10px 2%;text-align: center}
a.visit-site{font-size: 4.5vw;line-height: 6vw}
a.backH, .clickBtn .desk{display: none}
.topTtl{font-size: 5vw;line-height: 6vw;text-align: center;padding: 10px}
.pagi a, .pagi span{font-size: 3.5vw;padding: 7px 10px;}
/*.decol.column2{margin-top: -15px;}
.decol.column3{margin-top: -30px;}
.decol.column4{margin-top: -45px;}*/
.breadC{padding: 10px;font-size: 3vw;text-align: center}
.topTxt, .postC p, .more-blst li p, .bloglist li p{font-size: 3.5vw;line-height: 5.5vw}
.revList.col3 li{width: 100%}
.bloglist li h3, .more-blst li h3{font-size: 4vw}
i.icon-logo{width: 60px;height: 70px;}

a.backtop{bottom: 70px}
a.backtop.btm{bottom: 265px;right: 5px;}
.ftr-lft p{font-size: 3vw;line-height: 4.9vw}



}
@media screen and (max-width:375px) {
a.backtop.btm{bottom: 260px;}
.mob-nav{height: calc(100vh - 132px);}
.mainC{padding-top: 105px;}
}
@media screen and (max-width:320px) {
nav{top: 4px;}
.mob-btn{padding:5px 7px;}
.logo img{width: 240px;}
nav li a{padding: 20px 0;font-size: 4vw}
.mainC{padding-top: 90px;}

}