diff --git a/css/product.css b/css/product.css
index f82a513..4b3adcd 100644
--- a/css/product.css
+++ b/css/product.css
@@ -47,7 +47,13 @@
 
 .product-gallery-top {
   width: 100%;
-  height: 650px;
+  height: 500px;
+}
+
+@media (min-width: 550px) {
+    .product-gallery-top{
+        height: 650px;
+    }
 }
 
 .product-gallery-top .swiper-slide {
@@ -64,11 +70,17 @@
 
 .product-gallery-thumbs {
   width: 100%;
-  height: 100px;
+  height: 75px;
   padding-right: : 10px;
   padding-top: 10px;
 }
 
+@media (min-width: 550px) {
+    .product-gallery-thumbs{
+        height: 100px;
+    }
+}
+
 .product-gallery-thumbs .swiper-slide {
   height: 100%;
   width: 100px;
@@ -86,4 +98,4 @@
 
 .product-gallery-thumbs .swiper-slide-thumb-active {
   opacity: 1;
-}
\ No newline at end of file
+}
diff --git a/css/swipersc.css b/css/swipersc.css
index 7f0b2d6..20de7ae 100644
--- a/css/swipersc.css
+++ b/css/swipersc.css
@@ -1,9 +1,14 @@
 .swipersc{
 	width: 100%;
-	height: 650px;
+	height: 500px;
 	margin-bottom: 3rem;
     margin-top: 3rem;
 }
+@media (min-width: 550px) {
+    .swipersc{
+        height: 650px;
+    }
+}
 
 .swipersc .swiper-slide{
 	width: 100%;