Center - Testimonies

src/components/pages/HomePage.css

@@ -7,7 +7,7 @@
 }
 @media screen and (max-width: 991px) {
   .testimonialbox {
-    margin-bottom: 250px;
+   /* margin-bottom: 250px;*/
   }
 }
 
@@ -46,6 +46,15 @@
   .box-video {
     padding-left: 0 !important;
   }
+  .carousel-indicators {
+    margin-top: 50px;
+    position: relative !important;
+  }
+  .testimoniesBox {
+    margin-bottom: 80px;
+    padding: 40px 0;
+}
+
 }
 
 @media screen and (min-width: 991px) {
@@ -55,6 +64,8 @@
   }
 }
 
+
 .margin-5 {
   padding: 3rem;
-}
+}
+

src/components/sections/TestimoniesSection.js

@@ -78,7 +78,6 @@ class TestimoniesSection extends React.Component {
             <Col lg="6"
               style={{
                 border: '1px solid #128f52',
-                paddingTop: '10px',
                 paddingLeft: '0'
             }} className ="testimoniesBox">
               <Carousel

src/index.css

@@ -42,10 +42,10 @@
 strong.important {
   font-weight: 700 !important;
 }
-
+/*
 .testimonialc {
   margin-bottom: 100px;
-}
+}*/
 
 .carousel-item i {
   font-size: 80px;
@@ -77,9 +77,7 @@ strong.important {
 .testimonialc .controls-top .btn-floating {
   background: #4285f4;
 }
-.testimonialc .carousel-indicators {
-  margin-bottom: -5em;
-}
+
 .testimonialc .card {
   margin: 1px;
 }
@@ -93,10 +91,26 @@ strong.important {
   }
 }
 #testimonies {
-  padding: 10rem 0 !important;
+  padding: 5rem 0 !important;
 }
 @media (min-width: 1200px) {
   .menuc {
     max-width: 90% !important;
   }
 }
+
+@media only screen and (min-width: 990px) {
+
+  .testimoniesBox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .testimonialbox {
+    margin-top: -20px;
+  }
+  .testimonialc .carousel-indicators {
+    margin-bottom: -1em;
+  }
+
+}