@media screen and (max-width:1920px) {
header{background-size: inherit}
}
@media screen and (max-width:1256px) {
.inner, .wht-cont{width: 100%;}
.logo{margin-left: 15px;}
.hdt-src{right: 15px;}
.top-ban, .btm-ban{margin: 10px 15px;}
nav li a{padding: 7px 15px;}
ul.logjoin{margin-left: 40px}
body.fixed header ul.logjoin, body.fixed header ul.memTop{margin: 10px 20px 0 0;float: right;}
body.fixed header .ovrlogin{left: auto;right: 0;top: 26px}
body.fixed header .ovrlogin:before{left:auto;margin-left:0;right: 15px;}
body.fixed header .hdt-src:before{left:auto;margin-left:0;right: 78px;}
body.fixed header .hdt-src{top: 40px;right: 0;z-index: 99}
.gallC ul{padding-left: 10px}
.gallD{padding: 10px 10px 0 15px;}
.gallD ul{margin: 0 20px;}
.rateC{padding: 20px;}
.orgbtn, .blubtnB{margin: 30px 20px;}
ul.moregall, .commC, ul.breadc{margin: 30px 15px;}
.vidC, .revtm{padding-left: 20px}
.revD{width: 40.5%}
.priceC{width: 33%}
.revM{margin: 20px;}
.gallD p{width: 65%}
}
@media screen and (max-width:1200px) {
nav li a{padding: 7px 10px;}
body.fixed header nav li a{padding:10px 13px;font-size:14px;}
.dettl{margin: 15px;}
ul.photo-lst{margin: 15px 10px;}
ul.promo-list{margin: 0 5px 20px;}
ul.sqrban{width: 300px;padding-left: 0}
.desc-rate p{width: 54%;padding: 0 20px 20px 0;}
.err404{padding: 20px 20px 20px 0;}
.err404 p{font-size: 20px;}
}
@media screen and (max-width:1090px) {
body.fixed header nav{margin: 0 20px;}
ul.logjoin{margin-left: 30px}
.sqrban li{margin: 10px 9px;}
.gallC, .vidC{width: 67.6%}
.ftr-blk p, .ftr-blk span{width: 100%;margin: 5px 0;}
.desc-rate p{width: 100%;}
.vidC .rateC{display: block;margin: 0 auto}
}
@media screen and (max-width:960px) {
.mobProf{display: inline-block;}
ul.memTop{margin-left: 0;position: absolute;top: 7px;right: 15px;z-index: 999;margin: 0;}
.deskProf, .memTop li.srcmob{display: none}
.logo{z-index: 999}
.navbar{height: 36px;position: relative;text-align: left;}
.show-menu {
	display:inline-block;
	margin:8px 80px 7px 0;
	cursor:pointer;
	color: #fff
}
header.logged .show-menu {margin-right: 55px;}
#menu {
	display: none;
	position:relative;
}
nav{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	text-align: right;
	z-index: 88;
}
nav ul{
	background: #252525;
	text-align: center;
}
nav li a{font-size: 14px;text-align: left}
nav li ul{top: 34px;left: -100px;}
ul.logjoin{margin: 8px 20px 0 0;float: right;z-index: 99;position: relative}
.memTop li.memTopbtn ul{top: 25px;}
body.fixed header nav li ul{top: 40px;}
body.fixed header nav li ul li.seclvl ul{top: 0;}
body.fixed header nav{margin: 0}
body.fixed header ul.logjoin{margin: 8px 15px 0 0;}
.ovrlogin, body.fixed header .ovrlogin{top: 24px}
.logjoin li span{display: none}
body.fixed header .logjoin li:nth-child(2) a, .logjoin li:nth-child(2) a{border-right:0;margin:0 15px;padding: 0;}
body.fixed header .logjoin li a i, .logjoin li a i{margin-right:0;}
.ovrlogin, body.fixed header .ovrlogin{left: auto;right: 0;}
.ovrlogin:before, body.fixed header .hdt-src:before{left:auto;margin-left:0;right: 15px;}
body.fixed header .hdt-src{top: 36px;right: 56px;z-index: 99}
body.fixed header .logo-wht{margin: 6px 0 0 15px;}
.memTop li a{padding: 0 10px;}
.photo-lst li{width: 33.333%;}
.statc li{width:45%;margin: 20px 5px;}

.gallC{width: 100%;padding: 0 20px;margin: 0;}
.gallC ul{padding: 0;}
.gallD{width: 100%;padding:0 20px 20px;}
.gallD li{display: inline-block;width: 45%}
.sqrban li, .ryt255ban{display: none}
.moregall li{width: 33.333%}
.commform{margin: 20px 5px;}
.rateC{text-align: center}
.vidC{padding: 0 20px;width: 100%}
.revtm{padding-left: 20px;width: 34%}
.revD{width: 65%}
.priceC{width: 96%;display: block;margin: 20px auto}
.breadc li a i{font-size: 19px;line-height: 19px}
.promo-top h3{font-size: 40px;}
.promo-top p{font-size: 18px;}
.gallD p{width: 100%}
.rateC{display: block;margin: 0 auto 20px;}
.err404{width: 100%;padding: 20px;}

footer ul{width: 80%;}
.ftr-ryt{width: 90%; margin: 15px 0 0;border: 0;border-top: 1px solid #6a6a6a;padding: 15px 10px 0;text-align: center}

}
@media only screen and (min-width: 620px) and (max-width: 740px) and (orientation:landscape) {

}
@media only screen and (min-width: 300px) and (max-width: 590px) and (orientation:landscape) {
}
@media screen and (max-width:750px) {
header{position: fixed}
.slogan h1{margin: 0 10px;font-size: 3.5vw;}
.logo, .slogan{display: none}
.logo-wht{display: inline-block;margin: 6px 0 0 15px;position: relative;z-index: 99}
.hdt-src, body.fixed header .hdt-src{display: none;right: 0;width: 100%;top: 36px;z-index: 99;}
body.fixed header .hdt-src:before{right: 72px;}
.show-menu{margin-right: 100px;margin-top: 9px; z-index: 99;position: relative}
.memTop li.srcmob{display: inline-block}
header.logged .show-menu {margin-right: 80px;margin-top: 8px}
nav li{display: block;position: static;border: 0;}
nav li a{font-size: 4.5vw;padding: 10px 20px;}
nav li a .fa-angle-down:before{content:"\f101"!important;}
nav li a i{float: right}
nav li:hover ul, nav li ul li:hover ul{display: none}
nav li ul{top: 0;left: 0;padding:80px 0 0;width: 100%;height: 100%;}
nav li ul li a{padding: 8px 15px;font-size: 18px;}
nav li.catdrp ul li, nav li.pvdrp ul li{width: 100%;}
nav li a .fa-angle-right:before {content:"\f103"!important;}
nav li ul li a i{margin-top: 4px;}
nav li.catdrp ul, nav li.pvdrp ul{width: 100%;min-height:100%;}
nav li.catdrp ul li.seclvl ul, nav li ul li.seclvl ul{width: 100%;position: relative;left: 0;padding:5px 10px 10px;}
nav li.catdrp ul li.seclvl ul li{width: 50%;}
nav li ul li.seclvl ul li a{font-size: 4vw}
nav li.closechild{color: #fff;position:relative;z-index: 999;cursor: pointer;text-align: right;padding: 0 20px;display: none;text-transform: uppercase;}
nav li.closechild a{display: inline-block;padding: 7px 15px;border-radius: 50px;background: #000;font-size: 4.5vw;line-height: 4.5vw}
nav li.closechild a i.fa-times-circle{float: none;margin: 0;}
nav li.closechild.active{display: block}
#menu{position: fixed;height: 100%;width: 100%;top: 0;left: 0;padding-top: 40px;z-index: 88}
ul.logjoin{margin-right: 15px;}
.hdt-src:before{position: absolute;top: -6px;left: auto;right: 73px;margin-left:0;content:'';width: 0;height: 0;border-style: solid;border-width: 0 5.5px 6px 5.5px;border-color: transparent transparent #717171 transparent;}
.hdt-src{top: 36px;right: 0;background: #717171;border-radius:0;padding: 5px;}
.hdt-src:after{top: 9px;right: 17px;}
.hdt-src input[type=text]{background:#333;width: 100%}
.hdt-src input[type=submit]{position: absolute;top: 0;right: 10px;z-index: 9999;}
.logjoin li:first-child{display:inline-block}
.wht-cont{padding-top:40px}
.photo-lst li{width: 50%;}
.statc li{width: 90%}
.statc li small{display: inline-block;position: relative;right: auto;bottom: auto;}
.statc li h4{font-size: 15vw;line-height: 15vw}
.breadc li a i{font-size:2vw;line-height:2vw}


footer ul{width: 90%}
}
@media screen and (max-width:580px) {
.photo-lst li{width: 100%;text-align: center}
a.view-btn, .topgal, .breadc li.toppage{display: none}
.dettl{text-align: center;font-size: 5vw;}
.dettl small{font-size: 3.5vw}
.statc h3{font-size: 10vw;line-height: 11vw}
.gallD p{padding: 0 10px 20px}
.rateC{padding: 20px 10px;}
.orgbtn, .blubtnB{margin: 30px 10px;}
ul.moregall, .commC{margin: 30px 5px;}
.gallC li, .moregall li{width: 50%}
.gallD li{width: 100%}
.orgbtn a, .blubtnB a{font-size: 7.6vw;line-height: 7.6vw}
.datecomm{display: block;padding: 15px 0 0;margin: 0;text-align: center}
.gallD p{font-size: 3.7vw;line-height: 6vw;text-align: center}
.gallD li, .commform textarea{font-size: 3.7vw}
.gallD li a i, .userC, .commform input[type=submit], a.reply, .priceC h4, .paymentopt li{font-size: 4vw}
.commp p{font-size: 3.7vw;line-height: 6vw;margin: 5px 0 15px;}
.userC i{font-size: 7vw}
ul.breadc{text-align: center}
.breadc li a i{font-size:4.5vw;line-height:4.5vw}
a.blubtn{font-size: 6vw;line-height: 6vw;}
.revtm{width: 90%;padding: 0 20px;margin: 10px 5%}
.revD{width: 100%;padding: 20px}
.jubtating{text-align: center}
.revD li, .prcopt li{font-size: 3.7vw}
.prcopt li strong{font-size: 4.5vw}
.revM p{text-align: center;font-size: 4vw;line-height: 6vw}
.sortC{position: relative;margin: -7px auto 15px;width: 130px;}
.promo-list li{width: 100%}
.promo-top h3{font-size: 9vw;line-height: 10vw;margin: 0 20px;}
.promo-top p{font-size: 4vw;line-height: 6vw;margin: 0 20px;}
.promo-ttl, a.promo-btn, .bluTtl{font-size: 5vw;}
.promo-box p, .helpsbox p, .answer, .answer p, .advertiseC p{font-size:3.5vw;line-height: 5vw; }
.helpsbox{width: 90%}
.deBox{margin: 20px 15px;}
.deBox h3{font-size: 5vw}
.breadc li a{padding: 7px 20px 7px 10px;font-size: 12px;}
.breadc li a:after{top: 5px;font-size: 20px;line-height:20px;}
.breadc li span{padding: 7px 10px;font-size: 12px;}
.gallD ul{margin: 0;}
.error404C{margin: 20px 0}
.err404 p{font-size: 4vw}
.err404 ul{margin: 20px 0;}
.err404 li{width: 70%;font-size: 4vw;margin: 2px 0;}
.err404 input[type=text], .err404 input[type=submit]{width: 100%;margin: 5px 0;font-size: 4vw}

.ftr-blk p, .ftr-blk span{padding: 0 10px;}
footer li{font-size: 3.2vw}
.ftr-ryt, .ftr-blk p{font-size: 3vw;line-height: 4.8vw}
}
@media screen and (max-width:390px) {

}
@media screen and (max-width:350px) {
.rateC{width: 280px;}

}