@media (max-width:1215px) 
{
    .my-progress
    {
        width:150px;
    }
}

@media (max-width:1130px) 
{
    .my-progress
    {
        width:100px;
    }
    #page
    {
        width:auto;
    }
    #home
    {
        display:none;
    }
    #lk
    {
        display:none;
    }
    body
    {
        background:#62615e url(/images/tablet.png) top center no-repeat;
    }
    #tablet
    {        
        position:relative;
        margin:27px auto;
        top:0px;
        left:0px;
    }
}
@media (max-width:1035px) 
{
    .my-progress
    {
        width:50px;
    }
    .fullScreen
    {
        overflow:auto;
    }
    .playerColumn img
    {
        max-height: 40vh !important;
    }
    html, form {
        height:auto;
    }
    #menu
    {
        display:none;
    }
    #mobile-menu
    {
        display:block;
        position:fixed;
        top:0px;
        right:0px;
    }
    .mobile-menu-opened
    {
        width:100%;
        height:100%;
        text-align:right;
        background:rgba(0,0,0,0.5);
    }
    #mobile-menu-btn
    {
        background:#AAAAFF url(/images/mobile-menu.png) center center no-repeat;
        width:64px;
        height:64px;
        cursor:pointer;
        border-radius:4px;
    }
    .mobile-menu-opened #mobile-menu-btn
    {
        display:none;
    }
    #mobile-menu-items
    {
        display:none;
        border-radius:4px;
        position:absolute;
        right:0px;
        top:0px;
        max-height:100vh;
        overflow:auto;
    }
    #mobile-menu-items a
    {
        text-decoration:none;
        background:#AAAAFF;
        color:White;
        display:block;
        width:200px;
        padding:10px;
        text-align:right;
    }
}

@media (max-width:910px) 
{
    .my-progress
    {
        width: 65px;
        padding-right: 10px;
        padding-bottom: 30px;
    }
    .progress-img
    {
        display:none;
    }
    .progress-points
    {
        right: 8px;
    }
}

@media (max-width:800px) 
{
    .my-progress
    {
        display:none;
    }
}

@media (max-width:720px) 
{
    #reset, #next, #check, #playAgain, #mainScreen, #GameOver, #changeSpeed
    {
        margin: 4px 2px 0px 2px;
        cursor: pointer;
        padding: 5px 7px;
        border-radius: 20px;
        min-width: 15px;
        display: inline-block;
        vertical-align: top;
        text-align: center;    
        font-size: 85%;    
        user-select: none;
        height:auto;
    }
    .top-block 
    {
        display:block;
    }
    .tap-caption
    {
        display:block;
        font-size:120%;
        margin-bottom: 10px;
    }
    .abakus
    {
        position:relative;
        top: -50px;
        transform:scale(0.7);
    }
    body
    {
        background:url(/images/mobile.png);
        background-size:cover;
    }
    .my-level
    {
        display:none;
    }
    .shop-balance, .tournament-tabs
    {
        position:static;
    }
       
    .settingsColumn
    {
        width:33%;
    }
    .singleGameType
    {
        width:50%;
    }
    .playerColumn>div span
    {
        text-align:left;
    }
    .playerColumn input 
    {
        max-width:70%;
        text-align:left;
    }
    #count b, #repeat b
    {
        display:block;
    }
    html, form {
        height:auto;
    }
    #tablet
    {
        width:auto;
        height:auto;
        min-height: 90vh;
    }
    
    #profile, .account
    {
        padding:10px;
        width: auto;
        height:auto;
    }
    
    #lkbtn, #best, .account-menu, .account-btns
    {
        display:none;
    }
    
    .account
    {
        margin-top:40px;
    }
    
    .account-info, .account-level-info {
        font-size: 120%;
    }
    .account-coins {
        font-size: 140%;
    }
}