@media (max-width: 1599px) {
    .post {padding: 20px 20px;}
    .slideshow-slider .splide__slide {height: 569px !important;}
}

@media (max-width: 1279px) {
    .block {padding: 50px 0 50px 0;}
    .post {padding: 18px 18px;}
    .h-lg {font-size: 100px;}
    .block-img {width: calc(100% - 40px);}
    .slideshow-slider .splide__slide {height: 469px !important;}

    .top-slider-foot .col:first-child {display: none;}
    .top-slider-foot .top-slider-counter {
        text-align: center !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .owl-carousel.spin-slider .post-spin {
        width:100%;
    }

    .spin-1 > div {margin-top: -223%;}
    .spin-3 > div {margin-top: -281%;}


    .timeline-slider .splide__slide .slide-content img {width: 260px;}
    .timeline-slider .splide__slide .slide-content .text {width: 210px;}


    .view3d-wrapper {
        padding-bottom: 40px;
    }
    .view3d-wrapper #ar-button {
        display:inline-block;
    }

    .screen-text-grad {
        padding: 50px 0 60px 0;
    }

    .row-echo-footer .bg-black-blur {height: 100%;}
}


/* Container 720 */
@media (max-width: 1023px) {

    body {font-size: 16px;}

    .small input[type=checkbox] + label:after, .small input[type=radio] + label:after, .small input[type=checkbox] + label:before, .small input[type=radio] + label:before {
        top: -1px;
    }

    p {margin:0px 0 20px 0}



    h1, .h1 {
        font-size: 48px;
        margin-bottom: 30px;
    }

    h2, .h2 {
        font-size: 46px;
        margin-bottom: 25px;
    }

    h3, .h3 {
        font-size: 38px;
        margin-bottom: 20px;
    }

    h4, .h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .font-big, .title1 {font-size: 18px !important;}
    .small,  small {font-size:16px !important;}
    .small-2 {font-size:12px !important;}

    ul {margin: 10px 0 35px 0}
    ul li { padding:0 0 0px 20px; margin: 0px 0 15px 0;}
    ul li:before {top:8px; left:0; width:8px; height:8px;}

    .p-10 {padding:10px;}
    .p-15 {padding:15px;}
    .p-20 {padding:15px;}
    .p-30 {padding:20px;}
    .p-40 {padding:30px;}

    input[type='text'],
    input[type='email'],
    input[type='phone'],
    input[type='date'],
    input[type='password'],
    input[type='number'],
    select, textarea {
        font-size: inherit;
    }

    input[type=checkbox] + label:before, input[type=radio] + label:before {top:2px;}
    input[type=checkbox] + label:after, input[type=radio] + label:after {top:2px;}

    .small input[type=checkbox] + label:after, .small input[type=radio] + label:after, .btn-small input[type=checkbox] + label:after, .btn-small input[type=radio] + label:after, .small input[type=checkbox] + label:before, .small input[type=radio] + label:before, .btn-small input[type=checkbox] + label:before, .btn-small input[type=radio] + label:before {
        top: 2px;
    }

    .block {padding: 40px 0 40px 0;}

    .block-wide {padding-left:30px; padding-right: 30px;}

    .block.header {padding:10px 0 10px 0;}

    .header {
        padding: 10px 0;
    }

    .header .logo img {height: 20px; width: auto;}

    .header .menu {
        visibility: hidden;
        position: fixed;
        z-index: 99;
        overflow: auto;
        right: -101%;
        top: 0;
        padding: 80px 40px 50px 40px;
        height: 100vh;
        width: 100vw;
        max-width: 380px;
        background:#101213;
        background-size: cover;
        margin: 0px 0 0 0;
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    .header .menu .item {
        display: block;
        text-align: left;
        margin: 15px 0 35px 0;
        font-size: 150%; line-height: 1;
    }

    .header .menu .item > a,
	.header .menu .item > .btn-dropdown {
        font-size:24px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .header .menu .item ul {display: block;}

    .header .menu .close {
        display: inline-block;
        position: absolute;
        top:15px; right: 30px;
        cursor: pointer;
    }
    .header .menu .lang {
        position: absolute;
        top: 37px; left: 40px;
        padding: 0; margin: 0;
    }
    .header .menu .lang a {
        color: #fff !important;
        margin: 0; padding: 0;
    }

    .header .menu .search {display: none;}

    .header .menu.opened {
        visibility: visible;
        z-index: 9999;
        right: 0;
    }

    body.menu-opened:before {
        content: ' ';
        position: fixed;
        z-index: 80;
        top: 0;
        left: 0;
        display: block;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.65);
        backdrop-filter: blur(5px);
    }

    .header .menu.opened .wow {visibility: visible !important}

    .page-content img[align="left"] {
        max-width: calc(50% - 30px);
    }
    .page-content img[align="right"] {
        max-width: 50%;
    }
    .page-content .img-caption-wrapper.align-left {
        max-width: calc(50% - 30px);
    }
    .page-content .img-caption-wrapper.align-right {
        max-width: 50%;
    }


    .post {padding:16px;}
    .row-games-themes .post {padding: 16px;}

    .post-spin {padding:14px;}

    .post-spin .img-spin .spin-content {
        padding: 0px 35px 40px 35px;
    }


    .row-games-themes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .row-games-themes .item-1 { grid-area: 1 / 1 / 3 / 2; }
    .row-games-themes .item-2 { grid-area: 3 / 1 / 4 / 3; }
    .row-games-themes .item-3 { grid-area: 1 / 2 / 1 / 2; }
    .row-games-themes .item-4 { grid-area: 2 / 2 / 3 / 3; }
    .row-games-themes .item-5 { grid-area: 4 / 1 / 5 / 2; }
    .row-games-themes .item-6 { grid-area: 4 / 2 / 5 / 3; }


    .row-filter-drop {display: none; margin-top: 20px;}
    .row-filter-drop > div {padding-top: 6px; padding-bottom: 6px;}
    .row-filter-drop.opened {}


    .select2-selection--single.btn-select .select2-selection__arrow {
        top: 12px !important;
        right: 15px !important;
    }


    .block-img {width: calc(100% - 20px);}

    .slideshow-slider .splide__slide {height: 339px !important;}

    .tabs label {
        padding: 0 30px 20px 0px;
        margin: 20px 0px 20px 0px;
    }
    .tabs label:after {
        display: inline-block !important;
    }

    .post .post-foot .icon-arrow-45-up {
        margin-top: 2px;
    }
    .post .post-foot .icon-arrow-45-up,
    .post .post-foot .icon-arrow-45-up:before {
        font-size: 16px;
        line-height: 16px;
        width: 16px;
        height: 16px;
    }

    .post .post-title.ellipsis-2 {
        height: 46px;
    }

    .row-account-game-detals > div:first-child {padding-right: 15px;}
    .row-account-game-detals > div:last-child {padding-left: 15px;}


    .timeline-slider .splide__slide .slide-content img {width: 200px;}
    .timeline-slider .splide__slide .slide-content .text {width: 170px;}

    .post .post-foot-trans {padding: 20px;}

    .radio-tabs-categories {
        display:flex;
        flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: 0px;
        padding-bottom: 15px;
        scrollbar-color: transparent !important;
    }
    .radio-tabs-categories::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background-color: transparent !important;
        -webkit-appearance: none;
    }
    .radio-tabs-categories::-webkit-scrollbar-track {
        background:  transparent !important;
    }

    .radio-tabs-categories::-webkit-scrollbar-thumb {
        background-color: transparent !important;
    }

    .radio-tabs-categories > div {
        width: auto;
        flex: 0 0 auto;
    }
    .radio-tabs-categories label,
    .radio-tabs-categories label:hover,
    .radio-tabs-categories input[type=radio]:checked + label,
    .radio-tabs-categories input[type=checkbox]:checked + label {
        padding: 0px 20px 0px 20px;
        margin: 0;
        border-bottom:none;
        border-left: 1px solid #A5A5A5;
        white-space: nowrap;
    }
    .radio-tabs-categories > div:first-child label {
        border-left: none !important;
        padding-left: 0px !important;
    }



    .radio-tabs-characts {

    }

    .radio-tabs-characts > div {

    }
    .radio-tabs-characts label,
    .radio-tabs-characts label:hover,
    .radio-tabs-characts input[type=radio]:checked + label,
    .radio-tabs-characts input[type=checkbox]:checked + label {

    }
    .radio-tabs-characts > div:first-child label {

    }


    .footer .logo img {height: 20px;}


    .pt-5 {padding-top: 20px !important;}
    .pb-5 {padding-bottom: 20px !important;}
    .mt-5 {margin-top: 20px !important;}
    .mb-5 {margin-bottom: 20px !important;}

}



@media (max-width: 767px) {

    .mb-5 {
        margin-bottom: 15px !important;
    }

    p {margin:0px 0 25px 0}

    .small li {padding: 0 0 0px 15px;}
    .small ul li:before {top:3px;}

    .p-10 {padding:10px;}
    .p-15 {padding:15px;}
    .p-20 {padding:15px;}
    .p-30 {padding:20px;}
    .p-40 {padding:30px;}

    .block {padding: 30px 0 30px 0;}

    input[type='text'],
    input[type='email'],
    input[type='phone'],
    input[type='date'],
    input[type='password'],
    input[type='number'],
    select, textarea {
        font-size: inherit;
    }


    .header {
        padding: 10px 0 10px 0;
    }

    .header .menu .icon-close {
        top:15px; right: 30px;
    }

    .purchase-panel {
        position: fixed;
        top: auto;
        bottom: 0;
    }
    .purchase-panel .purchase-dropdown {display: block;}
    .purchase-panel .purchase-options {
        display: none;
        padding-top:10px;
        margin-top: 10px;
        border-top:1px solid #787878;
    }

    .owl-carousel.fullscreen-slider .owl-nav {display: none;}
    .owl-carousel.posts-tags .owl-nav {display: none;}
    .posts-tags .owl-stage-outer:after {
        display:none;
    }

    .page-content table th, .page-content table td {padding:10px 15px;}
    .page-content img.align-left {margin: 0 0 10px 0; float: none; width: 100%;}
    .page-content img.align-right {margin: 0 0 10px 0; float: none; width: 100%;}
    .page-content img.align-left + div.img-caption,
    .page-content img.align-right + div.img-caption {
        display: block;
        width: 100%;
        text-align: left;
    }

    .page-content .img-caption-wrapper {
        display: block !important;
        margin: 0 0px 15px 0 !important;
        float: none !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    h1, .h1 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .page-content h2, .page-content .h2 {
        font-size: 38px;
        margin-bottom: 25px;
    }

    .page-content h3, .page-content .h3 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .post {padding: 12px;}
    .row-games-themes .post {padding:20px;}
    .post-spin {padding: 14px;}

    .owl-carousel.post-slider .post {width: 280px;}
    .owl-carousel.spin-slider .post-spin {width: 260px;}

    .block-img {width: 100%;}
    .block-btn .btn {width: 100%; display: block;}

    .slideshow-slider .splide__slide {height: 47vw !important}




    .timeline-slider .splide__slide .slide-content {
        border: none !important;
        display: block;
    }
    .timeline-slider .splide__slide .slide-content {
        width: 100%;

        display: block;
        margin: 0 0;
    }
    .timeline-slider .splide__slide .slide-content img {width: 100%; max-width: 400px; margin: 0 0px 30px 0;}
    .timeline-slider .splide__slide .slide-content .text {width: 100%; max-width:none;}

    .timeline-periods {margin: 30px 0 0 0 !important;}

    .post .post-foot-trans {padding: 15px;}

    .footer-menu {text-align: left;}
    .footer-social {text-align: left;}
    .footer-terms { text-align: left;}

    .footer-menu > *,
    .footer-social a {margin-right: 20px; margin-left: 0}

    .footer-partners {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start}
    .footer-partners > * {flex: 0 0 auto; width: auto; max-width: 49.9%; margin: 5px 20px 0 0;}
    .footer-partners img {height: 22px; margin: 0;}

    .win .win-content {
        margin: 60px 15px 40px 15px;
        width: auto;
        max-width: none !important;
    }

    .win .win-content__text {
        padding: 20px 15px 30px 15px;
        max-height: calc(100vh - 100px - 40vw);
    }
    .win .win-content__fulltext {
        padding: 20px 15px 30px 15px;
    }

    .win .form-block {padding:20px;}

    .view3d-wrapper .view3d {
        height: 80vw;
        min-height: inherit;
    }

    .full-screen-tabs .tabs-wrapper {
        top: 15px;
        text-align: left;
    }
    .full-screen-tabs .screen-tabs {
        margin: 0 15px 0 15px;
    }
    .full-screen-tabs .screen-tabs .tab label {display:none; margin: 0; border-left: none;}
    .full-screen-tabs .screen-tabs .tab input:checked + label {display: inline-block;}

    .toggle > * {min-width: 138px;}
    .screen-text {padding: 30px 0; }
    .screen-text-grad {
        padding: 30px 0 30px 0;
    }
}


@media (max-width: 575px) {

    .h-lg {font-size: 70px;}

    .header .menu {
        max-width: none;
        width: 100%;
    }

    .block-top:after {
        height: 8vh;
    }

    .purchase-panel .col-prices {text-align: left;}


    .owl-carousel.fullscreen-slider .slide {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .post {padding: 10px;}

    .paging .btn {margin: 2px 0px;}

    .logos-slider img {
        max-width: 60px;
        max-height: 50px;
    }
    .marquee-wrap .marquee-items .item {
        margin: 15px 0;
        width: 80px;
        height: 50px;
    }

    .slideshow-slider .splide__slide.slide-desktop {display: none;}
    .slideshow-slider .splide__slide {height: 145.7vw !important;}

    .slideshow-slider .splide__slide.item-video iframe {
        height: 50vw;
    }

    .timeline-slider .splide__slide .slide-content img {max-width:none;}


    .row-also-like {margin-left: -5px; margin-right: -5px;}
    .row-also-like *[class*='col-'] {padding: 5px 5px;}

    .download-item .download-item-link span {display:none;}

    .win-popup {
        position: fixed;
        z-index: 999;
        bottom: 0px;
        right: 0px;
        width: 100%;
        border: none;
    }

}