@media (max-width: 768px) {
    /*HEADER*/
    .mobileMenu {
        display: flex;
    }
    
    .headerBlock {
        width: 100%;
    }
    
    .headerLocked {
        justify-content: space-between;
        position: fixed;
        padding: 0 10px;
        top: 0;
        background: var(--bz-color-white);
    }
    
    .headerFixed, .headerContact, .headerDateAndWeather {
        display: none;
    }
    
    .mainAboutBlock, .mainRoomsBlock, .mainServicesBlock, .mainContactsBlock, .mainSpecialOffersBlock {
        width: 100%;
        padding: 10px;
    }
    
    .mainRooms, .mainServeces, .mainSpecialOffers {
        flex-direction: column
    }
    
    .mainRoom:nth-child(3), .mainSpecialOffer:nth-child(3) {
        display: none;   
    }
    
    .mainRoom, .mainSpecialOffer {
        width: 100%;
    }
    
    .mainContactsBlock {
        flex-direction: column;
    }
    
    .mainContacts {
        width: 100%;
    }
    
    .mainContactMap {
        margin-top: 20px;
        width: 100%;
        height: 300px;
    }
    
    footer {
        padding: 30px 10px;
    }
    
    .footerBlock {
        width: 100%;
        flex-direction: column-reverse;
    }
    
    .footerLeftBlockText {
        margin-top: 20px;
    }
    
    .footerRightBlock {
        margin-bottom: 20px;
        align-items: flex-start;
    }
    
    .footerPolicy {
        text-align: left !important;
    }
    
    .footerRightBlockTop {
        align-items: flex-start;
    }
    
    .about-page {
        padding: 10px;
    }
    
    .contact-block {
        margin-top: 30px;
        padding: 25px;
    }
    
    .room-page {
        padding: 0 0 40px 0;
    }
    
    .rooms-grid {
        padding: 10px;
    }
    
    .room-card {
        grid-template-columns: none;
    }
    
    .room-gallery {
        padding: 10px;
    }
    
    .room-single-top {
        flex-direction: column
    }
    
    .room-single {
        padding: 10px;
    }
    
    .room-gallery-main {
        height: 300px;
    }
    
    .contacts-page {
        padding: 10px;
    }
    
    .contacts-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .features-list {
        grid-auto-flow: row;
        gap: 0;
    }
}

@media (max-width: 900px) {

   

}