Save

wp-content/plugins/elementor-addon/assets/css/main.scss

@@ -2,19 +2,34 @@
 	.apartament-card {
 		&__wrapper {
 			position: relative;
-			width: 1264px;
+			width: 100%;
+			max-width: 1264px;
 			margin: 0 auto;
 			padding: 93px 126px 26px;
 			border: 4px solid #192c44;
 
+			@media (max-width: 992px) {
+				padding: 80px 70px 20px;
+			}
+			@media (max-width: 768px) {
+				padding: 0;
+				border: 0;
+			}
 			.apartament-card__title {
-				position: absolute;
-				left: 50%;
-				top: 0;
-				transform: translateX(-50%);
-
 				background: #192c44;
 
+				@media (min-width: 769px) {
+					position: absolute;
+					left: 50%;
+					top: 0;
+					transform: translateX(-50%);
+				}
+				@media (max-width: 768px) {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					margin: 0 25px 25px;
+				}
 				h2 {
 					color: #ffffff;
 					font-family: 'Barlow', sans-serif;
@@ -24,6 +39,11 @@
 					text-align: center;
 					margin: 0;
 					padding: 5px 70px 8px;
+					min-width: max-content;
+
+					@media (max-width: 768px) {
+						font-size: 24px;
+					}
 				}
 			}
 
@@ -32,12 +52,29 @@
 				line-height: 0;
 				margin-bottom: 17px;
 
+				@media (max-width: 768px) {
+					margin-bottom: 26px;
+				}
+
 				.swiper-button-prev {
 					left: 0;
 					transform: translateX(calc(-100% - 30px));
 
 					width: 43px;
 					height: 119px;
+
+					@media (max-width: 768px) {
+						width: 27px;
+						height: 70px;
+						transform: none;
+						left: 8px;
+
+						svg {
+							path {
+								fill: #fff;
+							}
+						}
+					}
 				}
 				.swiper-button-next {
 					right: 0;
@@ -45,6 +82,19 @@
 
 					width: 43px;
 					height: 119px;
+
+					@media (max-width: 768px) {
+						width: 27px;
+						height: 70px;
+						transform: none;
+						right: 8px;
+
+						svg {
+							path {
+								fill: #fff;
+							}
+						}
+					}
 				}
 
 				img {
@@ -61,6 +111,12 @@
 				gap: 26px;
 				margin-bottom: 15px;
 
+				@media (max-width: 768px) {
+					grid-template-columns: 1fr;
+					margin-left: 25px;
+					margin-right: 25px;
+				}
+
 				.apartament-card__info_col1 {
 					border: 4px solid #192c44;
 					padding: 25px 10% 10px;
@@ -174,6 +230,10 @@
 			}
 
 			.apartament-card__desc {
+				@media (max-width: 768px) {
+					margin-left: 25px;
+					margin-right: 25px;
+				}
 				p {
 					color: #192c44;
 					font-family: 'Barlow', sans-serif;