@media screen and (max-width:1240px) {
html, body{overflow: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.inner, .dettl, ul.galC, ul.vidC, ul.modelC, .joinC{width: 100%;}
.logo{margin-left: 10px;}
.mid-paralax{padding-left: 20px;}
.profileC{width: 98%;}
.deBox{width: 98%}
ul.galC li {
    width: calc(33.33% - 20px); /* 3 per row */
  }
}    
}
@media screen and (max-width:1120px) {
nav li{margin: 0 15px}
nav li a{padding: 8px 10px; }
.mid-paralax{background-attachment: inherit;}
.profileC{padding: 20px}
.profD p{min-height:inherit;}
.profD{padding-left: 20px;}
.joinR{width: 44%;}
}
@media screen and (max-width:960px) {
#menu {
	display: none;
	position:relative;
	z-index: 999;
}
nav{
	text-align: right;
	z-index: 9999;
	width: 100%;
}
nav ul{
	position: relative;
	background:rgba(0,0,0,.82);
	padding:0 0 10px;
	text-align: center;
	width: 100%;
}
.show-menu {
	display:inline-block;
	margin:5px 10px 24px;
	cursor:pointer;
}
header.fixed .show-menu{margin-bottom: 20px}
ul.hslider{margin-top: 82px;}
.galC li, .modelC li{width: 33.333%}
.vidC li{width: 50%}
a.debtn{width: 90%;}
.modelnameD{font-size: 36px}
.joinR, .joinB{width: 80%;margin:0 0 30px;}
}

@media (max-width: 768px) {
  ul.galC li {
    width: calc(50% - 20px); /* 2 per row */
  }
}

@media screen and (max-width:680px) {
.logo img{width: 200px}
nav{top: 10px}
.show-menu{margin-bottom: 7px;}
nav ul li{
	width:100%;
	display:block;
	padding:0 20px;
	margin:5px 0;
	background: none;
	border: 0;
}
nav li:last-child{margin-top: 10px;}
nav li a{
	width:100%;
	display:block;
	margin: 0;
	font-size: 18px;
	padding: 7px 20px;
}
ul.hslider{margin-top: 62px;}
.galC li, .modelC li{width: 50%}
a.debtn{font-size: 4.5vw}
.profileC{margin-top: 75px}
a.loginB{font-size: 15px;padding: 5px 15px;top: 13px;right: 10px;}
.joinC{margin: 80px auto 0}
.joinR{width: 90%;margin-bottom: 0;}
.joinB{width: 96%;padding: 4px 10px 20px;}
.mainC{padding-top: 50px;}
.deBox{padding:1px 20px;margin: 20px auto;text-align: center}

.slick-dots{bottom: 10px}
.slick-dots li{width:20px;height:20px;}
.slick-dots li button:before{font-size:45px;line-height:30px;}

}
@media screen and (max-width:580px) {
.vidC li{width: 100%}
.dettl h3{font-size: 8vw}
.dettl a{font-size: 4vw}
.btmD h4, .modelname{font-size: 3.5vw}
a.debtn{font-size: 6.5vw;line-height: 7vw;padding: 10px}
.mid-paralax{padding:10px 15px;background-size: 150%;background-position: right bottom;}
.mid-paralax li span{width: 20%;margin: 0}
.mid-paralax li span img{width: 100%}
.mid-paralax li p{width: 79%;padding:0 15px;font-size: 6.5vw;line-height: 8vw}
a.join-btnp{width: 100%;font-size: 8vw;margin:20px 0 320px;}
.prof-img{width: 80%;margin: 10px 10% 0}
.profD{width: 100%;padding: 20px 0 0;text-align: center}
.modelnameD{font-size: 9vw}
.profD p{font-size: 4vw;line-height: 6vw}
.smC a{margin: 0 7px;}
.statsC li{margin: 5px auto 15px;}
.joinB h3, .joinB input[type=submit], .joinR h4{font-size: 5.4vw;}
.offerC{font-size: 5.5vw;line-height: 5.5vw}
.offerC small{font-size: 3.5vw;}
.priceC{margin-left: 10px;font-size: 10vw;line-height: 9vw;}
.priceC span{font-size: 3.5vw;line-height: 3.5vw}
.priceC span small{font-size: 3.5vw;}
ul.jtop-img{text-align: center}
.jtop-img li{width: 45%;margin: 0 1% 15px;}
.beni-comm li{font-size: 3.7vw}
.deBox p{font-size: 4vw;line-height: 6vw;}
.month:after, .day:after, .year:after{right: 8px}


footer{margin-top: 40px;}
}

@media (max-width: 480px) {
  ul.galC li {
    width: 100%; /* 1 per row */
  }
}

@media screen and (max-width:390px) {
a.join-btnp{margin-bottom:285px;}
}

@media screen and (max-width:330px) {
.galC li, .modelC li{width: 100%}
a.join-btnp{margin-bottom:245px;}
}

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

}