@media screen and (min-width: 768px) and (max-width: 1440px) {
    #what_we_do {
        padding: 0 40px;
    }
    #what_we_do h2 {
        margin-top: 0;
    }
    #about {
        padding-bottom: 80px;
    }
    .slider_what_we_do_block {
        background-size: contain;
    }
    .container_slider {
        width: 726px;
    }
    #slider_follow_us .owl-item .item img {
       
    }
}
@media screen and (max-width: 1300px) {
    .container {
        max-width: 100%;
        width: calc(100% - 30px);
    }
    .container.container-vacancy {
        width: 744px;
    }
	.container_slider2 {
		width: 991px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1024px) {
    .menu-top-container li, .menu-verhnee-container li {
        margin-right: 24px;
    }
    .bottom-left a.tlg {
        margin-top: 30px;
    }
    .subscribe-text {
        font-size: 15px;
    }
    .bottom-left h2 {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 992px) {
     .container_slider {
        width: calc(100% - 30px);
    }
    #mc4wp-form-1 {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
	.container_slider2 {
		width: 750px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
    .page-template-about-page #about img {
        max-width: 90%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .menu-top-container li, .menu-verhnee-container li {
        margin-right: 14px;
    }
    .menu-top-container li a, .menu-verhnee-container li a {
        font-size: 12px;
    }
    .slider_what_we_do_block {
        padding: 0;
    }
    .merch_cover {
        height: 230px;
    }
    .footer-bottom-left {
        width: 30%;
    }
    .footer-bottom-right {
        width: 50%;
    }
    #bottom-nav li {
        margin-left: 20px;
    }
}
@media screen and (min-width: 768px) {
    .mobile-menu {
        display: none;
    }
    .mob375, .mob375a, .mob375b, #follow_us .owl-dots {
        display: none !important;
    }
    #bottom {
        height: 100vh;
    }
    .page-template-contact-page #bottom {
        height: calc(100vh - 150px);
    }
    .menu-top-container ul.sub-menu, .menu-verhnee-container ul.sub-menu {
        margin-top: 12px;
    }
    .project-img img {
        width: 100%;
        height: auto;
    }
    .project-item:nth-of-type(2n) {
        background: url("../images/game2.png") no-repeat top left;
        background-size: 80% 100%;
    }
    .project-img {
        overflow: hidden;
        width: 294px;
    }
    .project-item:nth-of-type(2n) .project-info {
        float: left;
    }
    .project-item:nth-of-type(2n+1) .project-img-second,
    .project-item:nth-of-type(2n) .project-img-first {
        display: none;
    }
    .project-item:nth-of-type(2n) .project-img-second {
        float: right;
    }
    .project-item:nth-of-type(2n) .project-img-first {
        float: left;
    }
    #single-block {
        width: 100%;
    }
    .sub-menu {
        position: absolute;
        width: 187px;
        padding: 15px 20px;
        background: #3B27B7;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        top: 50px;
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.5s;
        z-index: 99999;
    }
    .menu-top-container li:hover .sub-menu, .menu-verhnee-container li:hover .sub-menu {
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    .loading-page-wrapper {
        background-size: 100% 100%;
    }
}
@media screen and (max-width: 767px) {
    .animated {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
      }
      .header-menu {
          display: none;
      }
      .menu-triger {
            display: block;
            width: 30px;
            height: 22px;	
            background: url("../images/trigger.png") 0 0 repeat;
            position: absolute;
            right: 22px;
            top: 29px;
            cursor: pointer;
    }	
    .menu-close {
            display: block;
            width: 30px;
            height: 22px;	
            background: url("../images/trigger.png") 0 0 repeat;
            position: absolute;
            right: 22px;
            top: 29px;
            z-index: 100;
            cursor: pointer;
    }
    .menu-popup {
            display: none;	
            background: #5584F7 url("../images/menu-popup.png") no-repeat left bottom;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0;
            box-sizing: border-box;
            padding: 30px;
            z-index: 9999;
            background-size: 100% 100%;
            height: 100vh;
    }
    .loading-page-wrapper {
        background: #5584F7 url("../images/menu-popup.png") no-repeat left bottom;
        background-size: 100% 100%;
    }
    .body_pointer * {
            cursor: pointer;
    }
    img.custom-logo {
        z-index: 99999;
        position: relative;
    }
    .menu-top-container, .menu-verhnee-container {
        margin: 30px auto 0;
        display: table;
        float: none;
    }
    #polylang-2 {
        margin: 0 auto;
        display: table;
        float: none;
    }
    #polylang-2 ul {
        width: 60px;
    }
    .menu-top-container ul, .menu-verhnee-container ul {
        padding-left: 0;
    }
    .menu-top-container li, .menu-verhnee-container li {
        margin-right: 0;
        float: none;
        margin-top: 30px;
        width: 188px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        text-align: center;
    }
    #polylang-2 ul li.current-lang, #polylang-2:hover ul li {
        margin-left: 20px;
    }
    .menu-top-container li.menu-item-has-children, .menu-verhnee-container li.menu-item-has-children {
        background: url("../images/arrow.png") no-repeat;
        background-position-x: 90%;
        background-position-y: 12px;
    }
    #polylang-2 ul li {
        margin-top: 0;
        border: 0 none;
        display: block;
        visibility: visible;
        margin-left: 20px;
        position: relative;
        bottom: 0;
    }
    #polylang-2 ul li.current-lang {
        display: none;
        visibility: hidden;
    }
    .menu-top-container li a, .menu-verhnee-container li a, #polylang-2 li a {
        font-size: 20px;
        line-height: 20px;
        text-transform: uppercase;
    }
    .sub-menu {
        top: 24px;
        z-index: 999999;
        width: 148px;
        padding-top: 0;
    }
    .sub-menu li {
        margin-top: 0;
        width: 148px;
        padding-top: 0;
        padding-bottom: 10px;
        border: 0 none;
    }
    .sub-menu li:last-child {
        border: 0 none;
    }
    .menu-top-container ul.sub-menu li a, .menu-verhnee-container ul.sub-menu li a {
        font-size: 14px;
        font-family: Mulish;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }
    .menu-top-container ul.sub-menu, .menu-verhnee-container ul.sub-menu {
        margin: 20px auto 0;
    }
    .share-mob {
        width: 180px;
        display: flex;
        justify-content: space-between;
        margin: 40px auto 20px;
    }
    .menu-popup {
        background-size: cover;
    }
    .desc375, .about_vacancy_item:last-child, .project-img-second, .vacancy-content {
        display: none !important;
    }
    section {
        opacity: 1 !important;
    }
    h2 {
        text-align: left;
        margin-top: 0;
        margin-bottom: 40px;
    }
    #about {
        padding: 51px 0 82px;
    }
    .home .about_left {
        display: none;
    }
    .about_left, .about_right {
        max-width: 100%;
        width: 100%;
        float: none;
    }
    .about_vacancy_item {
        max-width: 100%;
        padding: 22px 35px;
    }
    .about_left {
        margin-bottom: 57px;
    }
    [data-aos="fade-up"] {
        transform: translate3d(0,0,0);
    }
    .slider_what_we_do_block {
        padding: 0;
        background: none;
        width: 70%;
        margin: 0 auto;
    }
    #slider-prev {
        position: absolute;
        top: 45%;
        left: 20px;
        cursor: pointer;
    }
    #slider-next {
        position: absolute;
        top: 45%;
        right: 20px;
        cursor: pointer;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 8px;
    }
    .owl-theme .owl-dots .owl-dot.active span {
        width: 15px;
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #2991F1;
    }
    #merch {
        margin-top: 82px;
    }
    #merch .container {
        display: block;
    }
    .merch_item {
        width: 100%;
        margin: 0;
        padding: 30px 0;
        background-size: cover;
    }
    .page-template-about-page #about img {
        display: table;
        margin: 10px auto 0;
    }
    .merch_nazvanie {
        font-size: 18px;
        line-height: 22px;
        height: 45px;
        padding: 0 32px;
    }
    .merch_price {
        font-size: 18px;
        line-height: 22px;
        padding: 20px 32px;
    }
    .merch_cover {
        height: 240px;
    }
    #subscribe {
        margin-top: 11px;
        background: url("../images/subsrub-mob.png") no-repeat top right;
        padding: 38px 0 41px;
        background-size: 100% 100%;
    }
    .subscribe-text {
        font-size: 35px;
        line-height: 100%;
        margin: 0px;
        text-transform: none;
    }
    #mc4wp-form-1 input {
        width: calc(100% - 40px);
        margin-top: 39px;
    }
    #mc4wp-form-1 input[type="email"] {
        width: calc(100% - 84px);
    }
    #mc4wp-form-1 input[type="submit"] {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .bottom-left, .bottom-right {
        width: 100%;
        float: none;
        padding: 15px 0;
    }
    #bottom .container {
        display: block !important;
    }
    .bottom-left a.tlg {
        width: 100%;
        padding: 13px 0;
        text-align: center;
    }
    .form-left, .form-right, .form-line-bottom .form-left, .form-line-bottom .form-right {
        width: 100%;
        float: none;
    }
    .form-line-bottom .form-left label {
        background-position: 25% center;
    }
    #bottom-nav {
        float: none;
    }
    #bottom-nav li {
        margin-left: 0;
        width: 33%;
        text-align: center;
    }
    .footer-bottom-left, .footer-bottom-center {
        width: 100%;
        float: none;
        text-align: center;
    }
    #parallax-1 {
        width: 320px;
        height: 187px;
        top: 500px;
        background: url("../images/bubble3.png") no-repeat;
    }
    #parallax-2 {
        width: 139px;
        height: 138px;
        top: 300px;
        background: url("../images/bubble4.png") no-repeat;
    }
    h1 {
        font-size: 42px;
        line-height: 53px;
    }
    .page-template-about-page, .page-template-template-games, .page-template-template-vacancy,
    .category, .blog {
        background: #03000C url("../images/about_bg-mob.png") no-repeat 50px center;
        background-position-x: center;
        background-position-y: 100px;
    }
    #about-top {
        background: none;
        padding: 56px 0 89px;
    }
    .page-template-template-games #about-top {
        padding: 56px 0 35px;
    }
    header {
        background: #03000C;
    }
    .page-template-about-page #about {
        padding: 0;
    }
    #about h2, #follow_us h2 {
        margin-bottom: 20px;
    }
    #follow_us {
        margin-top: 121px;
    }
    #slider_follow_us {
        padding: 0 19px;
        width: calc(100% - 38px);
    }
    .follow_bottom {
        float: none;
        font-size: 20px;
        line-height: 25px;
        margin-top: 35px;
        margin-left: 21px;
    }
    .follow_bottom a {
        margin: 3px 10px;
    }
    #about_vacancy a {
        margin-bottom: 60px;
        margin-top: 40px;
        float: left;
    }
    #about_vacancy h2 {
        margin-top: 62px;
        margin-bottom: 38px;
    }
    #about_vacancy .about_vacancy_item a {
        margin-bottom: 0;
    }
    .filter-block {
        position: relative;
        width: 100%;
        height: 30px;;
        width: 280px;
        margin: 0 auto 56px;
    }
    .blog .filter-block, .category .filter-block {
        margin: 0 auto 20px;
    }
    .filter-mob {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: url("../images/filter-mob.png") no-repeat 95% 15px;
        padding: 13px 14px;
    }
    .filter-mob.filter-mob-activ {
        background: #201148 url("../images/filter-moba.png") no-repeat 95% 15px;
        border: 1px solid #FFBA08;
        padding: 12px 13px;
    }
    .filter-mob-title {
        font-family: Mulish;
        font-weight: normal;
        font-size: 14px;
        line-height: 100%;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        padding-bottom: 13px;
    }
    .filter-mob-activ .filter-mob-title {
        border-bottom: 1px solid #FFFFFF;
    }
    .cat-list {
        margin: 0;
        display: none;
    }
    .filter-mob-activ .cat-list {
        display: block;
    }
    .cat-list li {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .cat-list li a {
        font-weight: normal;
        font-family: Mulish;
        font-size: 13px;
        line-height: 13px;
        color: #fff;
        border: 0 none;
        padding: 0;
        cursor: pointer;
    }
    .cat-list_item.active, .cat-list_item:hover {
        color: #FFBA08;
        border: 0 none;
        background: none;
    }
    .project-item {
        display: block;
        width: 100%;
        background: linear-gradient(270deg, #704AD9 -48.18%, #130049 59.87%);
        border-radius: 30px;
        background-size: 100% 100%;
        padding: 21px;
    }
    .project-img {
        width: 100%;
        float: none;
    }
    .project-img img {
        display: table;
        margin: 0 auto;
    }
    .project-info {
        width: 100%;
        float: none;
        padding: 32px 0 0;
    }
    .project-bottom {
        background: none;
    }
    .project-platforms, .project-genre {
        width: 100%;
        float: none;
        display: table;
    }
    .project-title a {
        font-size: 35px;
    }
    #vacancy-description {
        background:  url("../images/vacancy-description.png") no-repeat center center;
        margin-top: 130px;
        padding: 0 0 70px;
    }
    .container.container-vacancy {
        width: calc(100% - 30px);
    }
    .vacancy-url .vacancy-url p {
        margin-top: 0;
    }
    .vacancy-url-list a {
        margin: 16px 0;
        justify-content: center;
        width: 50%;
    }
    .vacancy-url-list a:last-child {
        width: 100%;
    }
    #vacancy-list {
        margin-top: 56px;
    }
    #vacancy-list h2 {
        margin-top: 0;
    }
    #true_loadmore {
        margin-bottom: 50px;
    }
    .vacancy_item {
        margin: 0 auto 40px;
        max-width: 100%;
    }
    .menu-top-container ul li ul.sub-menu, .menu-verhnee-container ul li ul.sub-menu {
        display: none;
    }
    #vacancy-item-top {
        width: 90%;
        margin: 0 auto;
        background-size: contain;
        padding: 29px 0 50px;
        margin-bottom: 50px;
    }
    .single-vacancy #single-content .container {
        display: block;
    }
    .vacancy-left {
        width: 100%;
    }
    .vacancy-right {
        padding-bottom: 32px;
        width: calc(100% - 30px);
        padding: 5px 15px 25px;
    }
    .vacancy-left .vacancy-item {
        padding: 5px 15px 25px;
    }
    #prev-next .row-flex-space-between {
        display: block;
    }
    .item-post-single {
        width: 100%;
        margin-bottom: 30px;
    }
    .item-post-single img {
        display: table;
    }
    #news-list {
        margin-top: 0;
    }
    .block-list {
        display: block;
    }
    .news-list-item, .news-list-item:nth-child(2n+1), .news-list-item:nth-child(2n) {
        width: 100%;
        margin-top: 30px;
    }
    .mc4wp-response {
        left: 15px;
        bottom: -30px;
    }
    .mc4wp-response p {
        font-size: 12px;
        line-height: 1;
    }
    #slider_follow_us .owl-item .item img {
        height: 345px;
    }
    .mobile-menu {
        z-index: 99999999;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }
    .news_top_img img {
        margin: 40px auto 0;
    }
    .item-post-single-title td {
        vertical-align: middle;
        display: table-cell;
        height: 100%;
        padding-top: 28%;
    }
	.pagavlog_wrap a span {
		font-size: 22px;
	}
}
@media screen and (min-width: 376px) and (max-width: 767px) {
    .mob375a, .desc375, .desc375a {
        display: none !important;
    }
	.container_slider2 {
		width: 375px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 375px) {
    .desc375a, .mob375b, .desc375 {
        display: none !important;
    }
    .home_image {
        margin: -20px auto 0;
        display: table;
    }
    .mc4wp-response {
        bottom: -50px;
    }
	.pagavlog_wrap {
		width: 80%;
	}
	.container_slider2 {
		width: 355px;
		margin: 0 auto;
	}
}