@media (min-width: 916px){ /*1539px*/

}

@media (max-width: 915px){ /*tablet + mobile common */


}

@media (min-width: 568px) and (max-width: 915px) and (orientation: landscape){

    wheelsres{ top: 1em; height: calc( var(--wheelctHeightTB) - 2em ); }
    wheelsres .overlay{ height: calc( var(--wheelctHeightTB) - 2em ); }

}


@media (max-width: 567px) and (orientation: portrait){

    wheelsres{ height: calc( var(--wheelctHeightMB) + 26.2em ); top: 0; border-radius: 5vw; }
    wheelsres .overlay{ height: calc( var(--wheelctHeightMB) + 26.2em ); }
    wheelsres #wheels_win_cars{ background-size: auto 33%; background-position: left 50% bottom -12%; }
    #wheelsView.resShow.small #wheelsres_small #wheels_win_cars{ animation: reszonecars_v 1s linear both; }
    @keyframes reszonecars_v{
        from{ background-position: left 50% bottom -75%; }
        to{ background-position: left 50% bottom -12%; }
    }


    wheelsres #wheels_win_safes{ background-size: auto 33%; background-position: left 12% bottom; }
    #wheelsView.resShow.big #wheelsres_big #wheels_win_safes{ animation: reszonesafe_v 1s linear both; }
    @keyframes reszonesafe_v{
        from{ background-position: left 12% bottom -75%; }
        to{ background-position: left 12% bottom; }
    }

    wheelsres #drone{ height: 14em; }
    wheelsres .tablette #drone{ height: 19em; }
    wheelsres .tablette #drone reszone #main{ font-size: 1.2em; }

    .drone_overlay{ animation: droneraise_v 1s linear both; }
    @keyframes droneraise_v{
        from{ padding-top: 100%; }
        to{ padding-top: 50%; }
    }
    .drone_overlay.tablette{ animation: droneraise_tbl_v 1s linear both; }
    @keyframes droneraise_tbl_v{
        from{ padding-top: 100%; }
        to{ padding-top: 8em; }
    }

    #wheelsView #wheelsres_big wheelsres reszone .resSPE{ font-size: 1em; }
}