@media only screen and (min-width: 1330px) {
    .stripes .desktop {
        display: block;
    }
    .stripes .mobile {
        display: none;
    }
}
@media only screen and (max-width: 1330px) {
    .header-menu-area-inner-border  {
        left: calc(50% - 515px);
    }
    .header-menu-area-inner-border-inverted {
        left: calc(50% + 45px);
    }
    .footer-trapezoid {
        width: 979px;
    }
    .page-header .containers-vertical-align .container-right .container-right-inner .container-right-inner-top-widget {
        padding-left: 15px;
    }
    .page-header .containers-vertical-align .container-left .container-left-inner .container-left-inner-top-widget {
        padding-left: 0;
    }
    .gamepages-nav .trapezoid.trapezoid-full {
        width: 898px;
    }
    .gamepages-nav .navigation-box-left, .gamepages-nav .navigation-box-right {
        width: 550px;
        left: calc(50% - 460px);
    }
    .gamepages-nav .navigation-box-right {
        left: auto;
        right: calc(50% - 460px);
    }
    .history-nav .trapezoid.trapezoid-full {
        width: 898px;
    }
    .history-nav .navigation-box-right {
        left: auto;
        right: calc(50% - 460px);
    }
    .gamepages-nav .main-menu.container-left-part>ul>li {
        margin-right: 10px;
    }
    .gamepages-nav .main-menu.container-right-part>ul>li {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 1160px) {
    .page-header {
        display: none;
    }
    .mobile-header {
        width: 100%;
        height: 70px;
    }
    .mobile-header .mobile-header-inner .mobile-header-holder {
        display: block;
    }
    .container-inner, .grid {
        width: 80%;
    }
    .footer-trapezoid {
        width: 80%;
    }
    .stripes:before, .stripes:after {
        display: none;
    }
    .grid-col-9 {
        width: 100%;
        float: none;
    }
    .grid-col-3 {
        width: 100%;
        float: none;
    }
    .widget {
        width: 49%;
        float: left;
    }
    .widget:nth-child(2) {
        float: right;
        margin-right: 0;
    }
}
@media only screen and (max-width: 900px) {
    .stripes:before, .stripes:after {
        display: none;
    }
}
@media only screen and (max-width: 590px) {
    .widget {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}
@media only screen and (min-width: 500px) {
    .stripes .desktop {
        display: block;
    }
    .stripes .mobile {
        display: none;
    }
}
@media only screen and (max-width: 500px) {
    .stripes .desktop {
        display: none;
    }
    .stripes .mobile {
        display: block;
    }
}
@media only screen and (max-width: 390px) {
    .footer-text {
        height: 2em;
        line-height: 14px;
        left: 0;
    }
    h4 {
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 424px) {
    h4 {
        font-size: 1.8em;
    }
}