@media (max-width: 1700px){
    .why_diffrent_style2 #video_mock {
        max-width: 1000px;
    }
    .why_diffrent_style2 .video {
    width: 686px;
    height: 519px;
    top: 9px;
    right: 139px;
}
}
@media (max-width: 1600px){
    .why_diffrent_style2 #video_mock {
        max-width: 1000px;
    }
    .why_diffrent_style2 .video {
           width: 648px;
    height: 490px;
    top: 9px;
    right: 129px;
}
}


@media (max-width: 1520px){
    .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
        width: 603px;
    height: 466px;
    top: -25px;
    right: 52px;
}
}

@media (max-width: 1420px){
    header .primary ul li a {
        font-size: 14px;
    }
   .carousel-control-next, .carousel-control-prev{
    height: 53px;
    width: 52px;
    padding: 12px;
    top: 40%;
    border-radius: 6px;
}
}
@media (max-width: 1370px){
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
        width: 508px;
    height: 385px;
    top: -6px;
    right: 108px;
}
}
@media (min-width: 1300px){
      header  .logo-mobile{
        display:none;
    }
}
@media (max-width: 1300px){
    div.asl_r {
    top: 18rem;
    left: 28.5rem;
}
    header  .logo-mobile{
        text-align: center;
        width: 100%;
    }
      header  .logo-mobile img{
        max-width:35%;
    }
    header .primary ul li a {
        font-size: 12px;
    } 
    header .flex {
        display: grid;
        justify-content: center;
            width: 100%;
    }
    header .flex .logo{
        display:none;
    }
    
        .top {
    display: grid;
    text-align: center;
}
.contacts {
    margin-top: 10px;
    text-align: center;
}


.contacts {
    margin-top: 0; 
}
header .flex .top {
    margin-top: 16px;
}
}

@media (max-width: 1260px){
    
    
    
    
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
   width: 508px;
    height: 385px;
    top: -30px;
    right: 35px;
}
}

@media (max-width: 1180px){
    div.asl_r {
    top: 17rem;
    left: 25.5rem;
}
    header .primary ul li a {
        font-size: 10px;
    } 
       .carousel-control-next, .carousel-control-prev{
    height: 53px;
    width: 52px;
    padding: 12px;
    top: 33%;
    border-radius: 6px;
}
}

@media (max-width: 1120px){
    .why_diffrent_style2 #video_mock {
    max-width: 423px;
    }
    .why_diffrent_style2 .video {
    width: 508px;
    height: 333px;
    top: -6px;
    right: -67px;
}
}


@media (max-width:1050px) {
    .why_diffrent_style2 #video_mock {
    max-width: 423px;
    }
    .why_diffrent_style2 .video {
    width: 508px;
    height: 333px;
    top: -6px;
    right: -70px;
}
    
	header .flex .menu {
		display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 42px;
    height: 43px;
    background: url(./images/menu.svg) no-repeat center;
    background-size: contain;
	}
        header .primary {
           display:none;
        }
        .btn-icon-calc-deck{
           display:none; 
        }
                .rooms-variants .row .item img {
    
    -o-object-fit: contain;
    object-fit: contain;
    
}
       
}


@media (max-width:992px) {
    div.asl_r {
    top: 16rem;
    left: 21.5rem;
}
    .buttons-block{
       width:100%;
       text-align: center;
    }
        .why_diffrent_style2 #video_mock {
    max-width: 453px;
    }
    .why_diffrent_style2 .video {
    width: 527px;
    height: 397px;
    top: -12px;
    right: 31px;
}
    
  .top h1 {
    font-size: 18px;
}  
.rooms-number .buttons .btn {
    width: 47%;
}
.preimu{
    margin-top:10px;
}
.pr-image {
    width: 100%;
}
    #myCarousel .carousel-item {
    height: 100%;
    min-height: 357px;
}
   .carousel-control-next, .carousel-control-prev{
    height: 53px;
    width: 52px;
    padding: 12px;
    top: 56%;
    border-radius: 6px;
}
}
@media (max-width:935px) {
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
    width: 508px;
    height: 385px;
    top: -6px;
    right: 46px;
}

}
@media (max-width:855px) {
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
   width: 456px;
    height: 385px;
    top: -11px;
    right: 46px;
}

}

@media (max-width:805px) {
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
      width: 410px;
    height: 313px;
    top: -11px;
    right: 89px;
}

}


@media (max-width:767px) {
    .fixed-header header .flex .right .contacts .tel {
    margin-top: 10px;
    }
    div.asl_r {
    position: inherit;
    width: 96% !important;
    }
            .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
    width: 372px;
    height: 313px;
    top: -18px;
    right: 85px;
}
    
    
    
	header .flex .top {
		
	}
            #myCarousel .carousel-item {
    height: 100%;
    min-height: 284px;
}
   .carousel-control-next, .carousel-control-prev{
    height: 53px;
    width: 52px;
    padding: 12px;
    top: 47%;
    border-radius: 6px;
}
        
}

@media (max-width:720px) {
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
    width: 372px;
    height: 313px;
    top: -30px;
    right: 54px;

}

}



@media (max-width:700px) {
    .rooms-number .card .cardImg img {
   
    height: 74%;
    
}
.rooms-number .card .cardImg {
    
    top: 48px;
    
}
    #myCarousel .carousel-inner .mask a:after {
    width: 120px;
    height: 46px;
}
    
.rooms-number .buttons .btn {
    width: 46%;
}
}

@media (max-width:640px) {
        .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
   width: 321px;
    height: 313px;
    top: -48px;
    right: 46px;

}
header .flex .logo img {
    width: 139px;
    margin-left: 50%
}

}


@media (max-width:574px) {
      .myBreadcrumb > .bread-title {
        padding: 0 10px 0 11px !important;
    }

           .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
      width: 271px;
    height: 296px;
    top: -48px;
    right: 58px;

} 
    
    
    
    
#myCarousel .carousel-item {
    height: 100%;
    min-height: 214px;
}
}

@media (max-width:530px) {
#myCarousel .carousel-inner .mask a:after {
    width: 120px;
    height: 46px;
}
    
.rooms-number .buttons .btn {
    width: 45%;
}
.calculator .calc .calc_line {
    margin-bottom:0;
}
.calculator .calc .calc_line .label p {
    margin-top:6px;
}
}
@media (max-width:520px) {
               .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
     width: 250px;
    height: 296px;
    top: -61px;
    right: 48px;

} 
}

@media (max-width:470px) {
  
               .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
    width: 219px;
    height: 296px;
    top: -69px;
    right: 48px;

} 
}



@media (max-width:430px) {
    
   .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
    width: 195px;
    height: 281px;
    top: -69px;
    right: 48px;

} 
header .flex .logo img {
    width: 139px;
    margin-left: 50%
}
    
    
    
    
    #myCarousel .carousel-item {
    height: 100%;
    min-height: 161px;
}
#myCarousel .carousel-inner .mask a:after {
    width: 120px;
    height: 36px;
}
    
.rooms-number .buttons .btn {
    width: 44%;
}
header .flex .logo img {
    width: 139px;
    margin-left: 50%
}
}
@media (max-width:400px) {
               .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
       width: 175px;
    height: 262px;
    top: -64px;
    right: 48px;

} 
}

@media (max-width:370px) {
               .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
       width: 161px;
    height: 262px;
    top: -70px;
    right: 48px;

} 
}


@media (max-width:362px) {
    
.rooms-number .buttons .btn {
    width: 43%;
}
}
@media (max-width:350px) {
               .why_diffrent_style2 #video_mock {
    max-width: 565px;
    }
    .why_diffrent_style2 .video {
     width: 149px;
    height: 262px;
    top: -70px;
    right: 48px;

} 
}
@media (max-width:362px) {
    
.rooms-number .buttons .btn {
    width: 42%;
}
}
@media (min-width:1000px) {
    #myCarousel img {
   
    height: 467px;
}
}