@media (max-width: 768px) {

.header__nav {
	display: none;
}
}
@media (min-width: 769px) {

#menu-open-btn {
	display: none;
}
    
}
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; 
    height: 100vh; 
    background-color: #fff;
    transform: translateY(-100%); 
    transition: transform 0.4s ease;
    z-index: 1000;
    overflow-y: auto; 
    padding: 1rem;
    box-sizing: border-box; 
}

.mobile-menu.open {
    transform: translateY(0); 
}

.mobile-menu__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.mobile-menu__close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

.mobile-menu__close-btn svg {
    fill: none;
    stroke: #000; 
    width: 24px;
    height: 24px;
}

#mobile-menu ul {
	margin: 0;
	padding: 0;
}


#mobile-menu li {
	list-style: none;
}








.breadcrumb {
	display: flex;
	gap: .25rem;
	margin: 1rem 0;
}



.breadcrumb li {
	list-style: none;
}

.header__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.header__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1rem;
}


@media (max-width: 768px) {

.header__container {
	justify-content: center;
	flex-direction: column;
}

}





.flat-gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 0.625rem;
    margin: 0;
}

.flat-gallery__item {
    box-sizing: border-box;
}

.flat-gallery__image {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .flat-gallery {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (min-width: 1024px) {
    .flat-gallery {
        grid-template-columns: repeat(4, 1fr); 
    }
}










#mse2_form {
	margin-bottom: 1rem;
}



.allfilters-msearch2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 0.625rem;
    margin: 0;
}
.allfilters-msearch2 h4 {
	margin: 0;
}
.allfilters-msearch2 fieldset {
	box-sizing: border-box;
	border: 0;
}

@media (min-width: 768px) {
  .allfilters-msearch2 {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (min-width: 1024px) {
    .allfilters-msearch2 {
        grid-template-columns: repeat(4, 1fr); 
    }
}























.form-msearch2 {
	border-radius: 0.75rem;
	border: 1px solid #c9d1e5;
}
.filters-msearch2 h4 {
	margin: 0;
}
.filters-msearch2 fieldset {
	border: 0;
		padding: 1rem;

}

.filters-msearch2 {
	display: flex;
	justify-content: space-between;
}


@media (max-width: 768px) {
    .filters-msearch2 fieldset {
	border: 0;
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
}
.filters-msearch2 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
}

































        .filter-modal {
            background: #ffffff;
            height: 100%;
            width: 25%;
            position: fixed;
            top: 0;
            right: -25%;
            transition: right 0.5s ease;
            box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
            z-index: 2;
        }

        .filter-modal__content {
            color: #000000;
            font-size: 1rem;
            text-align: center;
            padding: 0;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .filter-modal__close-btn {
            background: #000000;
            color: white;
            border: none;
            padding: 1rem;
            font-size: 1rem;
            cursor: pointer;
        }

        .filter-modal__open-btn {
            cursor: pointer;
            font-size: 1rem;
           
            z-index: 3;
            transition: color 0.5s ease;
        }

        input[type="checkbox"] {
            cursor: pointer;
            height: 0;
            opacity: 0;
            width: 0;
        }

        input[type="checkbox"]:checked + .filter-modal__open-btn {
            color: #000000;
        }

        input[type="checkbox"]:checked ~ .filter-modal {
            right: 0;
        }

        @media (max-width: 768px) {
            .filter-modal {
                width: 100%; 
                right: -100%;
            }
        }

        .filter-modal__open-btn {
	z-index: 1;
}















#mse2_results {
	margin: 1rem 0 !important;
}

#mse2_results {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 0.625rem;
    margin: 0;
}

.flat-card {
    box-sizing: border-box;
}

.flat-card__image {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

@media (min-width: 768px) {
    #mse2_results {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (min-width: 1024px) {
    #mse2_results {
        grid-template-columns: repeat(3, 1fr); 
    }
}

.flat-card__rooms {
    overflow: hidden;
    white-space: nowrap;
    max-width: 49px;
    position: relative;
}

.flat-card__rooms::after {
    content: '.';
    position: absolute;
    right: 0;
    background-color: white;
}


.flat-card__metro.metro {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .25rem;
}

.flat-card {
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 0.75rem;
	padding: 1rem;
	border: 1px solid #c9d1e5;
}















.news-card__image,.news-detail__image {
	width: 100%;
	height: 40vh;
	object-fit: cover;
}


































.zhk-card {
	margin-bottom: 1rem;
	box-sizing: border-box;
	border-radius: 0.75rem;
	padding: 1rem;
	border: 1px solid #c9d1e5;
}



.zhk-image__single {
	width: 100%;
	height: 70vh;
	object-fit: cover;
		border-radius: 0.75rem;

}




.zhk-card__image-element {
	width: 100%;
	height: 350px;
	object-fit: cover;
}


.zhk-card__image-element {
	border-radius: 0.75rem;
}











.form-control_fast.ui-autocomplete-input {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 0.75rem;
	padding: 1rem;
	border: 1px solid #c9d1e5;
}









.news-card {
	margin-bottom: 1rem;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 0.75rem;
	padding: 1rem;
	border: 1px solid #c9d1e5;
}

.news-card__image {
	border-radius: 0.75rem;
}


.news-detail__image {
    	border-radius: 0.75rem;

}












.footer__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 768px) {

.footer__container {

	flex-direction: column;
}
}

.footer__social {
	display: flex;
	justify-content: center;
	gap: 1rem;
}