123

themes/modern2/assets/css/components/2-layout/responsive.scss

@@ -240,7 +240,7 @@
             width: 100%;
             height: 100%;
             &__inner {
-                padding: 50px;
+                padding: 25px;
             }
             &.active {
                 transform: translateY(0);
@@ -261,6 +261,23 @@
                     line-height: 1;
                     font-weight: 500;
                     color: $text-black;
+                    border-radius: 5px;
+                    border: 1px solid #242424;
+                }
+                &__btn {
+                    position: absolute;
+                    right: 15px;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    -webkit-transform: translateY(-50%);
+                    -moz-transform: translateY(-50%);
+                    -ms-transform: translateY(-50%);
+                    -o-transform: translateY(-50%);
+                    svg {
+                        width: 24px;
+                        height: 24px;
+                        fill: #242424;
+                    }
                 }
             }
         }
@@ -453,6 +470,9 @@
     }
 }
 @include sm-md {
+    .newsSlider__outer {
+        display: none;
+    }
     .swiper-container {
         .slick-list {
             padding: 0 0 0 0;

themes/modern2/assets/css/main.css

@@ -2245,7 +2245,7 @@ li {
     height: 100%;
   }
   .searchModal__inner {
-    padding: 50px;
+    padding: 25px;
   }
   .searchModal.active {
     transform: translateY(0);
@@ -2267,6 +2267,23 @@ li {
     line-height: 1;
     font-weight: 500;
     color: #000;
+    border-radius: 5px;
+    border: 1px solid #242424;
+  }
+  .searchModalInput__btn {
+    position: absolute;
+    right: 15px;
+    top: 50%;
+    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+  }
+  .searchModalInput__btn svg {
+    width: 24px;
+    height: 24px;
+    fill: #242424;
   }
   .searchLogo {
     width: 100%;
@@ -2452,6 +2469,10 @@ li {
   }
 }
 @media (max-width: 700px) {
+  .newsSlider__outer {
+    display: none;
+  }
+
   .swiper-container .slick-list {
     padding: 0 0 0 0;
   }