@media only screen and (min-width: 1280px) and (max-width:1440px){
    body {
        background-size: auto;
        background-position-x: 15%;
    }
}

@media only screen and (min-width: 1139px) and (max-width: 1280px){
    body {
    background-size: 130%;
    background-position-x: -70px;
}

}
@media only screen and (max-width:1138px){
    body{
        background: url('../../img/lpbgmob.jpg') center top no-repeat;
        background-color: #000;
    }
    .container #promo { display: block; max-width: 100%; }
    .promo {
        width: 60%;
        max-width: 100%;
        margin: 60px auto;
        position: absolute;
    }

}

@media only screen and (max-width:1042px){
    .container #promo {
        display: block;
        width: 100%;
        max-width: 100%;
        top: 5%;
        position: absolute;
    }
}
@media only screen and (max-width:960px){
    .right-cont, .promo { display: none; }
    .mobile {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .mob-cont { text-align: center; }
    .mob-cont img{ 
        width: 100%;
        max-width: 100%;
    }
    .mob-cont #pro { margin-top: 20px; }
    .mob-cont #two { margin-top: -130px; }
    .mob-btn { display: inline-flex;
        max-width: 100%; }
    }

    @media only screen and (max-width:825px){

        .inner-overlay{
            left: 2%;
            right: 2%;
            margin-left: 2%;
            margin-right: 2%;
        }
        .scroller{
            width: 100%;
        }
        .inner-overlay table{
            width: 100%;
        }
    }

    @media only screen and (max-width:776px){
        .swipe-left{
            display: block;
        }   
    }

    @media only screen and (max-width:708px){

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

        .inner-overlay table{
            max-width: 654px;
        }
    }
    @media only screen and (max-width:550px){

    }

    @media only screen and (max-width:500px){
        .inner-overlay > ol{
            padding-left: 5px;
        }
        .inner-overlay table tr th{
            font-size: 13px;
        }

    }

    @media only screen and (max-width:490px){
        .button { font-size: 15px; }
    }

    @media only screen and (max-width:468px){
       .mob-btn {
        display: block;
        bottom: 0;
        position: absolute;
        max-width: 100%;
    }
    .button {
        font-size: 18px;
        margin: 10px;
    }
}

/*@media only screen and (max-width: 411px) {
    .mobile { margin: 50px auto 50px; }
    .mob-btn { bottom: 20px; }
}*/

@media only screen and (max-width: 375px){
    .mobile { margin: 20px auto; }
    .mob-cont img {
        width: 100%;
        max-width: 100%;
    }
    .mob-cont #two {
        margin-top: -55px;
    }
    .mob-cont #pro {
        margin-top: 0;
    }
    .mob-btn {
        display: block;
        bottom: 0;
        position: absolute;
        max-width: 100%;
    }
    .button {
        font-size: 18px;
        margin: 10px;
    }
}

@media only screen and (max-width: 320px) and (max-width: 480px)
{ 
    .mobile { margin: 10px auto; }  
    .button {
        font-size: 15px;
        margin: 5px;
    }
    .inner-overlay {
    left: 2%;
    right: 2%;
    margin-top: -190px;
    margin-left: 0;
    margin-right: 2%;
    height: 75%;
}
    .mob-btn{ margin: 10px auto 10px; }
}

@media only screen and (max-width: 375px) and (max-height: 812px){
    .mob-btn {
        display: block;
        bottom: 0;
        margin: 30px auto 30px;
        position: absolute;
        max-width: 100%;
    }
}

/* iPad PRO */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .promo, .right-cont { display: none; }
    .mobile {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .mob-cont { text-align: center; }
    .mob-cont img{ 
        width: 100%;
        max-width: 100%;
    }
    .mob-cont #pro { margin-top: 20px; }
    .mob-cont #two { margin-top: -130px; }
    .mob-btn {
        display: block;
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: -260px;
    }
    .button {
        width: 70%;
        font-size: 30px;
    }
}

/* iPad Landscape */
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    body{
        background: url('../../img/lpbgmob.jpg') center top no-repeat;
        background-color: #000;
    }
    .container #promo {
        display: block;
        width: 100%; 
        max-width: 100%; }
        .promo {
            width: 60%;
            max-width: 100%;
            margin: 80px auto;
            position: absolute;
        }
    }

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
    .mob-btn {
    display: block;
    bottom: 0;
    }
}

/* landscape */
@media only screen and (max-height:542px){
        .scroller{
            height: 320px;
        }
        .inner-overlay {
        height: 360px;
        margin-top: -125px;
        }
        .container #promo {
            width: 75%;
            max-width: 100%;
            top: 25px;
            left: 17%;
        }
        .girls-cont {
            width: 70%;
        }
    }
    /* landscape */