@media (min-width:1890px){
    .blur-icons{
        margin-top:526px
    }
    .section_3_bg{
        margin-left:-1068px;
        margin-top:-628px;
        width:2178px;
        height:1199px
    }
    .section_2_video{
        left:-544px;
        width:2025px;
        height:1157px
    }
    .box-with-dots:before{
        background:url(../images/section_4_big.png) no-repeat bottom center;
        background-size:73% auto;
        left:-110px;
        height:800px
    }
    .box-with-dots{
        height:663px
    }
    .dot-row-1{
        left:198px;
        top:92px
    }
    .dot-row-2{
        right:292px;
        top:134px
    }
    .dot-row-3{
        left:19px;
        top:308px
    }
    .dot-row-4{
        right:122px;
        top:310px
    }
    .section_3_bg video{
        top:138px
    }
}
@media (max-width:1480px){
    #wooman img{
        left:-419px;
        height:543px
    }
    #man img{
        left:-524px;
        height:727px
    }
}
@media (max-width:1200px){
    .box-with-dots:before{
        width:837px;
        background-size:549px
    }
    .section_2_video{
        width:845px;
        height:480px
    }
    .dot-row{
        font-size:15px;
        line-height:normal
    }
    .dot-row .dot{
        width:14px;
        height:14px
    }
    .dot-row .dot:before{
        width:4px;
        height:4px;
        margin-left:-2px;
        margin-top:-2px
    }
    .dot-row-1 .dot{
        right:-45px
    }
    .dot-row-2 .dot{
        left:-86px;
        top:-31px
    }
    .dot-row-4 .dot{
        left:-81px;
        top:56px
    }
    #wooman img{
        left:-305px;
        height:435px
    }
    #man img{
        left:-395px;
        height:638px
    }
}
@media (max-width:992px){
    .section_3_bg{
        margin-left:-519px;
        margin-top:-325px;
        width:1000px;
        height:650px
    }
    .bg_ppl{
        width:556px;
        height:560px;
        margin-left:-242px
    }
    .box-with-dots{
        width:930px;
        margin-left:-114px
    }
    .padding-box{
        padding:0 30px
    }
    .section-wrap{
        padding:30px 0
    }
    .manwooman{
        background-size:cover
    }
    .gray-text{
        margin-top:20px;
        font-size:15px;
        line-height:21px;
        margin-bottom:17px
    }
    .padding{
        padding:0
    }
    .footer{
        text-align:center
    }
    .footer-logo{
        padding-top:0;
        padding-bottom:10px
    }
    .footer{
        padding-bottom:25px
    }
    .blur-icons{
        margin-top:108px;
        margin-bottom:0
    }
    .title{
        font-size:41px;
        line-height:47px
    }
    .mis-stage{
        margin-top:25px
    }
    .mis-nav-buttons a.mis-next{
        left:auto;
        right:-25px
    }
    .mis-nav-buttons a.mis-prev{
        left:auto;
        left:-25px
    }
    .mis-nav-buttons a{
        top:-62px
    }
    .mis-nav-buttons a:after,.mis-nav-buttons a:before{
        background-position:center center!important;
        background-size:62%!important
    }
}
@media (max-width:768px){
    .fp-section.fp-table,.fp-slide.fp-table,.fp-tableCell{
        height:auto!important
    }
    .bg_ppl{
        width:288px;
        height:307px;
        margin-left:-133px
    }
    .section_3_bg{
        margin-left:-300px;
        margin-top:-175px;
        width:600px;
        height:350px
    }
    #wooman img{
        left:-308px;
        height:400px
    }
    #man img{
        left:-354px;
        height:579px
    }
}
@media (max-width:578px){
    .price-box{
        max-width: inherit;
    }
    .form-row label{
        width: 100%;
   }
    .form-row .input{
         width: 100%;
    }
    .form-row .input-group{
        width: 100%;
   }
    .form-row .date-picker{
        width: 100%;
    }
     .form-row{
         align-items: flex-start;
         flex-direction: column;
         row-gap: 10px;
    }
     .forw-row:not(:last-child){
         margin-bottom: 20px;
    }
     .popup{
        width: 100%;
    }
    .display_1 .title-2{
        max-width:293px;
        display:block;
        margin:0 auto;
        line-height:25px
    }
}
@media (max-width:768px) and (max-height:736px){
    .padding-box{
        padding:0
    }
    .manwooman{
        width:633px!important;
        margin-left:-251px!important;
        background-size:100%
    }
    .font-44{
        font-size:27px;
        line-height:initial
    }
    .title{
        font-size:22px!important;
        line-height:32px!important
    }
    .title-2{
        font-size:19px;
        line-height:23px;
        text-align:center
    }
    .font-19{
        font-size:17px;
        line-height:normal
    }
    .padding-box{
        padding:0
    }
    .font-22{
        font-size:16px;
        line-height:23.5px
    }
    .box-border-bottom{
        padding:20px 0
    }
    .font-16{
        font-size:14px;
        line-height:22px
    }
    .font-16{
        font-size:16px;
        line-height:22px
    }
    br{
        display:none
    }
    .text-1-right,.text-right{
        padding-right:0;
        text-align:center!important
    }
    .margin-top-first{
        margin-bottom:48px
    }
    .text1-1-left{
        text-align:center!important
    }
    .blur-icons{
        margin-top:80px;
        margin-bottom:20px
    }
    .blur-row{
        margin-bottom:20px
    }
    .display_5 .text-section{
        margin-bottom:35px
    }
    .nav-tabs li{
        margin:0 5px
    }
    .nav-tabs li a{
        font-size:15px;
        padding:0 0 11px 0
    }
    .blur-row:after{
        display:none!important
    }
    .display_4{
        padding-top:0;
        padding-bottom:0
    }
    .mis-nav-buttons a{
        top:-85px
    }
    .section-navigate{
        display:none
    }
    .display_4 .title-2{
        text-align:left
    }
    .paddingsection,.section-wrap{
        padding-top:43px;
        padding-bottom:20px
    }
    .title.text-center{
        margin-bottom:15px
    }
    .btn-mob-center{
        text-align:center
    }
}
@media (max-height:860px){
    .margin-top-first{
        margin-top:0;
        margin-bottom:0
    }
    .manwooman{
        width:1035px;
        margin-left:-373px;
        background-size:100%
    }
    .mis-stage{
        width:100%;
        text-align:center;
        margin-top:4px;
        padding-top:85px
    }
}
@media (max-height:760px){
    .margin-top-first{
        margin-top:0;
        margin-bottom:0
    }
    .font-44{
        font-size:28px;
        line-height:31px
    }
    .title-2{
        font-weight:600;
        color:#daddfa;
        font-size:20px;
        line-height:22px
    }
    .manwooman{
        width:595px;
        margin-left:-213px;
        background-size:100%
    }
}
@media (max-width:768px){
    .box-with-dots{
        width:290px;
        height:227px;
        display:block;
        margin:0 auto
    }
    .section_2_video{
        left:-159px;
        width:569px;
        height:290px
    }
    .box-with-dots:before{
        width:441px;
        margin-left:-71px;
        height:226px;
        background-size:294px
    }
    .dot-row{
        font-size:12px;
        line-height:normal;
        width:100px
    }
    .dot-row-1{
        left:0;
        top:27px
    }
    .dot-row-1 .dot{
        top:38px
    }
    .dot-row-2{
        right:0;
        top:20px
    }
    .dot-row-2 .dot{
        left:-7px;
        top:31px
    }
    .dot-row-3{
        left:-5px;
        top:152px
    }
    .dot-row-3 .dot{
        left:26px;
        top:-50px
    }
    .dot-row-4{
        right:-11px;
        top:78px
    }
    .dot-row-4 .dot{
        left:17px;
        top:79px
    }
}
@media (max-width:750px){
    .manwooman{
        width:400px!important;
        margin-left:-170px!important;
        background-size:100%
    }
}
@media (max-width:550px){
    .manwooman{
        width:277px!important;
        margin-left:-119px!important;
        background-size:100%
    }
    #wooman img{
        left:-121px;
        height:200px
    }
    #man img{
        left:-164px;
        height:279px
    }
}
@media (max-width:450px){
    #wooman img{
        left:-79px;
        height:148px
    }
    #man img{
        left:-109px;
        height:201px
    }
}
@media screen and (max-width:1200px){
    .game-filter__nav ul li{
        font-size:11px;
        width:110px
    }
    .game-filter__nav ul li.hasOpt{
        width:170px;
        font-size:13px
    }
    .game-filter__nav ul.hasOpt-block li{
        width:170px
    }
}
@media screen and (max-width:991px){
     .gamesPage .display_2 .game-filter__items{
        min-height: auto;
    }
    .game-filter__item {
         width: calc(33% - 20px);
    }
    .game-filter__nav ul li{
        font-size: 9px;
        width: 78px;
    }
    .game-filter__nav ul li.hasOpt{
        width:142px;
        font-size:10px
    }
    .game-filter__nav ul.hasOpt-block li{
        width:142px
    }
    .game-filter__nav ul li.hasOpt:after{
        right:2px;
        top:4px;
        transform:scale(.6)
    }
    .gamePopup-content{
        flex-wrap:wrap
    }
    .gamePopup-info,.gamePopup-screenshots{
        width:100%
    }
    .gamePopup-screenshots{
        max-width:100%
    }
}
@media screen and (max-width:767px){
    .game-filter__item{
        width:100%;
        margin:auto;
        margin-bottom:15px;
        max-width:230px
    }
    .game-filter__items{
        flex-wrap:wrap
    }
    .game-filter__nav ul li,.game-filter__nav ul li.hasOpt,.game-filter__nav ul.hasOpt-block li{
        width:100%
    }
    .game-filter__nav ul{
        flex-wrap:wrap
    }
    .game-filter__nav ul.hasOpt-block{
        left:50%;
        transform:translateX(-50%)
    }
    .gamePopup{
        padding:10px
    }
    .gamePopup-arrow{
        display:none
    }
    .gamePopup-img-slider{
        height:180px
    }
     .game-section-bg{
        display: none;
    }
}
@media screen and (max-width:505px){
    .game-filter__item{
        max-width:100%
    }
}
@media screen and (max-width:578px){
    .gamePopup{
        max-height:initial
    }
}
 @media screen and (max-width:991px) {
     .main-filter__items.heights {
         height: 520px!important;
    }
     .gamesPage {
         background-position: -500px center;
    }
     .display_3 {
         padding: 0;
    }
}
 @media screen and (max-width:767px) {
     .game-filter__nav ul li.genre {
         text-align: center;
         margin-top: 10px;
         width: 100%;
    }
     .game-filter__nav ul li {
         margin-bottom: 5px;
    }
     .gamePopup {
         max-width: 100%;
         width: 100%;
    }
     .gamePopup {
         min-height: 550px;
    }
     .hasOpt-block.active {
         -webkit-box-shadow: 0px 11px 23px 10px rgba(0,0,0,0.69);
         -moz-box-shadow: 0px 11px 23px 10px rgba(0,0,0,0.69);
         box-shadow: 0px 11px 23px 10px rgba(0,0,0,0.69);
    }
     .gamePopup-info {
         text-align: center;
    }
     ul.padding-box.font-22 {
         margin-left: 17px;
    }
     .game-filter__nav ul li {
         line-height: 30px;
    }
     .gamePopup-imgs-slide {
         height: 85.5px;
    }
     .gamePopup-img-slider {
         height: 250px;
    }
     .gamePopup-subtitle {
         justify-content: center;
    }
     .gamesPage {
         background-position: center;
         background-size: cover;
         background: none!important;
    }
     .gamesPage footer{
         background: url(../images/footer.jpg) no-repeat bottom center #000;
    }
     .main-filter__items.heights {
         height: 700px!important;
    }
     .gamesPage .display_2:before {
         content: '';
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
         height: 500px;
         background-image: url(../images/games-bg2.png);
         background-size: 300%;
         background-position: center top;
         background-repeat: no-repeat;
    }
     .game-filter__nav ul li {
         font-size: 11px;
    }
     .gamePopup-arrow.arrowRight {
         right: -10px;
    }
     .gamePopup-arrow.arrowLeft {
         left: -10px;
    }
     .main1-block {
         padding-bottom: 100px;
    }
}
 @media screen and (max-width:500px) {
     .gamePopup-imgs-slide {
         height: 45px;
    }
     .gamePopup-img-slider {
         height: 180px;
    }
}
 @media screen and (max-width: 500px) {
     .main-filter__items.heights {
         height: 1295px!important;
    }
     .ios .main-filter__items.heights {
         height: 1575px!important;
    }
}
 @media screen and (max-width: 600px) {
     .gamePopup-screenshots {
         max-width: 86%;
         margin: auto;
    }
     .gamePopup-img-slide iframe {
         width: 100%;
         height: 185px;
         max-width: 100%;
    }
     .gamePopup-arrow {
         top: 10px;
         padding: 0 13px;
         width: 30px;
    }
}