Home page RWD

themes/ayon/assets/css/custom.scss

@@ -2722,6 +2722,12 @@ footer#footer {
 }
 
 #roycontent_home {
+	&.roycontent ul.clearfix {
+		@media (max-width: 767px) {
+			display: block;
+		}
+	}
+
 	li.htmlcontent-item-id-40 {
 		padding: 140px 0 50px;
 
@@ -2830,6 +2836,21 @@ footer#footer {
 				height: 672px;
 				overflow: hidden;
 
+				@media (max-width: 992px) {
+					height: 420px;
+
+					img {
+						height: 420px;
+					}
+				}
+				@media (max-width: 768px) {
+					height: 320px;
+
+					img {
+						height: 320px;
+					}
+				}
+
 				&:hover {
 					img {
 						transform: scale(1.1);
@@ -2868,11 +2889,25 @@ footer#footer {
 			align-items: center;
 			column-gap: 50px;
 
+			@media (max-width: 992px) {
+				grid-template-columns: 5fr 7fr;
+			}
+			@media (max-width: 768px) {
+				grid-template-columns: 1fr;
+				row-gap: 60px;
+			}
 			._c-col {
 				&-1 {
+					@media (max-width: 768px) {
+						text-align: center;
+					}
 					img {
 						width: 100%;
 						max-width: fit-content;
+
+						@media (max-width: 768px) {
+							max-width: 350px;
+						}
 					}
 				}
 			}
@@ -2887,6 +2922,10 @@ footer#footer {
 			font-size: 40px;
 			line-height: 1;
 			margin: 0;
+
+			@media (max-width: 992px) {
+				font-size: 32px;
+			}
 		}
 
 		p {
@@ -2905,6 +2944,10 @@ footer#footer {
 
 		._box-text {
 			margin: 50px 0;
+
+			@media (max-width: 992px) {
+				margin: 30px 0;
+			}
 		}
 	}
 
@@ -2947,6 +2990,14 @@ footer#footer {
 				grid-template-columns: 1fr 1fr;
 				column-gap: 120px;
 
+				@media (max-width: 992px) {
+					column-gap: 60px;
+				}
+
+				@media (max-width: 767px) {
+					grid-template-columns: 1fr;
+				}
+
 				._c-col {
 					&-1 {
 					}
@@ -2959,6 +3010,9 @@ footer#footer {
 						max-width: 440px;
 						margin: 0 auto;
 
+						@media (max-width: 767px) {
+							max-width: unset;
+						}
 						._c-tile--img {
 							margin-bottom: 40px;
 
@@ -3094,6 +3148,11 @@ footer#footer {
 				column-gap: 80px;
 			}
 
+			@media (max-width: 767px) {
+				grid-template-columns: 1fr;
+				row-gap: 80px;
+			}
+
 			._c-col {
 				&-1 {
 					h3 {
@@ -3229,6 +3288,11 @@ footer#footer {
 				font-weight: 400;
 				font-size: 40px;
 				line-height: 1;
+
+				@media (max-width: 767px) {
+					padding-left: 35px;
+					font-size: 32px;
+				}
 			}
 		}