@media only screen and (min-width: 1400px) and (max-width: 4000px) {

}

@media only screen and (min-width: 992px) and (max-width: 1300px)  {

    .mysterys h1 {
        font-size: 44px;
        line-height: 56px;
    }

    .mysterys .mystery {
        margin-bottom: 15px;
        max-height: 122px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px)  {
    .mysterys h1 {
        font-size: 44px;
        line-height: 56px;
    }

    .mysterys .mystery {
        margin-bottom: 15px;
        max-height: 122px;
    }
}       

@media only screen and (min-width: 0px) and (max-width: 767px)  {
    .mysterys h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .mysterys .mystery {
        margin-bottom: 15px;
        max-height: 152px;
    }

    .mysterys {
        padding: 30px 0 15px;
    }

    .games .games-list .game .game-box .game-badges .game-badge {
        font-size: 10px;
        line-height: 14px;
        padding: 2px 10px;
    }

    .mysterys .mystery .mystery-value {
        text-align: left;
        margin: 0px 0 0 0;
        font-size: 22px;
        line-height: 26px;
    }

    .mysterys .mystery .progress {
        margin: 5px 0;
    }

    .games .games-category .heading {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        display: block;
        margin: 5px 0;
    }

    .games-filter .filter-select {
        padding: 2px 30px;
    }

    .mysterys .mystery .progress {
        margin: 5px 0;
    }

    .mysterys .mystery .mystery-hint {
        color: #ff2b9f;
        line-height: 18px;
    }

    header nav ul {
        padding: 5px 0 5px;
    }

    header .right-nav {
        text-align: center;
        padding: 0 0 10px 0;
    }

    header .right-nav li:first-of-type {
        padding-left: 0;
    }

    header .right-nav ul li {    
        width: 49%;
        display: inline-block;
        border-right: 0;
        padding: 0 0;
        margin: 0 0;
        text-align: right;
    }

    header .right-nav ul li.acc-info {
        text-align: center;
    }

    header .right-nav ul li.acc-info .acc-balance {
        display: block;
    }

    header .right-nav ul li.langs {
        text-align: right;
        position: relative;
        top: -12px;
    }

    header .logo {
        margin: 10px auto 0;
        display: table;
    }

    header .logo img {
        height: 50px;
    }

    header {
        height: auto;
    }

    header nav ul li {
        display: inline-block;
        margin: 0 10px;
    }

    header nav ul li a {
        font-size: 18px;
    }

    header .right-nav li {
        margin: 0;
    }
}

@media only screen and (min-device-width: 00px) 
and (max-device-width: 1000px) 
and (orientation: landscape) {
    .mysterys .mystery {
        margin-bottom: 17px;
        max-height: 136px;
    }
}