@media screen and (max-width: 1350px) {
    .appartment-listing-block-info ul {
        justify-content: flex-start;
        row-gap: 12px;
        margin-bottom: 16px;
    }
    .appartment-listing-block-info {
        align-items: flex-start;
    }
    .appartment-listing-block-info ul {
        width: calc(100% - 122px);
    }
    .appartment-listing-block {
        padding: 24px;
    }
    .appartment-listing-block-info {
        gap: 12px;
    }
    .appartment-listing-block-info ul {
        margin: 0 -8px;
    }
    .appartment-listing-block-info ul li h6, .appartment-listing-block-info ul li p {
        padding: 0 8px;
    }
    .appartment-inside-info ul {
    	gap: 16px;
    }
    .appartment-inside-info ul li {
    	width: calc(50% - 8px);
    }
    .appartment-listing-inside-popup-media {
	    max-width: calc(100% - 363px);
	}
	.appartment-details {
	    min-width: 363px;
	}
	.appartment-inside-info {
    	padding: 40px 16px;
    }
    .appartment-inside-info ul {
    	gap: 16px 8px;
    	margin: 0 -8px;
    }
    .appartment-inside-info ul li h6, .appartment-inside-info ul li p {
    	padding: 0 8px;
    }
}
@media screen and (max-width: 1100px) {
    nav ul {
        gap: 12px;
    }
    nav ul li a {
        padding: 16px 12px;
    }
    .multimedia-content-wrap {
        gap: 40px;
    }
    .multimedia-content-wrap figure {
        width: calc(50% - 20px);
    }
    .multimedia-content-wrap .content {
        width: calc(50% - 20px);
    }
    .appartment-listing-block-info {
        display: block;
    }
    .appartment-listing-block-info ul {
        width: 100%;
        margin: 0 0 16px;
    }
}
@media screen and (max-width: 991.98px) {
    nav {
        position: absolute;
        right: 100%;
        top: 0;
        max-height: 100vh;
        width: 100%;
        background-color: var(--white-color);
        padding-top: 64px;
        transition: 100ms right;
    }
    .menu-opened nav {
        right: 0;
    }
    nav ul {
        display: block;
        padding: 32px 0;
        overflow-y: auto;
    }
    .menu-btn {
        display: block;
    }
    .logo, .menu-btn {
        position: relative;
        z-index: 2;
    }
    nav ul li a {
        padding: 32px 72px;
        font-size: 40px;
    }
    .multimedia-content-wrap {
        display: block;
    }
    .multimedia-content-wrap figure {
        width: 100%;
    }
    .multimedia-content-wrap .content {
        width: 100%;
    }
    .gallery-figure-content-wrap {
        display: block;
    }
    .gallery-content {
        width: 100%;
    }
    .gallery-figure {
        width: 100%;
    }
    .banner-info {
        width: 255px;
    }
    .banner-head-wrap h1 {
        width: calc(100% - 255px);
    }
    .gallery-figure {
        margin-bottom: 24px;
    }
    .gallery-figure:last-child {
        margin-bottom: 0;
    }
    .news-listing-block {
        width: calc(50% - 12px);
    }
    .development-listing-wrap {
        display: block;
    }
    .development-listing-block {
        width: 100%;
        margin-bottom: 24px;
    }
    .development-listing-block:last-child {
        margin-bottom: 0;
    }
    .appartment-details-img-wrap {
        display: block;
    }
    .appartment-details-img-block {
        width: 100%;
        margin-bottom: 24px;
    }
    .appartment-details-img-block:last-child {
        margin-bottom: 0;
    }
    ul.appartment-listing li a {
    	padding: 32px 0;
    }
    .current-floor {
    	font-size: 24px;
    	padding: 8px 12px;
    }
    .floors-list ul li a {
    	padding: 8px;
    	font-size: 18px;
    }
    .appartment-listing-inside-popup-wrap {
    	display: block;
    }
    .appartment-listing-inside-popup-media {
    	width: 100%;
    	max-width: 100%;
    }
    .appartment-details {
    	min-width: 100%;
    }
    nav ul li a:after {
    	left: 70px;
    	right: auto;
    }
}
@media screen and (max-width: 767.98px) {
    ul.footer-links {
        display: block;
    }
    ul.footer-links li {
        margin-bottom: 12px;
    }
    ul.footer-links li:last-child {
        margin-bottom: 0;
    }
    .news-listing-wrap {
        display: block;
    }
    .news-listing-block {
        width: 100%;
        margin-bottom: 12px;
    }
    .news-listing-block:last-child {
        margin-bottom: 0;
    }
    .current-floor {
    	font-size: 16px;
    }
    .floors-list ul li a {
    	font-size: 16px;
    }
}
@media screen and (max-width: 640.98px) {
    .banner-head-wrap {
        display: block;
    }
    .banner-head-wrap h1 {
        width: 100%;
    }
    .banner-info {
        width: 100%;
    }
    .form-wrap {
        display: block;
    }
    .form-input {
        width: 100%;
        margin-bottom: 24px;
    }
    ul.footer-logo-wrap {
        display: block;
    }
    ul.footer-logo-wrap li {
        margin-bottom: 12px;
    }
    ul.footer-logo-wrap li:last-child {
        margin-bottom: 0;
    }
    .appartment-listing-inside-popup-media .back-btn {
    	margin-bottom: 20px;
    }
}
@media screen and (max-width: 575.98px) {
	.container-fluid {
		padding: 0 16px;
	}
    .form-wrap {
        display: block;
    }
    .form-input {
        width: 100%;
        margin-bottom: 24px;
    }
    ul.footer-logo-wrap {
        display: block;
    }
    ul.footer-logo-wrap li {
        margin-bottom: 12px;
    }
    ul.footer-logo-wrap li:last-child {
        margin-bottom: 0;
    }
    nav ul li a {
        font-size: 24px;
        padding: 24px;
    }
    .current-floor {
    	font-size: 14px;
    	padding: 6px 8px;
    	top: 16px;
    	left: 16px;
    }
    .floors-list {
    	top: 16px;
    	right: 16px;
    }
    .floors-list ul li a {
    	font-size: 14px;
    	padding: 6px 8px;
    }
    .floors-list ul li a span {
    	margin-right: 4px;
    }
    .solid-btn {
    	padding: 10px 24px;
    }
    ul.contact-details-block {
    	text-align: center;
    }
    ul.footer-links {
    	margin-bottom: 20px;
    }
    nav ul li a:after {
    	left: 24px;
    }
}
@media screen and (max-width: 480.98px) {
	.current-floor {
    	font-size: 12px;
    }
    .floors-list ul li a {
    	font-size: 12px;
    	padding: 6px;
    }
    .floors-list ul li a span {
    	margin-right: 2px;
    }
}
@media screen and (max-width: 400.98px) {
	.current-floor {
    	font-size: 11px;
    }
    .floors-list ul li a {
    	font-size: 11px;
    }
}