@media screen and (max-width:1568px) {
     .inner{
        width: 100%;
        padding: 0 15px;
    }
     nav{
        right: 15px;
    }
     .ebox{
        width: 31%
    }
     .text-float{
        width: 35%;
        padding: 0 30px;
    }
}
 @media screen and (max-width:980px) {
     .bg-mob{
        background-size: 150%;
    }
     .mob-bar{
        display: inline-block;
        margin: 8px 20px 16px
    }
     nav{
        text-align: right;
        right: 0;
    }
     nav ul{
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100vh;
         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;
    }
     .tf-txt h2, .tf-txt p{
        display: none
    }
     .dettl{
        font-size: 40px;
        line-height: 50px;
    }
     .wht-ttl{
        font-size: 30px
    }
}
 @media screen and (max-width:680px) {
     .bg-mob{
        background-size: 200%;
    }
     .logo, .flogo{
        font-size: 8vw
    }
     .logo img, .flogo img{
        width: auto;
        height: 40px;
        max-width: 245px
    }
     .text-float{
        width: 50%;
        padding: 0 10px;
        text-align: right;
    }
     .tf-txt a{
        font-size: 4.5vw;
        padding: 5px 15px;
    }
     nav li a{
        font-size: 5.5vw;
    }
     p{
        font-size: 4vw;
        line-height: 6vw;
    }
     .player, .level2, .reviews, .text-more{
        padding: 25px 0;
    }
     .dettl, .eb-ttl{
        font-size: 7vw;
        line-height: 8.5vw;
    }
     .wht-ttl{
        font-size: 6vw;
        line-height: 7.5vw;
    }
     .vid-player{
        width: 96%;
        padding: 10px;
    }
     .pdtls{
        padding: 20px 10px 0
    }
     .pdtls p, .text-more p, .er-box p{
        font-size: 4.5vw;
        line-height: 8vw;
    }
     a.debtn{
        font-size: 5vw;
        padding: 7px 25px;
    }
     .ebox{
        padding: 30px 20px;
    }
     ul.tn-list{
        width: 100%;
        padding-top: 10px;
    }
     .tn-list li{
        padding: 7px
    }
     .reviews li{
        padding:20px;
    }
     .er-box{
        background-size: 100%;
        padding: 20px 12%;
    }
     .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) {
}