@media screen and (max-width:1199px) {
    body {font-size:24px; line-height:32px}

    h3 {font-size:32px; line-height:32px; margin:45px 0 32px 0}
    p {margin:32px 0}
    ul {margin:32px 0}
    ul li {padding:0 0 0 30px}

    .form-input {margin:0 0 64px 0}
    .form-input input,
    .form-input textarea {font-size:24px; padding-bottom:7px; height:32px}

    .form-select {margin:0 0 64px 0}
    .form-select select {font-size:24px; padding-bottom:7px; height:32px}

    .form-submit {width:307px; margin-left:auto; margin-right:auto}
    .form-submit input {border-radius:37px; height:74px; font-size:34px; line-height:51px; box-shadow:0 3px 0 #005a72}
    .form-submit input:hover {box-shadow:0 -3px 0 #005a72; top:3px}

    .on-mobile {display:block}
    .on-desktop {display:none}

    .wrapper-inner {padding:0}

    header {height:124px; background:#1e2429}
    .header-inner {position:relative}

    .logo {float:none; margin:0 auto; top:23px}

    .header-lang {float:none; display:block; position:absolute; right:41px; top:43px; margin:0}

    nav {display:none}

    .mobile-menu-link {display:block; width:33px; position:absolute; left:45px; top:50px; height:4px; background:#fff}
    .mobile-menu-link:before {content:""; display:block; position:absolute; left:0; right:0; top:4px; height:4px; border-top:5px solid #1e2429; background:#fff}
    .mobile-menu-link:after {content:""; display:block; position:absolute; left:0; right:0; top:13px; height:4px; border-top:5px solid #1e2429; background:#fff}
    .mobile-menu-open .mobile-menu-link {z-index:999; width:36px; height:26px; background:url(../images/mobile-menu-back.svg); background-size:100%}
    .mobile-menu-open .mobile-menu-link:before {display:none}
    .mobile-menu-open .mobile-menu-link:after {display:none}

    .mobile-menu-open {overflow:hidden}
    .mobile-menu-open body {overflow:hidden}
    .mobile-menu-open .mobile-menu {visibility:visible; z-index:998}
    .mobile-menu-logo {opacity:0; transition:opacity .5s ease; width:261px; height:173px; background:url(../images/logo-shadow-mobile.png); margin:0 auto; position:relative}
    .mobile-menu-open .mobile-menu-logo {opacity:1}
    .mobile-menu-logo:before {content:""; display:block; width:261px; height:169px; position:absolute; left:0; top:0; background:url(../images/logo.svg); background-size:100%}
    .mobile-menu ul {opacity:0; transition:opacity .5s ease; margin:0; padding:78px 0 0 0; list-style:none; font:32px/78px IskraLight, sans-serif; text-transform:uppercase; text-align:center}
    .mobile-menu-open ul {opacity:1}
    .mobile-menu ul li {margin:0; padding:0}
    .mobile-menu ul li:before {display:none}
    .mobile-menu ul li a {text-decoration:none; color:#fff}
    .mobile-social {opacity:0; transition:opacity .5s ease; text-align:center; font-size:0; line-height:0; letter-spacing:-1px; padding:72px 0 0 0}
    .mobile-menu-open .mobile-social {opacity:1}
    .mobile-social-link {display:inline-block; vertical-align:middle; margin:0 35px; position:relative}
    .mobile-social-link:before {content:""; display:block; background-size:100%}
    .mobile-social-link-vk:before {width:60px; height:33px; background:url(../images/footer-social-vk.svg) no-repeat}
    .mobile-social-link-fb:before {width:27px; height:49px; background:url(../images/footer-social-fb.svg) no-repeat}
    .mobile-social-link-ig:before {width:49px; height:49px; background:url(../images/footer-social-ig.svg) no-repeat}
    .mobile-copyrights {opacity:0; transition:opacity .5s ease; font-size:20px; line-height:30px; text-align:center; color:rgba(255, 255, 255, .5); padding:80px 0 0 0}
    .mobile-menu-open .mobile-copyrights {opacity:1}
    .mobile-welcome {opacity:0; transition:opacity .5s ease; display:block; color:#fff; position:relative; font:bold 34px/40px Iskra, sans-serif; padding:38px 0 47px 0; margin:61px 0 0 0; background:#00bff3; background:linear-gradient(to bottom, #00bff3 0%, #0091ba 100%); text-decoration:none; text-align:center}
    .mobile-menu-open .mobile-welcome {opacity:1}
    .mobile-welcome:hover {color:#fff; text-decoration:none}

    .slider-item {background-size:auto 100%}
    .slider-container {height:calc(100vh - 124px)}
    .slider-inner {bottom:90px; padding:0 30px}
    .slider-content {padding:0 0 37px 0}
    .slider-text {float:none; width:auto}
    .slider-title {font-size:48px; line-height:48px; padding:18px 0 0 0}
    .slider-anonce {font:24px/32px GothamPro, sans-serif; padding:37px 0 0 0}
    .slider-link {float:none; width:307px; margin:0 auto}
    .slider-link a {font-size:34px; line-height:40px; padding:12px 0 22px 0; border-radius:37px; box-shadow:0 3px 0 #005a72}
    .slider-link a:hover {top:3px; box-shadow:0 -3px 0 #005a72}
    .slider .slick-prev,
    .slider .slick-next {bottom:145px}
    .slider .slick-prev {left:45px; margin-left:0}
    .slider .slick-next {right:45px; margin-right:0}

    .main-about {margin:-22px 0 0 0}
    .main-about-left {float:none; width:auto}
    .main-about-right {float:none; width:auto}
    
    .about {padding-top:calc(100vh - 398px)}

    .gallery {margin:64px -70px}

    .games-item {width:100%}
    .games-item-preview span {left:-16px; top:14px; padding:1px 26px 12px 26px; font-size:26px; line-height:30px}
    .games-item-name {font-size:32px; line-height:40px; padding:5px 0 8px 0}

    .game-bg {display:none}
    .game-bg-mobile {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center top; background-size:100% auto}
    .game-right {float:none; width:307px; margin:0 auto; text-align:center}
    .game-now {font-size:34px; line-height:40px; padding:12px 0 22px 0; border-radius:37px; box-shadow:0 3px 0 #005a72}
    .game-now:hover {top:3px; box-shadow:0 -3px 0 #005a72}

    .game-shops {margin:54px 0 0 0}
    .game-shop {float:none; display:block; margin:0 auto 13px auto; width:179px; height:58px; background:url(../images/game-shops-mobile.png)}
    .game-shop-app,
    .game-shop-app:hover {background-position:left top}
    .game-shop-google,
    .game-shop-google:hover {background-position:left -59px}
    .game-shop-amazon,
    .game-shop-amazon:hover {background-position:left -118px}
    .game-social-title {padding:39px 0 0 0}
    .game-social {font-size:0; line-height:0; letter-spacing:-1px; padding:24px 0 0 0}
    .game-social-link  {float:none; display:inline-block; vertical-align:top; margin:0 7px}
    .game-social-link:before {width:58px; height:58px}
    .game-social-link:after {width:58px; height:58px}

    .game-left {margin:0; padding:20px 0 0 0}
    .game-slogan {font-size:24px; line-height:32px}
    .game-video {margin:32px -70px}

    .game-gallery {margin:0 -70px; padding:60px 0}

    .vacancies-list {margin:32px 0}
    .vacancies-item {display:block; padding:9px 0 12px 0}
    .vacancies-item-title {display:block; padding:0; font-size:34px; line-height:34px}
    .vacancies-item-anonce {display:block; width:auto; padding:8px 0 0 0}
    .vacancies-item-link {display:none}

    .vacancy-cols {padding:0 0 62px 0}

    .vacancy-left {float:none; width:auto}

    .vacancy-right {float:none; width:auto; margin:70px 0 0 0}

    .contacts-cols {padding:0 0 62px 0}
    .contacts-left {float:none; width:auto}
    .contacts-support {text-align:center}
    .contacts-support a {font-size:24px; line-height:30px; padding:10px 30px 14px 30px; border-radius:28px}
    .contacts-right {float:none; width:auto; margin:70px 0 0 0}

    footer {display:none}
	.container {padding-left:15px; padding-right:15px}
}



@media screen and (max-width:640px) {
    .btn-return {
        display: none;
    }

    .share p {
        font-size: 14px;
        float: none;
        margin-bottom: 15px;
    }

    .ya-share2__list li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .ya-share2__container_size_m .ya-share2__icon {
        width: 45px !important;
        height: 45px !important;
    }

    h3.platforms-title {
        font: 24px Iskra, sans-serif;
        color: #2f364b;
        margin: 0 !important;
        text-align: left;
    }

    .game-news-block {
        display: none;
    }

    .game-news-block-mobile {
        display: block;
    }

    .game-right {
        margin: 0;
        width: 100%;
    }

    .game-platform-link {
        background-size: cover;
        width: 65px;
        height: 65px;
        margin: 0 43px 20px 0;
    }

    .game-platform-link:nth-child(5){
        margin-right: 0;
    }

    .game-news-block-mobile .btn {
        width: 32%;
    }

    .mobile-menu-return {
        z-index: 999;
        width: 36px;
        height: 26px;
        background: url(/local/assets/css/../images/mobile-menu-back.svg);
        background-size: 100%;
        display: block;
        position: absolute;
        left: 45px;
        top: 50px;
    }

}