@media screen and (max-width:1568px) {
.inner{width: 100%;padding: 0 15px;}
nav{right: 15px;}
.ebox{width: 31%}
ul.tn-list{margin: 20px 0}
}
@media screen and (max-width:1150px) {
.bg-mob{display: block;position: fixed;width: 100%;height: 100%;background:#0f0f0f  bottom center no-repeat;z-index: -1;background-size: 100%;}
.vid-player{width: 100%;}
.pdtls{width: 100%;padding: 20px 20px 0;text-align: center;}
.ebox{width: 96%;margin: 10px 0;}
.player, .level2, .level3, .reviews, .text-more{position: relative}
}
@media screen and (max-width:980px) {
.bg-mob{background-size: 150%;}
.mob-bar{display: inline-block;margin: 9px 20px 16px}
nav{text-align: right;right: 0;}
nav ul{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background:rgba(0,0,0,.85);
	padding: 70px 10px 20px;
	text-align: center;
	z-index: 999;
	overflow: auto;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
nav ul li{
	width:90%;
	display:block;
	text-align:center;
	padding:0;
	margin:0 5%;
	background: none
}
nav li.play{margin: 15px 5%}
nav li a, nav li ul li a{
	width:100%;
	display:block;
	text-align:center;
	margin: 0;
	font-size: 30px;
	padding: 10px 0;
}
nav li ul{
	position: relative;
	top: auto;
	left: auto;
	height: auto;
	padding: 10px;
	white-space:inherit;
	background: transparent;
}
.tn-list li{width: 50%;}
}


@media screen and (max-width:680px) {
.bg-mob{background-size: 200%;}
nav li a{font-size: 5.5vw;}
p{font-size: 4vw;line-height: 6vw;}
.player, .level2, .level3, .reviews, .text-more{padding: 25px 0;}
.dettl, .eb-ttl, .wht-ttl{font-size: 6vw}
.pdtls{padding: 20px 10px 0}
.pdtls p, .text-more p{font-size: 4.5vw;line-height: 8vw;}
a.debtn{font-size: 5vw;padding: 13px 25px;}
.ebox{padding: 30px 20px;}
.tn-list li{padding: 7px}
.reviews li{padding:20px;}
.er-box{border-radius: 20px;padding: 15px 15px 15px 70px;background: url(../images/rev-bg.png) 10px 8px no-repeat;background-size: 45px;}
.rev-user{font-size: 4.8vw}
footer span{font-size: 4.3vw}
footer p br{display: block}

}
@media screen and (max-width:580px) {

}
@media screen and (max-width:375px) {


}
@media screen and (max-width:320px) {


}

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


}