@media screen and (max-width: 398px) {
	section.apartment_info {
    	display: block;
	}
	main {
		display: contents;
	}
	.apartment {
		width: 100%;
		max-width: 100%;
	}
	label.tab-control {
		font-size: 8px;
	}
	div#wrapper {
		width: 100%; 
		padding-bottom: 40px;
	}
	.apartment_info_plans img {
		padding: 0;
	}
	.tab-control {
		padding: 0.2rem 0.5rem;
	}
	.apartment_info_data {
    	padding: 0 10px;
	}
	.apartment_advantages_wrapper {
    	padding: 0 10px;
	}
	.apartment_info_data_square {
    	padding-top: 31px;
	}
	input[type="radio"]:checked + .tab-control {
		font-size: 8px;
	}
	/* .swiper-slide.swiper-slide-active {
		width: 350px !important;
	} */
	/* footer {
    	margin-top: 60px;
	} */
	.slider__other {
		width: 350px !important;
	}				
	.tab__link {
		padding: 10px 10px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.active img {
    	padding: 40px 0px;
	}
	#parent {
		height: auto;
	}
	.menu button {
		font-size: 9px;
		margin: 0px 12px 0px 0px;
		padding: 0px 0px 4px 0px;
		border-bottom: 1px solid #ccc;
	}
	.menu button.active {
		border-bottom: 1px solid #4CB3DE;
	}
	.tabs {
    	width: 98%;
    	margin: 0 auto;
	}
	.tab__link a {
		padding-left: 5.5px; 
	}
	.header__logo {
    	width: 54%;
	}
	.header__logo img {
	    width: 60%;
	    float: right;
	}
	.pin-spacer {
		padding: 0 0 135px !important;
	}
	.about__gallery-item {
		height: 274px;
	}
	.about__gallery-item {
		width: 102%;
	}
	.about__gallery-item-info {
		top: 104px;
		color: #000;
	}
	.about__gallery-item-info:before {
		background-color: #000;
	}
	.hero__container {
    	height: 100%;
    	width: 100%;
    	position: relative;
	    bottom: 0;
	}
	.hero__container{
		display: block;
	}
	
	.mobile__version {
    	display: none !important;
	}
	.horizontal-scroll-container {
		display: block;
	}
	.horizontal-scroll-container {
	  width: 100%;	 
	  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
	  scrollbar-width: none; /* Для Firefox */
	  height: 265px;
	  display: inline-block;
	}
	
	.horizontal-scroll-container::-webkit-scrollbar {
	  display: none; /* Для Chrome, Safari, и Edge */
	}
	
	.horizontal-scroll-content {
	  display: inline-flex;
	  flex-wrap: nowrap;
	}
	
	.about__gallery-item {
	  flex: 0 0 auto;
	  width: 300px;
	  height: 200px;
	  background-color: lightgray;
	  margin-right: 10px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  font-size: 16px;
	}
	
	.about__gallery-item-img img {
	  width: 100%;
	  height: 100%;
	}
	
	.about__gallery-item-content {
	  padding: 10px;
	}
	
	.about__gallery-item-head {
	  margin-bottom: 5px;
	}
	
	.about__gallery-item-info {
	  font-size: 14px;
	}
	.header {
		padding: 14px 0px;
	}
	.mobile__version {
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.footer__socials {
		display: block;
	}
	.intersteller__padding {
		display: none;		
	}
	a.red__btn.btn {
    	font-size: 12px;
	}
	.hero__desc {
	    font-size: 10px;
	    margin-top: -10%;
	    position: relative;
	    z-index: 1;
	    float: right;
	}
	.location__subtitle {
		padding-top: 30px;
	}
	.location__item--1 {
    	width: 110px;
	}
	.mobile__dop {
		justify-content: center;
	    align-items: center;
	    width: 100%;
	    height: 100%;
	}
	section#info {
    	width: 100%;
	}
	.footer {
		padding: 5px 0 10px;
	}
	.mobile__version__btn {
		display: block !important;
		padding-bottom: 20px;
	}
	.mobile__lang {
		display: block !important;
		text-align: center;
		padding-top: 40px;
	}
	.apartments-info {
		bottom: -18px;
	}
	.popup__head {
		font-size: 20px;
	}
	.about__desc p {
		font-weight: 300;
	}
	.apartments__structure-item-num {
		width: auto;
	}
	.apartments__desc {
		opacity: 0.6 !important;
	}
	.apartments__structure-item-title {
    	opacity: 0.6;
	}
	.architecture__item-desc {
		font-size: 14px;
	}
	#bx_3218110189_321 {
        order: 1; /* Оставляем первым */
    }

    /* Третий блок на втором месте */
    #bx_3218110189_323 {
        order: 2;
    }

    /* Второй блок на третьем месте */
    #bx_3218110189_322 {
        order: 3;
    }

    /* Четвертый блок остается на последнем месте */
    #bx_3218110189_324 {
        order: 4;
    }
}
 
@media screen and (min-width: 398px) and (max-width: 468px) {
	section.apartment_info {
    	display: block;
	}
	main {
		display: contents;
	}
	.apartment {
		width: 100%;
		max-width: 100%;
	}
	label.tab-control {
		top: 100%;
		left: 0%;
	}
	div#wrapper {
		width: 100%;
		padding-bottom: 44px;
	}
	.apartment_info_plans img {
		padding: 0;
	}
	.tab-control {
		padding: 0.2rem 0.5rem;
	}
	.apartment_info_data {
    	padding: 0 10px;
	}
	.apartment_advantages_wrapper {
    	padding: 0 10px;
	}
	.apartment_info_data_square {
    	padding-top: 31px;
	}
	/* footer {
    	margin-top: 60px;
	} */
	.slider__other {
		width: 330px !important;
	}
	.apartment_other_item_img {
		padding: 30px 0px;
	}
	.tab__link {
		padding: 10px 10px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.active img {
    	padding: 40px 20px;
	}
	#parent {
		height: auto;
	}
	.menu button {
		font-size: 9px;
		margin: 0px 12px 0px 0px;
		padding: 0px 0px 4px 0px;
		border-bottom: 1px solid #ccc;
	}
	.menu button.active {
		border-bottom: 1px solid #4CB3DE;
	}
	.tabs {
    	width: 98%;
    	margin: 0 auto;
	}
	.tab__link a {
		padding-left: 5.5px; 
	}
	.header__logo {
    	width: 52%;
	}
	.header__logo img {
	    width: 60%;
	    float: right;
	}
	.pin-spacer {
		padding: 0 0 135px !important;
	}
	.about__gallery-item {
		height: 274px;
	}
	.about__gallery-item {
		width: 102%;
	}
	
	.about__gallery-item-info {
		top: 84px;
		color: #000;
	}
	.about__gallery-item-info:before {
		background-color: #000;
	}
	.hero__container {
    	height: 100%;
	}
	
	.mobile__version {
    	display: none !important;
	}
	.horizontal-scroll-container {
		display: block;
	}
	.horizontal-scroll-container {
	  width: 100%;	 
	  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
	  scrollbar-width: none; /* Для Firefox */
	  height: 265px;
	  display: inline-block;
	}
	
	.horizontal-scroll-container::-webkit-scrollbar {
	  display: none; /* Для Chrome, Safari, и Edge */
	}
	
	.horizontal-scroll-content {
	  display: inline-flex;
	  flex-wrap: nowrap;
	}
	
	.about__gallery-item {
	  flex: 0 0 auto;
	  width: 300px;
	  height: 200px;
	  background-color: lightgray;
	  margin-right: 10px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  font-size: 16px;
	}
	
	.about__gallery-item-img img {
	  width: 100%;
	  height: 100%;
	}
	
	.about__gallery-item-content {
	  padding: 10px;
	}
	
	.about__gallery-item-head {
	  margin-bottom: 5px;
	}
	
	.about__gallery-item-info {
	  font-size: 14px;
	}
	.header {
		padding: 14px 0px;
	}
	.mobile__version {
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.footer__socials {
		display: block;
	}
	.intersteller__padding {
		display: none;		
	}
	a.red__btn.btn {
    	font-size: 12px;
	}
	.hero__desc {
	    font-size: 10px;
	    margin-top: -10%;
	    position: relative;
	    z-index: 1;
	    float: right;
	}
	.hero__container {
    	height: 100%;
    	width: 100%;
	}
	.hero__container{
		display: block;
	}
	.location__subtitle {
		padding-top: 30px;
	}
	.location__item--1 {
		width: 110px;
	}
	.mobile__dop {
		justify-content: center;
	    align-items: center;
	    width: 100%;
	    height: 100%;
	}
	section#info {
    	width: 100%;
	}
	.footer {
		padding: 5px 0 10px;
	}
	.mobile__version__btn {
		display: block !important;
		padding-bottom: 20px;
	}
	.mobile__lang {
		display: block !important;
		text-align: center;
		padding-top: 40px;
	}
	.apartments-info {
		bottom: -18px;
	}
	.popup__head {
		font-size: 22px;
	}
	.about__desc p {
		font-weight: 300;
	}
	.apartments__structure-item-num {
		width: auto;
	}
	.apartments__desc {
		opacity: 0.6 !important;
	}
	.apartments__structure-item-title {
    	opacity: 0.6;
	}
	.architecture__item-desc {
		font-size: 14px;
	}
	#bx_3218110189_321 {
        order: 1; /* Оставляем первым */
    }

    /* Третий блок на втором месте */
    #bx_3218110189_323 {
        order: 2;
    }

    /* Второй блок на третьем месте */
    #bx_3218110189_322 {
        order: 3;
    }

    /* Четвертый блок остается на последнем месте */
    #bx_3218110189_324 {
        order: 4;
    }
}

@media screen and (min-width: 468px) and (max-width: 768px) {
	section.apartment_info {
    	display: block;
	}
	main {
		display: contents;
	}
	.apartment {
		width: 100%;
		max-width: 100%;
	}
	label.tab-control {
		top: 100%;
		left: 0%;
	}
	div#wrapper {
		width: 100%;
		padding-bottom: 40px;
	}
	.tab-control {
		padding: 0.2rem 0.5rem;
	}
	.apartment_info_data_square {
    	padding-top: 31px;
	}
	footer {
    	margin-top: 60px;
	}
	.slider__other {
		width: 350px !important;
	}
	.tab__link {
		padding: 10px 10px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.active img {
    	padding: 40px 20px;
	}
	#parent {
		height: auto;
	}
	.menu button {
		font-size: 9px;
		margin: 0px 12px 0px 0px;
		padding: 0px 0px 4px 0px;
		border-bottom: 1px solid #ccc;
	}
	.menu button.active {
		border-bottom: 1px solid #4CB3DE;
	}
	.tabs {
    	width: 98%;
    	margin: 0 auto;
	}
	.tab__link a {
		padding-left: 5.5px; 
	}
	.header__logo {
    	width: 54%;
	}
	.header__logo img {
	    width: 36%;
	    float: right;
	}
	.header__logo img {
	    width: 36%;
	    float: right;
	}
	/* .pin-spacer {
		padding: 0 0 135px !important;
	} */
	.about__gallery-item {
		height: 274px;
	}
	.about__gallery-item {
		width: 102%;
	}
	/* .pin-spacer {
		height: 300px !important;
	} */
	.about__gallery-item-info {
		top: 86px;
		color: #000;
	}
	.about__gallery-item-info:before {
		background-color: #000;
	}
	.hero__container {
    	height: 100%;
	}
	.mobile__version {
    	display: none !important;
	}
	.horizontal-scroll-container {
		display: block;
	}
	.horizontal-scroll-container {
	  width: 100%;	 
	  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
	  scrollbar-width: none; /* Для Firefox */
	  height: 265px;
	  display: inline-block;
	}
	
	.horizontal-scroll-container::-webkit-scrollbar {
	  display: none; /* Для Chrome, Safari, и Edge */
	}
	
	.horizontal-scroll-content {
	  display: inline-flex;
	  flex-wrap: nowrap;
	}
	
	.about__gallery-item {
	  flex: 0 0 auto;
	  width: 300px;
	  height: 200px;
	  background-color: lightgray;
	  margin-right: 10px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  font-size: 16px;
	}
	
	.about__gallery-item-img img {
	  width: 100%;
	  height: 100%;
	}
	
	.about__gallery-item-content {
	  padding: 10px;
	}
	
	.about__gallery-item-head {
	  margin-bottom: 5px;
	}
	
	.about__gallery-item-info {
	  font-size: 14px;
	}
	.header {
		padding: 14px 0px;
	}
	.mobile__version {
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.footer__socials {
		display: block;
	}
	.intersteller__padding {
		display: none;		
	}
	a.red__btn.btn {
    	font-size: 12px;
	}
	.location__subtitle {
		padding-top: 30px;
	}
	.hero__desc {
	    font-size: 10px;
	    margin-top: 24%;
	    position: relative;
	    z-index: 1;
	    float: right;
	}
	.location__item--1 {
		width: 110px;
	}
	.footer {
		padding: 5px 0 10px;
	}
	.mobile__version__btn {
		display: block !important;
		padding-bottom: 20px;
	}
	.pin-spacer {
		overflow: hidden !important;
	}
	.mobile__lang {
		display: block !important;
		text-align: center;
		padding-top: 40px;
	}
	.apartments-info {
		bottom: -18px;
	}
	.popup__head {
		font-size: 22px;
	}
	.about__desc p {
		font-weight: 300;
	}
	.apartments__structure-item-num {
		width: auto;
	}
	.apartments__desc {
		opacity: 0.6 !important;
	}
	.apartments__structure-item-title {
    	opacity: 0.6;
	}
	#bx_3218110189_321 {
        order: 1; /* Оставляем первым */
    }

    /* Третий блок на втором месте */
    #bx_3218110189_323 {
        order: 2;
    }

    /* Второй блок на третьем месте */
    #bx_3218110189_322 {
        order: 3;
    }

    /* Четвертый блок остается на последнем месте */
    #bx_3218110189_324 {
        order: 4;
    }
}

@media screen and (min-width: 768px) and (max-width: 968px) {
	section.apartment_info {
    	display: flex;
    	flex-direction: row !important;
	}
	.apartment_info_data {
		width: 45% !important;
	}
	main {
		display: contents;
	}
	.apartment {
		width: 100%;
		max-width: 100%;
	}
	label.tab-control {
		top: 90%;
		left: 0%;
	}
	div#wrapper {
		width: 100%;
		padding-bottom: 30px;
	}
	.tab-control {
		padding: 0.2rem 0.5rem;
	}
	.apartment_info_data_square {
    	padding-top: 30px;
	}
	footer {
    	margin-top: 60px;
	}
	#parent {
		height: auto;
	}
	.tabs {
		margin: 0 auto;
		width: 100%;
		height: 100%;
	}
	.apartment_info_data_square_rooms {
		font-size: 18px;
	}
	.active img {
    	width: 100%;
    	padding: 87px 0px;
	}
	.slider__other {
		width: 345px !important;
	}
	.mobile__version {
    	display: none !important;
	}
	.horizontal-scroll-container {
		display: block;
	}
	.horizontal-scroll-container {
	  width: 100%;	 
	  -ms-overflow-style: none; /* Для Internet Explorer и Edge */
	  scrollbar-width: none; /* Для Firefox */
	  height: 265px;
	  display: inline-block;
	}
	
	.horizontal-scroll-container::-webkit-scrollbar {
	  display: none; /* Для Chrome, Safari, и Edge */
	}
	
	.horizontal-scroll-content {
	  display: inline-flex;
	  flex-wrap: nowrap;
	}
	
	.about__gallery-item {
	  flex: 0 0 auto;
	  width: 300px;
	  height: 200px;
	  background-color: lightgray;
	  margin-right: 10px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  font-size: 16px;
	}
	
	.about__gallery-item-img img {
	  width: 100%;
	  height: 100%;
	}
	
	.about__gallery-item-content {
	  padding: 10px;
	}
	
	.about__gallery-item-head {
	  margin-bottom: 5px;
	}
	
	.about__gallery-item-info {
	  font-size: 14px;
	}
	/* .section {
		padding: 60px 0px !important;
	} */
	.mobile__version {
		display: block;
		padding: 0px 0px 20px 0px;
	}
	.footer__socials {
		display: block;
	}
	.intersteller__padding {
		display: none;		
	}
	a.red__btn.btn {
    	font-size: 12px;
	}
	.hero__desc {
	    font-size: 10px;
	    margin-top: 26%;
	    position: relative;
	    z-index: 1;
	    float: right;
	}
	.location__item--1 {
		width: 110px;
	}
	.footer {
		padding: 5px 0 10px;
	}
	.mobile__version__btn {
		display: block !important;
	}
	.mobile__lang {
		display: block !important;
		text-align: center;
		padding-top: 40px;
	}

}