@media screen and (max-width: 1720px) { 
    .game-icon img{
        margin-left: -60px;
    }
}
 
@media screen and (max-width: 1550px) { 
    .interna-legacy-bg-1{
        height: 350px;
        margin-top: -320px;
        margin-bottom: -160px;
    }

    .interna-founders-bg-1{
        background-size: contain;
        height: 550px;
        margin-top: -450px;
        margin-bottom: -240px;
    }

    .game-view-header{
        height: 500px;
    }
    .game-page-deco-1 {
        margin-top: -25px;
    }    
    .game-view-header .btn-trailer{
        margin-top: 200px;
    }
   
    .home-publish-text .image{
        right: 0%;
    }

    .game-icon img {
        width: 800px;
        margin-left: -80px;
      }


    .home-last-news .home-last-news-bottom{
        height: 450px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg2{
        top:50px
    }


    .home-last-news{
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 99.87% 17.73%, 28.45% 4.83%, 100% 15.09%, 100% 12.54%, 16.32% 0.92%, 9.89% 5.68%, 0% 5.6%);
        clip-path: polygon(0% 100%, 100% 100%, 99.87% 17.73%, 28.45% 4.83%, 100% 15.09%, 100% 12.54%, 16.32% 0.92%, 9.89% 5.68%, 0% 5.6%);
    }


    .game-view-feature-box .game-trailer{
        width: 150%;
        margin-top:0px;
        height: 100%;
    }

}



@media screen and (max-width: 1440px) { 

    .interna-top{
        height: 200px;
    }
    

    .contact-box-top,
    .legacy-box-top,
    .about-box-top,
    .publish-box-top{
        height: 400px;
    }
    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 120px;
        margin-top: -40px;
    }

    .interna-legacy-bg-1 {
        height: 330px;
        margin-top: -300px;
        margin-bottom: -160px;
    }

    .game-view-feature-box .container {
        max-width: 85%;
    }


    .home-last-news{
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
        clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
    }

    .home-last-news-top-image-detail{
        width: 700px;
        margin-top: -350px;
        margin-bottom: -60px;
    }


    .game-view-feature-box .game-trailer {
        width: 150%;
        height: 100%;
    }

}

@media screen and (max-width: 1340px) { 
    .game-view-feature-box .game-trailer {
        width: 180%;
        height: 100%;
        margin-left: -30%;
    }
}

@media screen and (max-width: 1280px) {    
    .contact-box-top,
    .legacy-box-top,
    .about-box-top,
    .publish-box-top{
        height: 300px;
    }
    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 110px;
        margin-top: -35px;
    }


    .interna-legacy-bg-1 {
        height: 310px;
        margin-top: -300px;
        margin-bottom: -160px;
    }


    .core-values-list .item .cv-content .cv-title{
        padding-top: 40px;
    }


    .interna-founders-bg-1{
        background-size: contain;
        height: 450px;
        margin-top: -450px;
        margin-bottom: -205px;
    }

    .interna-bg.legacy.legacy-core-box {
        padding-top: 100px;
        -webkit-clip-path: polygon(6.85% 0, 63.49% 70px, 100% 3%, 100% 100%, 0px 100%, 0px 32px);
        clip-path: polygon(6.85% 0, 63.49% 70px, 100% 3%, 100% 100%, 0px 100%, 0px 32px);
    }


    .game-view-header{
        height: 400px;
    }
    .game-page-deco-1 {
        margin-top: -25px;
    } 
    .game-view-header .btn-trailer{
        margin-top: 150px;
    }

    .game-view-review{
        -webkit-clip-path: polygon(27.65% 5.39%, 100% 2%, 100% 100%, 0% 100%, 0% 3.05%);
        clip-path: polygon(27.65% 5.39%, 100% 2%, 100% 100%, 0% 100%, 0% 3.05%);
    }


    .home-details-bg-1{
        height: 100px;
    }

    .home-games .title{
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .game-icon img{
        width: 700px;
        margin-top: -100px;
    }
    .home-publish-text .image {
        width: 700px;
    }

    .home-publish-text .text-box .title{
        font-size: 2.5rem;
        line-height: 3rem;
    }

    .home-last-news .home-last-news-bottom{
        height: 400px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg1{
        top:50px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg2{
        top:80px
    }


    .home-last-news-top-image-detail {
        width: 550px;
        margin-top: -350px;
        margin-bottom: -55px;
    }


    .game-view-feature-box .game-trailer {
        width: 190%;
        height: 100%;
        margin-left: -40%;
    }

}




@media screen and (max-width: 1120px) {    
    .nav .container .mobile-menu-btn{
        display: block;
        position: absolute;
        left: 0px;
        right: 0;
        z-index: 50;
    }
    .nav .container{
        text-align: center;
    }
    .nav .container .logo{
        display: block;
        float: inherit;
        margin:0 auto;
        width: 300px;
        position:relative;
        z-index: 40;
    }
    .nav .container .menu{
        display: none;
    }
    .nav .container .logo img{
        margin: 10px 0;
    }

    .nav .container .social {
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 50;
    }
    .nav .container .social a{
        padding: 20px 5px;
    }
    .nav .container .mobile-menu-btn{
        margin-top: 20px;
    }

    .interna-content .c404 .image .hexagon{
        width: 250px;
        font-size: 4.5rem;
    }

    .interna-top {
        height: 180px;
        margin-top: -10px;
    }
    

    .contact-box-top,
    .legacy-box-top,
    .about-box-top,
    .publish-box-top{
        height: 250px;
    }
    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 100px;
        margin-top: -30px;
    }

    .interna-content .title h1, .interna-content .title h2 {
        font-size: 2.5rem;
        line-height: 3rem;   
    }
    .interna-content .text{
        font-size: 1.2rem;
    }


    .contact-box-list .item .cv-content .cv-title,
    .contact-box-list .item .cv-content .cv-text {
        font-size: 1.5rem;
        line-height: 2rem;
    }


    .legacy-reputation-list .item .text-content .site-image{
        max-height: 45px;
    }
    .legacy-reputation-list .item .game{
        width: 300px;
    }


    .interna-founders-bg-1{
        background-size: contain;
        height: 450px;
        margin-top: -450px;
        margin-bottom: -215px;
    }


    .founders-box .founder-item {
        width: 280px;
    }


    .publish-steps{
        margin-left: -2%;
    }


    .game-view-box-top .game-vb-button .button.game-vb-bt2{
        width: 47%;
        margin-right: 3%;
    }


    .game-page-deco-2{
        height: 230px;
        margin-bottom: -195px;
    }


    .home-publish-text .image {
        width: 600px;
        top: 250px;
        right: -80px;
    }
    .home-publish-text .text-box{
        width: 400px;
        margin-top: 100px;
    }
    .home-publish-text .text-box .text{
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .home-publish-text{
        padding-bottom: 300px;
    }
 

    .game-view-feature-box .game-trailer {
        display: none;
        content: '';
    }

}

@media screen and (max-width: 1024px) {    
 


    .interna-legacy-bg-1 {
        height: 300px;
    }

    .game-list-page .game-list .g-item .g-detais{
        font-size: 0.9rem;
    }
    .game-list-page .game-list .g-item .g-detais .stores{
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .game-list-page .game-list .g-item .g-detais .g-detais-l{
        width: 100%;
    }
    .game-list-page .game-list .g-item .g-text{
        padding-top: 10px;
    }

    
    .publish-steps{
        margin-left: -3%;
        transform: scale(0.8);
        margin-top: -180px;
        margin-bottom: -100px;
    }



    .founders-box .founder-item.founder-item-1{
        left: 0%;
    }
    .founders-box .founder-item.founder-item-2{
        
    }
    .founders-box .founder-item.founder-item-3{
        right: 0%;
    }
    .founders-box .founder-item.founder-item-4{
        left: 0%;
    }
    .founders-box .founder-item.founder-item-5{
        
    }
    .founders-box .founder-item.founder-item-6{
        right: 0%;
    }


    .game-icon img.no-animate {
        margin-left: -500px;
    }
    .game-icon img{
        width: 650px;   
        margin-top: -80px;      
    }


    .home-last-news .news-list{
        grid-template-columns: 50% 50%;
    }
    /*#last-news-3{ 
        margin: 0 auto;
        float: inherit;
    }*/
}




@media screen and (max-width: 970px) {    
    
    .interna-top {
        height: 150px;
        margin-top: 0px;
    }

    .container{
        width: 90%;
    }

    .footer{
        margin-top: -50px;
    }
    .footer .container.big{
        padding: 30px 0 10px;
    }
    .footer .container .logo{
        display: block;
        float: inherit;
        text-align: center;
    }
    .footer .container .logo img {
        width: 200px;
        margin-top: 50px;
    }
    .footer .container .menu{
        display: block;
        float: inherit;
        text-align: center;
    }
    .footer .container .menu a{
        padding: 10px 10px;
    }

    .footer .social{
        display: block;
        float: inherit;
        text-align: center;
    }
    .footer .container .text{
        display: block;
        float: inherit;
        text-align: center; 
        height: auto;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .footer .container .text span{
        display: block;
    }



    .interna-content .c404 .image .hexagon{
        width: 200px;
        font-size: 3.5rem;
        margin-top: -150px;
    }
    .interna-content .c404 .title h1{
        font-size: 3rem;
    }


    .contact-box-list .item .cv-content{
        width: 75%;
    } 

    .contact-box-list .item .cv-content .cv-title,
    .contact-box-list .item .cv-content .cv-text {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }


    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 80px;
        margin-top: -25px;
    }


    .interna-legacy-bg-1 {
        height: 290px;
    }

    .legacy-bg-bottom {
        -webkit-clip-path: polygon(0 0, 75% 50px, 100% 30px, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 75% 50px, 100% 30px, 100% 100%, 0 100%);
    }
    
    .legacy-reputation-list .item .reputation-bg-left{
        -webkit-clip-path: polygon(5% 0px, 95% 13%, 100% 90%, 0% 100%);
        clip-path: polygon(5% 0px, 95% 13%, 100% 90%, 0% 100%);
    }
    .legacy-reputation-list .item .reputation-bg-right {
        -webkit-clip-path: polygon(5% 13%, 95% 0, 100% 100%, 0% 90%);
        clip-path: polygon(5% 13%, 95% 0, 100% 100%, 0% 90%);
    }

    
    .legacy-reputation-list .item .text-content .site-image {
        max-height: 35px;
        margin-top: 15px;
    }
    .legacy-reputation-list .item .text-content .user {
        min-width: 260px;
      }



    .core-values-list .item .cv-content .cv-title{
        padding-top: 25px;
    }
    .core-values-list .item .cv-content .cv-text{
        line-height: 1.6rem;
    }
    .core-values-list .item .cv-content{
        width: 70%;
        float: right;
    }
    .core-values-list .item .icon{
        width: 27%;
    }

    .interna-founders-bg-1 {
        background-size: contain;
        height: 350px;
        margin-top: -400px;
        margin-bottom: -170px;
    }

    .interna-bg.legacy.legacy-core-box {
        padding-top: 50px;
        -webkit-clip-path: polygon(6.85% 0%, 64% 4.5%, 100% 3.5%, 100% 100%, 0% 100%, 0% 3%);
        clip-path: polygon(6.85% 0%, 64% 4.5%, 100% 3.5%, 100% 100%, 0% 100%, 0% 3%);
    }


    .founders-box{ 
        height: 750px;
    }
    .founders-box .founder-item{
        width: 230px;
    }

    .founders-box .founder-item.founder-item-4,
    .founders-box .founder-item.founder-item-5,
    .founders-box .founder-item.founder-item-6{
        top: 320px;
    }



    .publish-steps{
        margin-left: -10%;
        transform: scale(0.7);
        margin-top: -250px;
        margin-bottom: -240px;
    }
    .publish-steps .ps-line .ps-item{
        font-size: 1.2rem;
    }
    .publish-steps .ps-line .ps-item .hexagon-ico {
        font-size: 1.3rem;
        height: 26px;
        padding: 25px 0;
    }
    .publish-steps .ps-line .hr-left, .publish-steps .ps-line .hr-right{
        height: 4px;
    }
    .publish-steps .hr-center{
        width: 6px;
    }
    .publish-steps .hr-bottom{
        height: 6px;
    }


    .game-view-header{
        height: 350px;
    }
    .game-page-deco-1 {
        margin-top: -30px;
    } 
    .game-view-header .btn-trailer{
        margin-top: 100px;
    }



    .game-view-box-top .game-vb-lines .item{
        grid-template-columns: 32% 68%;
    }
    .game-view-box-top .game-vb-lines .item .item-title{
        font-size: 0.9rem;
    }
    .game-view-box-top .game-vb-text{
        font-size: 1.1rem;
        line-height: 1.4rem;
    }
    .game-view .game-title h1 {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }

    .game-view-screenshots{
        padding-top: 50px;
        padding-bottom: 50px;
    }


    .home-slide .slide-item .game-bg-right{
        width: 10%;
    } 


    .home-details-bg-1 {
        height: 80px;
        margin-bottom: -130px;
    }


    .home-details-bg-2 {
        height: 150px;
        margin-top: -100px;
    }


    .home-publish-text .image{
        width: 500px;
        top: 300px;
        right: -50px;
    }

    .home-last-news-top-image-detail {
        width: 400px;
        margin-top: -350px;
        margin-bottom: -55px;
    }

    .home-last-news {
        padding-top: 150px;
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
        clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
      }

    .modal-box .modal-div{
        width: 650px;
    }
    .modal-box .modal-div .modal-content iframe{
        height: 400px;
    }  


    .game-view-header video{
        width: 130%;
        left: -15%;
    }

}

@media screen and (max-width: 860px) {  
    .publish-steps{
        margin-left: -23%;
    }

    .game-view-feature-box{
        -webkit-clip-path: polygon(59.63% 6.09%, 100% 3%, 100% 94%, 0% 100%, 0% 5.57%, 6.22% 1.91%);
        clip-path: polygon(59.63% 6.09%, 100% 3%, 100% 94%, 0% 100%, 0% 5.57%, 6.22% 1.91%);
    }
    .game-page-deco-3 {
        height: 90px;
        margin-top: -50px;
    }

    .home-games .game-list .game-item{
        width: 50%;
    }
    .home-games .game-list{
        height: 960px;
    }
    #game-item-8{
        display: none;
    }


    .home-last-news .home-last-news-bottom{
        height: 350px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg1{
        top:90px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg2{
        top:130px
    }


   

}
@media screen and (max-width: 820px) {  

    .interna-top {
        height: 130px;
    }

    .contact-box-list .item .icon{
        width: 27%;
    }
    .contact-box-list .item .cv-content{
        width: 70%;
        float: right;
    } 

    .legacy-top-icons .item .icon {
        font-size: 2.5rem;
        font-weight: 800;
        width: 120px;
        height: 120px;
        line-height: 120px;

    }
    .legacy-top-icons .item .title{
        font-size: 1.2rem;
        line-height: 1.5rem;
        padding: 5px 20px;
    }



    .legacy-reputation-list .item .reputation-bg-left,
    .legacy-reputation-list .item .reputation-bg-right{
        width: 100%;
        left: 0px;
        right: 0px;
    }
    .legacy-reputation-list .item .reputation-bg-left{
        -webkit-clip-path: polygon(1.22% 30.33%, 95% 35.66%, 100% 93%, 0% 100%);
        clip-path: polygon(1.22% 30.33%, 95% 35.66%, 100% 93%, 0% 100%);
    }
    .legacy-reputation-list .item .reputation-bg-right {
        -webkit-clip-path: polygon(3.74% 39.45%, 97.94% 31.38%, 100% 100%, 0% 90%);
        clip-path: polygon(3.74% 39.45%, 97.94% 31.38%, 100% 100%, 0% 90%);
    }

    .legacy-reputation-list .item .game,
    .legacy-reputation-list .item.item-right .game{
         width: 100%;
         height: 300px;
    }
    .legacy-reputation-list .item .game{
        -webkit-clip-path: polygon(2px 24px, 95.31% 15.28%, 90.99% 88.19%, 10.06% 95.68%);
        clip-path: polygon(2px 24px, 95.31% 15.28%, 90.99% 88.19%, 10.06% 95.68%);
    }
    .legacy-reputation-list .item.item-right .game{
        -webkit-clip-path: polygon(8px 46px, 96.69% 5.51%, 92% 90.55%, 6.59% 86.16%);
        clip-path: polygon(8px 46px, 96.69% 5.51%, 92% 90.55%, 6.59% 86.16%);
    }

    .legacy-reputation-list .item .text-content,
    .legacy-reputation-list .item.item-right .text-content{
        padding: 0px 0px 60px;
        width: 80%;
        margin: 0 auto;
    }
    .legacy-reputation-list .item .text-content .text{
        padding: 15px 0;
    }


    .founders-box{ 
        height: 700px;
    }
    .founders-box .founder-item{
        width: 210px;
    }

    .founders-box .founder-item.founder-item-1 {
        
    }
    .founders-box .founder-item.founder-item-2 {
        left: 34%;
    }
    .founders-box .founder-item.founder-item-3 {
        
    }
    .founders-box .founder-item.founder-item-4{
        
    }
    .founders-box .founder-item.founder-item-5 {
        left: 34%;
    }
    .founders-box .founder-item.founder-item-6 {
       
    }


    .publish-steps{
        margin-left: -25%;
        transform: scale(0.65);
        margin-top: -340px;
        margin-bottom: -300px;
    }
    .publish-steps .ps-line .ps-item {
        font-size: 1.4rem;
    }



    .game-view-box-top{
        grid-template-columns: 100%;
        margin-bottom: 0px;
    }
    .game-view-box-top .b-left{
        padding-right: 0px;
    }
    .game-view-box-top .b-right {
        padding-left: 0px;
        border-left: none;
    }
    .game-view-box-top .game-vb-lines{
        margin-top: 25px;
    }

    .game-view-box-top .game-vb-lines .item {
        grid-template-columns: 25% 75%;
    }
    .game-view-box-top .game-vb-button .button.game-vb-bt2 {
        width: 30%;
        margin: 0 10%;
    }

    .game-view-feature-box .content{
        grid-template-columns: 100%;
    }
    .game-view-feature-box .bg {
        -webkit-clip-path: polygon(0 0, 100% 4%, 95% 100%, 4% 96%);
        clip-path: polygon(0 0, 100% 4%, 95% 100%, 4% 96%);
    }

    .game-view-feature-box {
        -webkit-clip-path: polygon(60.00% 5.04%, 100% 3%, 100% 94%, 0% 100%, 0% 5.57%, 6.22% 1.91%);
        clip-path: polygon(60.00% 5.04%, 100% 3%, 100% 94%, 0% 100%, 0% 5.57%, 6.22% 1.91%);
    }

    .game-view-review{
        padding: 200px 0 500px;
        -webkit-clip-path: polygon(27.65% 5.39%, 100% 1%, 100% 100%, 0% 100%, 0% 3.05%);
        clip-path: polygon(27.65% 5.39%, 100% 1%, 100% 100%, 0% 100%, 0% 3.05%);
    }
    .game-page-deco-4{
        margin-bottom: -140px;
    }


    .game-icon img{
        width: 600px;   
        margin-top: -80px;    
        margin-left: -100px;  
    }



    .home-publish-text .text-box .title {
        font-size: 2.3rem;
        line-height: 3rem;
    }

    .home-publish-text .text-box {
        width: 100%;
        margin-top: 80px;
        margin-bottom: 450px;
    }
    .home-publish-text .image {
        width: 450px;
        bottom: 120px;
        right: 10%;
        top: initial;
    }
    .home-publish-text .image.no-animate {
        right: -300px;
        opacity: 0;
    }

    .home-last-news .title{
        font-size: 2.3rem; 
        line-height: 3rem;
    } 


    .home-last-news-top-image-detail {
        width: 400px;
        margin-top: -150px;
        margin-bottom: -55px;
    }


}

@media screen and (max-width: 768px) {    

    .interna-content .c404 .image .hexagon{
        margin-top: -100px;
        height: 140px;
        padding-top: 50px;
    }
    .interna-content .c404 .image{
        min-height: 300px;
    }


    .contact-box-top,
    .legacy-box-top,
    .about-box-top,
    .publish-box-top{
        height: 180px;
    }

    .interna-content .title{
        padding-bottom: 20px;
    }
    .interna-content .title h1, .interna-content .title h2 {
        font-size: 2rem;
        line-height: 2.5rem;   
    }
    .interna-content .text{
        font-size: 1.1rem;
    }


    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 60px;
        margin-top: -15px;
    }


    .about-sub-title{
        margin-top: 30px;
    }
    .founders-box{ 
        height: 600px;
    }
    .founders-box .founder-item{
        width: 190px;
    }

    .founders-box .founder-item.founder-item-1 {
        left: 0%;
    }
    .founders-box .founder-item.founder-item-2 {
        left: 33%;
    }
    .founders-box .founder-item.founder-item-3 {
        right: 0%; 
    }
    .founders-box .founder-item.founder-item-4{
        top: 270px;
    }
    .founders-box .founder-item.founder-item-5 {
        top: 270px;
        left: 33%;
    }
    .founders-box .founder-item.founder-item-6 {
        top: 270px;
    }


    .publish-steps{
        margin-left: -33%;
        transform: scale(0.6);
        margin-top: -390px;
        margin-bottom: -350px;
    }

    .game-view-feature-box .container {
        max-width: 80%;
    } 



    .game-review-slide .slide-content .slide-item .slide-item-content{
        margin: 7px 5px 10px;
    }
    .game-review-slide .slide-bt {
        top:inherit;
        bottom:0px;
        width: 25px;
    }
    .game-review-slide .slide-content .slide-item .slide-item-content img{
        left: 3%;
        width: 15%;
    }
    .game-review-slide .slide-content .slide-item .slide-item-content .details .d-text::before, 
    .game-review-slide .slide-content .slide-item .slide-item-content .details .d-text::after {
        width: 20px;
    }

    .modal-box .modal-div{
        width: 550px;
    }
    .modal-box .modal-div .modal-content iframe{
        height: 300px;
    }

}
 
@media screen and (max-width: 700px) { 
    
    .interna-top {
        height: 110px;
    }

    .publish-steps{
        margin-left: -40%;
        transform: scale(0.55);
        margin-top: -420px;
        margin-bottom: -400px;
    }


    .game-view-header{
        height: 280px;
    }
    .game-page-deco-1 {
        margin-top: -35px;
    } 
    .game-view-header .btn-trailer{
        margin-top: 90px;
    }

    .game-view-screenshots{
        padding-top: 20px;
        padding-bottom: 30px;
    }

     
    .home-details-bg-1 {
        height: 60px;
        margin-top: -30px;
        margin-bottom: -120px;
    }
    .home-games .title{
        font-size: 2.3rem;
        line-height: 3rem;
    }

    .home-last-news .news-list{
        grid-template-columns: 100%;
    }

    .home-last-news .news-list .news-item{
        width: 80%;
        margin:0 auto;
        float: initial; 
    }

}


@media screen and (max-width: 670px) {    
    .nav .container .social {
        display: none;
    } 
    .interna-content .c404 .image .hexagon {
        margin-top: -50px;
    }
    .interna-content .c404 .title h1 {
        font-size: 2.5rem;
    }
    .interna-content .c404 .text {
        font-size: 1.7rem;
        line-height: 2rem;
    }
    .interna-content .c404 .image .glow {
        top: -50px;
    }


    .contact-box-list .item .icon{
        width: 30%;
    }

    .contact-bg-top {
        padding-bottom: 100px;
    }

    .interna-content .text.medium{
        font-size: 1.2rem;
    }

    .interna-legacy-bg-1 {
        height: 200px;
        margin-top: -320px;
        margin-bottom: -120px;
    }


    .core-values-list .item .cv-content .cv-title {
        padding-top: 5px;
    }
    .core-values-list .item .icon {
        width: 30%;
    }



    .interna-founders-bg-1 {
        background-size: contain;
        height: 240px;
        margin-top: -400px;
        margin-bottom: -120px;
    }

    .interna-bg.legacy.legacy-core-box {
        padding-top: 30px;
        -webkit-clip-path: polygon(6.85% 0%, 64% 4%, 100% 3%, 100% 100%, 0% 100%, 0% 2%);
        clip-path: polygon(6.85% 0%, 64% 4%, 100% 3%, 100% 100%, 0% 100%, 0% 2%);
    }




    .founders-box {
        height: 650px;
    }
    .founders-box .founder-item{
        width: 180px;
    }
    .founders-box .founder-item.founder-item-1 {

    }
    .founders-box .founder-item.founder-item-2 {        
        left: 31.5%;       
    }
    .founders-box .founder-item.founder-item-3 {

    }
    .founders-box .founder-item.founder-item-4{

    }
    .founders-box .founder-item.founder-item-5 {
        left: 31.5%;
    }
    .founders-box .founder-item.founder-item-6 {
        
    }



    .game-list-page .game-list{
        grid-template-columns: 100%;
    }


    .publish-steps-title{
        font-size: 2.5rem;
        line-height: 3rem;
        padding: 30px 0;
    }
    

    .home-slide .slide-item .game-bg-right{
        width: 25%;
    }
    .home-slide .slide-item .game-details{
        margin: 0 auto;
        float: initial;
        width: 90%;
    }
    .home-slide .slide-item .game-video{
        display: none;
    }


    
    .home-last-news .home-last-news-bottom{
        height: 350px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg1{
        top:130px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg2{
        top:140px
    }


    .modal-box .modal-div{
        width: 450px;
    }
    .modal-box .modal-div .modal-content iframe{
        height: 250px;
    }

}

@media screen and (max-width: 640px) { 

    .publish-steps {
        margin-left: -50%;
        transform: scale(0.50);
        margin-top: -520px;
        margin-bottom: -450px;
    }
    .publish-steps .ps-line .ps-item {
        font-size: 1.8rem;
    } 
    .publish-steps .hr-bottom{
        bottom: 325px;
        height: 8px;
    }
    .publish-steps .ps-line .hr-left, .publish-steps .ps-line .hr-right {
        height: 6px;
    }
    .publish-steps .ps-line .ps-item span.bottom-text{
        font-size: 3rem;
        line-height: 4rem;
    }
    .publish-steps .ps-line .ps-item .hexagon-ico {
        font-size: 1.8rem;
        height: 40px;
        padding: 25px 0;
        margin-top: 36px;
    }
    

    .game-view-box-top .game-vb-button .button.game-vb-bt2 {
        width: 46%;
        margin: 0 2%;
    }

    .game-view-feature-box .content .item .f-title{
        font-size: 1.3rem;
    }
    .game-view-feature-box .container {
        max-width: 80%;
        padding: 50px 35px 80px;
    }

    .game-view-feature-box {
        padding: 100px 0;
        -webkit-clip-path: polygon(60.16% 4.67%, 100% 3%, 100% 97%, 0% 100%, 0% 5.57%, 6.69% 2.22%);
        clip-path: polygon(60.16% 4.67%, 100% 3%, 100% 97%, 0% 100%, 0% 5.57%, 6.69% 2.22%);
    }
    .game-page-deco-2 {
        height: 200px;
        margin-bottom: -175px;
    }  

    .game-view-review {
        -webkit-clip-path: polygon(27.65% 5.39%, 100% 2%, 100% 100%, 0% 100%, 0% 3.05%);
        clip-path: polygon(27.65% 5.39%, 100% 2%, 100% 100%, 0% 100%, 0% 3.05%);
    }
    .game-page-deco-4 {
        height: 130px;
        margin-bottom: -110px;
    }

    .game-view-screenshots .content{
        grid-template-columns: 50% 50%;
    }





    .founders-box {
        height: 1100px;
    }
    .founders-box .founder-item{
        width: 220px;
    }
    .founders-box .founder-item.founder-item-1 {
        top:0px;
        left: 7%;
        right: auto;
    }
    .founders-box .founder-item.founder-item-2 {     
        top:150px;   
        right: 7%;
        left: auto;      
    }
    .founders-box .founder-item.founder-item-3 {
        top:300px;   
        left: 7%;
        right: auto;
    }
    .founders-box .founder-item.founder-item-4{
        top:450px;   
        right: 7%;
        left: auto;  
    }
    .founders-box .founder-item.founder-item-5 {
        top:600px;   
        left: 7%;
        right: auto;
    }
    .founders-box .founder-item.founder-item-6 {
        top:750px;   
        right: 7%;
        left: auto;  
    }


    .home-publish-text .image{
        right: 5%;
    }


    .home-last-news {
        padding-top: 130px;
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
        clip-path: polygon(0% 100%, 100% 100%, 100% 200px, 27.88% 100px, 100% 180px, 100% 150px, 16.6% 1.83%, 9.76% 100px, 0px 70px);
    }
    .home-last-news-top-image-detail {
        width: 400px;
        margin-top: -150px;
        margin-bottom: -60px;
        margin-left: 50px;
    }

    .home-publish-text {
        padding-bottom: 200px;
    }

}
 
@media screen and (max-width: 580px) { 

    .interna-top {
        height: 100px;
    }

    .publish-steps {
        margin-left: -55%;
    }


    .founders-box {
        height: 1100px;
    }
    .founders-box .founder-item{
        width: 200px;
    }
    .founders-box .founder-item.founder-item-1 {
        top:0px;   
        left: 0%;
    }
    .founders-box .founder-item.founder-item-2 {     
        top:150px;   
        right: 0%;     
    }
    .founders-box .founder-item.founder-item-3 {
        top:300px;   
        left: 0%;
    }
    .founders-box .founder-item.founder-item-4{
        top:450px;   
        right: 0%;
    }
    .founders-box .founder-item.founder-item-5 {
        top:600px;   
        left: 0%;
    }
    .founders-box .founder-item.founder-item-6 {
        top:750px;   
        right: 0%; 
    } 


    .home-games .game-list .game-item {
        width: 100%;
    }
    #game-item-8 {
        display: block;
    }
    .home-games .game-list .game-item .game-image{
        display: block;
    }
    .home-games .game-list .game-item .game-image img{
        width: 100%;
        height: auto;
    }
    .home-games .game-list {
        height: auto;
      }

    .modal-box .modal-div{
        width: 350px;
        padding:30px;
    }
    .modal-box .modal-div .modal-content iframe{
        height: 200px;
    }
    .modal-box .modal-div .close{
        right: 5px;
        top:5px;
        font-size: 1.3rem;
    }
 
 

}
 
@media screen and (max-width: 550px) { 
    .interna-content .c404 .image .monster{
        width: 660px;
        margin-left: -15%;
    }

    .interna-content .c404 .number{
        width: 100px;
    }

    .contact-box-list .item .cv-content .cv-title, 
    .contact-box-list .item .cv-content .cv-text {
      font-size: 1.2rem;
      line-height: 1.4rem;
    }

    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 50px;
        margin-top: -15px;
    }


    .legacy-top-icons .item .icon{
        width: 110px;
        height: 110px;
        line-height: 110px;
    }
    .legacy-top-icons .item .title {
        padding: 5px 10px;
    }

    .interna-legacy-bg-1 {
        height: 190px;
        margin-top: -320px;
        margin-bottom: -120px;
    }

    .interna-content .text.about-text{
        padding-top: 0;
    }


    .core-values-list .item .icon {
        width: 30%;
        float: inherit;
        margin:0 auto;
    }
    .core-values-list .item .cv-content {
        width: 100%;
        float: inherit;
        text-align: center;
    }

    .core-values-list .item .cv-content .cv-title{
        font-size: 1.6rem;
        line-height: 2.3rem;
    }

    .core-values-footer-image img{
        width: 70%;
    }

    .interna-founders-bg-1 {
        background-size: contain;
        height: 200px;
        margin-top: -400px;
        margin-bottom: -100px;
    }

    .interna-bg.legacy.legacy-core-box {
        -webkit-clip-path: polygon(6.85% 0%, 64.58% 3%, 100% 2%, 100% 100%, 0% 100%, 0% 2%);
        clip-path: polygon(6.85% 0%, 64.58% 3%, 100% 2%, 100% 100%, 0% 100%, 0% 2%);
    }
 

    .faq-list .faq-item .faq-title{
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .faq-list .faq-item .faq-text {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .faq-list .faq-item{
        padding: 0px 60px 0px 0;
    }
    .faq-list .faq-item .icon{
        top: 15px;
        right: 10px;
    }

    .publish-characters .character_1, 
    .publish-characters .character_2, 
    .publish-characters .character_3, 
    .publish-characters .character_4, 
    .publish-characters .character_5, 
    .publish-characters .character_6 {
        height: 150px;
    }
    .publish-characters .character_3 {
        left: 0%;
        top: 100px;
    }
    .publish-characters .character_2 {
        right: 0;
        top: 0px;
    }
    .publish-characters .character_1 {
        left: 15%;
        top: 0px;
    }

    .publish-steps {
        margin-left: -60%;
    }


    .game-view-header{
        height: 250px;
    }
    .game-page-deco-1 {
        margin-top: -35px;
    } 
    .game-view-header .btn-trailer{
        margin-top: 90px;
        width: 80px;
        height: 60px;
    }
    .game-view-header .btn-trailer span{
        width: 80px;
        height: 60px;
    }
    .game-view-header .btn-trailer span:hover{
        width: 70px;
        height: 50px;
    }

    .home-details-bg-1 {
        height: 50px;
    }

    .home-last-news .news-list .news-item{
        width: 90%;
    }

}

@media screen and (max-width: 530px) { 
    .publish-steps {
        margin-left: -70%;
        transform: scale(0.47);
        margin-top: -550px;
        margin-bottom: -500px;
    }


    .game-page-deco-2 {
        height: 195px;
        margin-bottom: -170px;
    }
    .game-view-feature-box {
        -webkit-clip-path: polygon(60.53% 4.18%, 100% 3%, 100% 97%, 0% 100%, 0% 4%, 6.69% 2.22%);
        clip-path: polygon(60.53% 4.18%, 100% 3%, 100% 97%, 0% 100%, 0% 4%, 6.69% 2.22%);
    }

    .home-last-news {
        -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 140px, 26% 70px, 100% 120px, 100% 100px, 16.6% 30px, 9.76% 70px, 0px 50px);
        clip-path: polygon(0% 100%, 100% 100%, 100% 140px, 26% 70px, 100% 120px, 100% 100px, 16.6% 30px, 9.76% 70px, 0px 50px);
      }
}

@media screen and (max-width: 500px) { 
    .interna-content .c404 .image .monster{
        margin-left: -20%;
    } 


    .founders-box .founder-item.founder-item-1 {
        left: 0%;
    }
    .founders-box .founder-item.founder-item-2 {
        right: 0%;
    }
    .founders-box .founder-item.founder-item-3 {
        left: 0%;
    }
    .founders-box .founder-item.founder-item-4{
        right: 0%; 
    }
    .founders-box .founder-item.founder-item-5 {
        left: 0%;
    }


    .game-list-top{
        grid-template-columns: 100%;
        text-align: center;
    }
    .game-list-top .box-left{
        text-align: center;
    }
    .game-list-top .box-right .select-style{
        margin: 0 auto;
        float: inherit;
        padding-right:0px;
        width: 230px;
    }
    .game-list-top .box-right .select-style .combo{
        width: 80%;
    }
    .game-list-top .box-right .select-style .combo-list{
        width: 100%;
    }


    .publish-steps {
        margin-left: -76%;
        transform: scale(0.44);
        margin-top: -570px;
        margin-bottom: -530px;
    }


    .game-view-box-top .game-vb-button .button.game-vb-bt2 {
        width: 220px;
        margin: 0 auto;
        float: inherit;
    }
    .game-view-box-top .game-vb-button .btn-div{
        display: block;
        width: 100%;
        height: 30px;
    }
    .game-view-box-top .game-vb-lines .item {
        grid-template-columns: 35% 65%;
    }

    .game-page-deco-4 {
        height: 90px;
        margin-bottom: -80px;
    }
    .game-view-review {
        padding: 150px 0 200px;
        -webkit-clip-path: polygon(27.65% 5.2%, 100% 2.5%, 100% 100%, 0% 100%, 0% 4%);
        clip-path: polygon(27.65% 5.2%, 100% 2.5%, 100% 100%, 0% 100%, 0% 4%);
    }


    .game-review-slide .slide-content .slide-item .slide-item-content .details {
        width: 90%;
        margin-left: 0%;
        overflow: initial;
        padding: 0px 5%;
      }

    .game-review-slide .slide-content .slide-item .slide-item-content img {
        left: 3%;
        width: 100px;
        position: relative;
        margin: -105px auto 20px;
        z-index: 5;
    }
    .game-review-slide .slide-content .slide-item .slide-item-content {
        overflow: initial;
    }
    .game-review-slide .slide-content .slide-item{
        overflow: initial;
    }
    .game-review-slide .slide-content {
        padding-top: 50px;
    }

    /*
    .home-details-bg-2 {
        width: 200%;
    }*/

    .home-publish-text .text-box.no-animate {
        margin-left: -200px;
    }
    .home-publish-text .text-box{
        margin-bottom: 500px;
    }
    .home-publish-text .image {
        right: -5%;
    }

    .home-publish-text {
        padding-bottom: 100px;
      }

}

@media screen and (max-width: 485px) {
    
    .interna-top {
        height: 80px;
    }

    .publish-steps {
        margin-left: -80%;
        transform: scale(0.42);
    }

    .founders-box .founder-item {
        width: 190px;
    }

    main{ /* footer */
        overflow: hidden;
	padding-top: 10%;
    } 

    .game-view-header video {
        width: initial;
        left: -15%;
        height: 100%;
    }
}

@media screen and (max-width: 450px) {  
    .home-slide .slide-item .game-details{
        display: block; 
        overflow: hidden; 
        position: relative;
        padding:50px 20px 60px;
        z-index: 5;
        float: left;
    }
    .nav .container .logo{
        width: 250px;
    }
    .nav .container .logo img {
        width: 150px;
    }
    .nav .container .mobile-menu-btn {
        margin-top: 13px;
    }

    .footer{
        -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    }

    .footer .container .menu a {
        padding: 5px 10px;
    }
    .footer .container .text a{
        display: block;
        margin:3px 0;
    }
    .footer .container .text span {
        font-size: 0.85rem;
    }


    .interna-content .c404 .image .monster{
        margin-left: -30%;
    } 


    .contact-box-top,
    .legacy-box-top,
    .about-box-top,
    .publish-box-top{
        height: 150px;
    }
    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 40px;
        margin-top: -5px;
    }




    .contact-box-list .item .icon {
        width: 100%;
        text-align: center;
    }
    .contact-box-list .item .icon img{
        max-width: 150px;
        display: inline-block;
    }
    .contact-box-list .item .cv-content{
        width: 100%;
        text-align: center;
    }
    .contact-box-list .item .cv-content .cv-button .follow-bt{
        margin:10px auto;
    }
    
    .contact-bg-top {
        padding-bottom: 50px;
    }
    .legacy-bg-top {
        padding-bottom: 100px;
    }


    .legacy-top-icons .item{
        width: 50%;
    }
    .legacy-top-icons #legacy-top-item-3.item{
        margin:0 auto;
        float: inherit;
        padding-top: 10px;
    }


    .interna-legacy-bg-1 {
        height: 190px;
        margin-top: -230px;
        margin-bottom: -120px;
      }

      .legacy-bg-bottom {
        -webkit-clip-path: polygon(0 10px, 75% 45px, 100% 35px, 100% 100%, 0 100%);
        clip-path: polygon(0 10px, 75% 45px, 100% 35px, 100% 100%, 0 100%);
      }

      .legacy-reputation-list .item .game img {
        width: auto;
        height: 100%;
    }
    .legacy-reputation-list .item .text-content .user{
        width: 100%;
    }
    .legacy-reputation-list .item .text-content .site-image.right {
        float: left;
        margin-bottom: 10px;
    }

    .legacy-bg-bottom .interna-content{
        padding-top: 50px;
    }

    .core-values-list .item .cv-content .cv-title{
        font-size: 1.4rem;
        line-height: 2rem;
    }


    .interna-founders-bg-1 {
        background-size: contain;
        height: 200px;
        margin-top: -400px;
        margin-bottom: -100px; 
    }
    .interna-bg.legacy.legacy-core-box {
        padding-top: 30px;
        -webkit-clip-path: polygon(6.85% 0%, 64.22% 2.75%, 100% 1.5%, 100% 100%, 0% 100%, 0% 1%);
        clip-path: polygon(6.85% 0%, 64.22% 2.75%, 100% 1.5%, 100% 100%, 0% 100%, 0% 1%);
    }



    .interna-bg.legacy.legacy-core-box .interna-content{
        padding-top: 50px;
    }

    .about-sub-title {
        margin: 30px 0 10px;
    }
    .founders-box {
        height: 1600px;
    }
    .founders-box .founder-item {
        width: 240px;
    }
    .founders-box .founder-item.founder-item-1 {
        left: 0%;
        top: 0px;
    }
    .founders-box .founder-item.founder-item-2 {
        right: 0%;
        top: 300px;
    }
    .founders-box .founder-item.founder-item-3 {
        left: 0%;
        top: 600px;
    }
    .founders-box .founder-item.founder-item-4{
        right: 0%;
        top: 900px;
    }
    .founders-box .founder-item.founder-item-5 {
        left: 0%;
        top: 1200px;
    }
    .founders-box .founder-item.founder-item-6 {
        right: 0%;
        top: 1500px;
    }


    .game-list-page .game-list .g-item .g-title{
        padding-top: 10px;
    }
    
    .game-list-page{
        padding-top: 70px;
    }

    .publish-characters .character_1, 
    .publish-characters .character_2, 
    .publish-characters .character_3, 
    .publish-characters .character_4, 
    .publish-characters .character_5, 
    .publish-characters .character_6 {
        height: 130px;
    }
    .publish-characters .character_2 {
        right: 0;
        top: 30px;
    }

    .publish-steps-title{
        font-size: 2rem;
        line-height: 2.5rem;
        padding: 30px 0;
    }
 

    .publish-steps {
        margin-left: -85%;
        transform: scale(0.38);
        margin-top: -640px;
        margin-bottom: -580px;
    }



    .game-view-header{
        height: 200px;
    }
    .game-page-deco-1 {
        margin-top: -35px;
    } 
    .game-view-header .btn-trailer{
        margin-top: 70px;
    }

    .game-view-box-top .game-vb-lines .item .item-title {
        font-size: 0.85rem;
    }


    .home-details-bg-1 {
        height: 40px;
        margin-top: -25px;
    }

    .home-games .title{
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 10px;
    }


    .game-icon img{
        width: 500px;   
        margin-top: -80px;    
        margin-left: -120px;  
    }

    .home-publish-text .text-box .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .home-publish-text .image{
        right: -10%;
    }


    .home-games .game-list .game-item .game-image{
        display: flex;
    }
    .home-games .game-list .game-item .game-image img{
        width: auto;
        height: 100%;
    }

    .home-last-news .title{
        font-size: 2rem;
        line-height: 2.5rem;
    }



    .home-last-news .home-last-news-bottom{
        height: 320px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg1{
        top:190px;
    }
    .home-last-news .home-last-news-bottom .zombies-bg.bg2{
        top:200px
    }


}

@media screen and (max-width: 435px) { 
    .publish-steps {
        margin-left: -95%;
    }

    .game-view-feature-box {
        -webkit-clip-path: polygon(61.73% 3.85%, 100% 3%, 100% 98%, 0% 100%, 0% 4%, 6.69% 2.22%);
        clip-path: polygon(61.73% 3.85%, 100% 3%, 100% 98%, 0% 100%, 0% 4%, 6.69% 2.22%);
      }

      .home-last-news .news-list .news-item {
        width: 95%;
      }


      .modal-box .modal-div{
        width: 300px;
        padding:20px;
    }
    .modal-box .modal-div .modal-content iframe{
        height: 160px;
    }

    .home-slide .slide-dots{
        padding: 10px 10px 10px;
    }

}

@media screen and (max-width: 400px) { 
    .interna-content .c404 .image .monster{
        margin-left: -38%;
    } 

    .interna-content .c404 .title h1 {
        font-size: 2.2rem;
        line-height: 3.5rem;
    }
    .interna-content .c404 .text {
        font-size: 1.5rem;
    }

    .interna-content .title h1, .interna-content .title h2 {
        font-size: 1.6rem;
        line-height: 2rem;   
    }


    .contact-box-top-details,
    .legacy-box-top-details,
    .about-box-top-details,
    .publish-box-top-details{
        height: 30px;
        margin-top: -5px;
    }

    .interna-bg.legacy.legacy-core-box {
        padding-top: 0px;
        -webkit-clip-path: polygon(6.85% 0%, 64.22% 2%, 100% 1.5%, 100% 100%, 0% 100%, 0% 1%);
        clip-path: polygon(6.85% 0%, 64.22% 2%, 100% 1.5%, 100% 100%, 0% 100%, 0% 1%);
     }


     .publish-steps {
        margin-left: -105%;
        transform: scale(0.35);
        margin-top: -790px;
        margin-bottom: -720px;
    } 
    .publish-steps .ps-line .ps-item {
        font-size: 2.2rem;
    }
    .publish-steps .hr-bottom {
        bottom: 340px; 
    }
    .publish-steps .hr-center {
        width: 8px;
    }
    .publish-steps .ps-line .ps-item .hexagon-ico {
        font-size: 2rem;
        height: 44px;
    }

    .game-view-feature-box .container {
        max-width: 85%;
        padding: 50px 20px 80px;
    }


    .home-publish-text .image {
        right: -15%;
      }

    .game-view-review {
        padding: 120px 0 150px;
        -webkit-clip-path: polygon(32.12% 4.85%, 100% 2.5%, 100% 100%, 0% 100%, 0% 4%);
        clip-path: polygon(32.12% 4.85%, 100% 2.5%, 100% 100%, 0% 100%, 0% 4%);
      }
    .game-page-deco-4 {
        height: 100px;
        margin-bottom: -90px;
    }

    .game-view-screenshots .content{
        grid-template-columns: 100%;
    }

    .home-last-news-top-image-detail {
        width: 350px;
        margin-top: -150px;
        margin-bottom: -50px;
        margin-left: 15px;
      }

}
 
@media screen and (max-width: 380px) {  
    .publish-steps {
        margin-left: -110%; 
        transform: scale(0.34);
    } 

    .interna-top {
        height: 70px;
    }

    .modal-box .modal-div {
        width: 80%;
        padding: 20px;
    }

    .game-view-header video {
        width: initial;
        left: -25%;
        height: 100%;
    }
}
 
  

@media screen and (max-width: 360px) {  

    .nav-mobile{
        width: 98%;
    }

    .interna-content .c404 .image .monster{
        margin-left: -55%;
    }  

    .publish-steps {
        margin-left: -125%;
        transform: scale(0.33);
        margin-top: -810px;
        margin-bottom: -750px;
    }

    .game-view-feature-box {
        -webkit-clip-path: polygon(62.01% 3.6%, 100% 3%, 100% 98%, 0% 100%, 0% 4%, 7.24% 2.64%);
        clip-path: polygon(62.01% 3.6%, 100% 3%, 100% 98%, 0% 100%, 0% 4%, 7.24% 2.64%);
    } 

}