@media(min-width: 901px) and (max-width: 1250px) {
    .content {
        width:90%;
    }



}



@media(max-width: 900px){
.home-hello {
    background-size: cover!important;
    background-position: 50%!important;
}


.rs1 .slick-prev {
left:0;
}

.rs1 .slick-next {
    left: 50px;
}


      .rslide {
            max-height: 550px;
                height: 600px;
    }

#bestcomn .spec, #bestcomn .two {
            min-height: 630px;
    }


   #bestcomn .two {
       grid-gap: 0;
            grid-template-columns: 100%;
            grid-template-rows: 50% 50%;
    }
.rest-zap {

}

#step {
    grid-template-columns: repeat(1,1fr);
}

#pol {
    grid-template-columns: 100%;
    grid-gap: 10px;
}

#pol #zapros {
    grid-column: 1;
    grid-row: auto;
}
    .rest-zap form {
            grid-template-columns: 1fr;
    }

    .rest-zap h2, .rest-zap h5, .rest-zap form .sto {
    grid-column: 1;
    }

    .rest-zap h2 {
        font-size: 33px;
    }

.threeprm {    grid-template-columns: 1fr; grid-gap:20px;}
      .cu0, .cu1, .cu2 {
        grid-template-columns: 100%;
        grid-gap: 50px;
    }

    .threemaxcon {
        grid-template-columns: 100%;
        grid-gap: 10px;
    }

.bron .nomer {
    grid-template-columns: repeat(5,1fr);
}

.nomer-name {
    grid-column: 1/span 3;
    grid-row: 9/span 2;
}

.nomer-cena {
    grid-column: 4/span 2;
    grid-row: 9/span 2;
}

.nomer-meta {
    grid-column: 1/span 5;
    grid-row: 11/span 2;
}
.dopuslugi-nomer {
    grid-column: 1/span 5;
    grid-row: 13/span 2;
}

.nomer-podtv {
    grid-column: 1/span 5;
    grid-row: 15/span 2;
}

    .contact-two {
        grid-template-columns: 100%;
    grid-gap: 10px;
}

.mobile-menu {
    grid-column: 2/span 1;
    grid-row: 1;
    float: right;
    text-align: right;
    display: grid;
    align-items: center;
}

header nav {
    z-index: 3;
}

header nav ul {
    position: absolute;
    width: 50%;
    top: 0;
    left:0;
    background: #fff;
    border: 1px solid #777777;
    padding: 3%;
}
header nav ul li {width: 100%;padding: 5px 0;}


.content {width:85%;}
#bestcomn h2.cpp,#bestcomn h2.cpp span {
	font-size: 35px;
}

#videoblock #ops1 {
    font-size: 30px; 
    }

.headline, header nav ul {display: none;}


.receptlist {
    grid-template-columns: 100%;
}

.rest-two {
     grid-template-columns: 100%;
}

.nomer-list {
    grid-template-columns: 100%;
       display: grid;
    grid-row-gap: 50px;
    
}

.nomer-inf {
    margin-bottom: 35px;
}
.room {
        grid-template-columns: 1fr;
}

#paginator ul {
        width: auto;
}

#paginator li {
        margin: 20px 10px;
}

#udobstva-list {
        grid-template-columns: repeat(3, 1fr);
}



#about-intro, #about-slider2 .two {
    grid-template-columns:100%;
}

#about-preim, #vrodeuslugi {
       grid-template-columns:50% 50%;
}

#about-preim {
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}

#about-slider2 .slick-dots {
        left: 50%;
}

}


@media(max-width: 640px){


 

    .avtor  {
        grid-template-columns: 1fr;
    }

#bg h1 {
    top: calc(50% - 30px);
        font-size: 30px;
}

.nomer-data {
        grid-gap: 10px;
}
.nomer-data > div:nth-child(1) {
    grid-column: 1/ span 1;
    grid-row: 1/span 1;
}

.nomer-data > div:nth-child(2) {
    grid-column: 2/ span 1;
    grid-row: 1/span 1;
}

.nomer-data > div:nth-child(3) {
    grid-column: 1/ span 1;
    grid-row: 2/span 1;
}

.nomer-data > div:nth-child(4) {
    grid-column: 2/ span 1;
    grid-row: 2/span 1;
}



#videoblock #ops {

	top: calc(50% - 65px);
}


#videoblock #ops1 {
    font-size: 20px;

}

#videoblock #ops2 {
    font-size: 14px;
    padding: 0;
    }


  

    footer .three {
    	grid-template-columns: 100%;
    	grid-gap: 10px;
    }
    #udobstva-list {
        grid-template-columns: repeat(2, 1fr);
}

.tabs__caption {
    grid-template-columns: repeat(1, max-content);
}


#about-slider2 .slick-dots, #vrodeuslugi, #about-preim {
        grid-template-columns: 100%;
            bottom: 15vw;
}
#vrodeuslugi > div {
        height: 30vw;
}

}



@media(max-width: 480px){ 

    #udobstva-list {
        grid-template-columns: repeat(1, 1fr);
}


#bestcomn h2#nashotel {
        font-size: 37px;
}

#otzyvy h2, .zsp {
        font-size: 40px;
}

.rslide {
 max-height: 625px;
                height: 625px;
}
    }