From 110a4990d7a255bf92d9af0132a4fba11e228812 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Tue, 4 May 2021 15:27:17 +0500
Subject: [PATCH] font sizes changed

---
 .../css/components/1-main/variables.scss      |  14 +-
 .../css/components/2-layout/newsCard.scss     |   2 +-
 .../css/components/2-layout/responsive.scss   |  50 +++---
 .../assets/css/components/3-page/heading.scss |   4 +-
 .../assets/css/components/3-page/home.scss    |   9 +-
 themes/modern/assets/css/main.css             | 150 ++++++++++--------
 6 files changed, 121 insertions(+), 108 deletions(-)

diff --git a/themes/modern/assets/css/components/1-main/variables.scss b/themes/modern/assets/css/components/1-main/variables.scss
index e237ca76f..7f0243459 100755
--- a/themes/modern/assets/css/components/1-main/variables.scss
+++ b/themes/modern/assets/css/components/1-main/variables.scss
@@ -4,13 +4,13 @@ $text-black: #000;
 $text-color-white: #FFFFFF;
 $text-color-grey: #A2A2A2;
 $color-grey: #B4B4B4;
-$p-size: 20px;
-$p-height: 40px;
-$h2-size: 24px;
-$h2-height: 36px;
-$h3-size: 20px;
+$p-size: 16px;
+$p-height: 30px;
+$h2-size: 22px;
+$h2-height: 30px;
+$h3-size: 18px;
 $h3-height: 26px;
-$h4-size: 18px;
-$h4-height: 30px;
+$h4-size: 16px;
+$h4-height: 25px;
 $h5-size: 14px;
 $h5-height: 20px;
diff --git a/themes/modern/assets/css/components/2-layout/newsCard.scss b/themes/modern/assets/css/components/2-layout/newsCard.scss
index 690284a69..a7451fe1d 100755
--- a/themes/modern/assets/css/components/2-layout/newsCard.scss
+++ b/themes/modern/assets/css/components/2-layout/newsCard.scss
@@ -52,7 +52,7 @@
         line-height: $h4-height;
         margin: 10px 0 0 0;
         display: block;
-        max-height: 90px;
+        max-height: 75px;
         overflow: hidden;
         text-overflow: ellipsis;
     }
diff --git a/themes/modern/assets/css/components/2-layout/responsive.scss b/themes/modern/assets/css/components/2-layout/responsive.scss
index 91c0eb352..1341501f4 100755
--- a/themes/modern/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern/assets/css/components/2-layout/responsive.scss
@@ -3,45 +3,33 @@
         max-width: 1240px;
     }
     // slider start
-    .slider {
-        &__nav {
-            a {
-                span {
-                    font-size: 16px;
-                }
-            }
-        }
-    }
     // slider end
-    .card { 
-        &__link {
-            font-size: 16px;
-        }
-    }
     .heading__content-body-link {
-      font-size: 16px;
+        font-size: 16px;
     }
     .heading__content-body-para {
-      font-size: 16px;
-      h3 {
-        font-size: 18px;
-        line-height: 30px;
-      }
+        font-size: 16px;
+        h3 {
+            font-size: 18px;
+            line-height: 30px;
+        }
     }
     .main__sidebar-title {
-      font-size: 16px;
+        font-size: 16px;
     }
     .about__para {
-      font-size: 16px;
+        font-size: 16px;
     }
     .address__inner {
-      font-size: 16px;
+        font-size: 16px;
     }
     .form__input label {
-      font-size: 16px;
+        font-size: 16px;
     }
 }
 @include xlg-xxlg {
+    $h4-size: 14px;
+    $h4-height: 22px;
     .auto__container {
         max-width: 1040px;
         padding: 0 25px;
@@ -113,6 +101,9 @@
     }
     .card {
         padding: 15px;
+        &__link {
+            max-height: 66px;
+        }
     }
     .partner {
         &__title {
@@ -134,7 +125,10 @@
             }
             &-body {
                 &-para {
-                    height: 90px;
+                    height: 88px;
+                }
+                &-link {
+                    height: 44px;
                 }
             }
         }
@@ -172,6 +166,9 @@
     }
 }
 @include lg-xlg {
+    .hero {
+        margin-top: 30px;
+    }
     .slider {
         &__nav {
             display: none;
@@ -336,6 +333,9 @@
     }
 }
 @include sm-md {
+    .hero {
+        margin-top: 0;
+    }
     .slider {
         height: 350px;
         &__item {
diff --git a/themes/modern/assets/css/components/3-page/heading.scss b/themes/modern/assets/css/components/3-page/heading.scss
index 0046bad39..ff4a94ecd 100755
--- a/themes/modern/assets/css/components/3-page/heading.scss
+++ b/themes/modern/assets/css/components/3-page/heading.scss
@@ -82,7 +82,7 @@
         line-height: $h4-height;
         margin: 10px 0 0 0;
         display: block;
-        height: 60px;
+        height: 50px;
         overflow: hidden;
         text-overflow: ellipsis;
         margin-bottom: 20px;
@@ -92,7 +92,7 @@
         line-height: $h4-height;
         font-weight: 400;
         color: $text-light-black;
-        height: 120px;
+        height: 100px;
         overflow: hidden;
         text-overflow: ellipsis;
       }
diff --git a/themes/modern/assets/css/components/3-page/home.scss b/themes/modern/assets/css/components/3-page/home.scss
index 048f878a3..a80c62f4d 100755
--- a/themes/modern/assets/css/components/3-page/home.scss
+++ b/themes/modern/assets/css/components/3-page/home.scss
@@ -1,3 +1,6 @@
+.hero {
+    margin-top: 50px;
+}
 // banner start
 .banner {
     margin: 80px 0;
@@ -153,11 +156,11 @@
             flex-wrap: wrap;
             margin: -30px -5px 80px -5px;
             &-link {
-                padding: 10px 20px;
+                padding: 3px 7px;
                 border-right: 5px;
                 background: #f7f7f6;
-                font-size: $h4-size;
-                line-height: $h4-height;
+                font-size: $h5-size;
+                line-height: $h5-height;
                 color: $text-light-black;
                 margin: 5px;
             }
diff --git a/themes/modern/assets/css/main.css b/themes/modern/assets/css/main.css
index 8358e21ad..226445305 100755
--- a/themes/modern/assets/css/main.css
+++ b/themes/modern/assets/css/main.css
@@ -147,16 +147,16 @@ li {
   width: calc(100% - 60px);
   font-family: "roboto";
   padding: 14px 40px 14px 20px;
-  font-size: 18px;
-  line-height: 18px;
+  font-size: 16px;
+  line-height: 16px;
   color: rgba(36, 36, 36, 0.3);
   border-radius: 5px;
   border: 1px solid #c9c9c9;
 }
 .header__search-input input::placeholder {
   font-family: "roboto";
-  font-size: 18px;
-  line-height: 18px;
+  font-size: 16px;
+  line-height: 16px;
   color: rgba(36, 36, 36, 0.3);
 }
 .header__search-btn {
@@ -554,8 +554,8 @@ li {
   background: #FD4C24;
   color: #FFFFFF;
   font-weight: 400;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   padding: 5px 20px;
 }
 .slider__nav {
@@ -622,8 +622,8 @@ li {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   color: #FFFFFF;
   font-weight: 700;
   position: relative;
@@ -759,11 +759,11 @@ li {
 .card__link {
   color: #000;
   font-weight: 700;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   margin: 10px 0 0 0;
   display: block;
-  max-height: 90px;
+  max-height: 75px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -920,7 +920,7 @@ li {
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   padding: 10px 0;
@@ -936,7 +936,7 @@ li {
   background-position: center center;
   background-size: contain;
   background-repeat: no-repeat;
-  font-size: 17px;
+  font-size: 15px;
   line-height: 23px;
   justify-content: center;
   align-items: center;
@@ -1054,6 +1054,10 @@ li {
   background-color: #2495f3;
 }
 
+.hero {
+  margin-top: 50px;
+}
+
 .banner {
   margin: 80px 0;
 }
@@ -1127,7 +1131,7 @@ li {
   position: absolute;
 }
 .main__body-header-title {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   color: #242424;
@@ -1142,7 +1146,7 @@ li {
   margin: -100px 30px 0 30px;
 }
 .main__body-title {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   color: #242424;
@@ -1170,8 +1174,8 @@ li {
   width: calc(30% - 25px);
 }
 .main__sidebar-title {
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 80px;
@@ -1209,11 +1213,11 @@ li {
   margin: -30px -5px 80px -5px;
 }
 .main__sidebar-tag-link {
-  padding: 10px 20px;
+  padding: 3px 7px;
   border-right: 5px;
   background: #f7f7f6;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 14px;
+  line-height: 20px;
   color: #242424;
   margin: 5px;
 }
@@ -1238,7 +1242,7 @@ li {
   position: absolute;
 }
 .event__header-title {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   color: #242424;
@@ -1305,7 +1309,7 @@ li {
   margin-bottom: 80px;
 }
 .partner__title {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   color: #242424;
@@ -1326,7 +1330,7 @@ li {
 .heading__title {
   font-weight: 700;
   color: #242424;
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   margin-bottom: 80px;
 }
@@ -1405,21 +1409,21 @@ li {
 .heading__content-body-link {
   color: #000;
   font-weight: 700;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   margin: 10px 0 0 0;
   display: block;
-  height: 60px;
+  height: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 20px;
 }
 .heading__content-body-para {
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 400;
   color: #242424;
-  height: 120px;
+  height: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -1447,7 +1451,7 @@ li {
 }
 .heading__footer-input input {
   text-align: center;
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   height: 100%;
   width: 100%;
@@ -1457,7 +1461,7 @@ li {
   color: #242424;
 }
 .heading__footer span {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   color: #242424;
   font-weight: 400;
@@ -1465,7 +1469,7 @@ li {
 }
 
 .address__inner {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   color: #242424;
   font-weight: 400;
@@ -1479,13 +1483,13 @@ li {
   padding: 80px 0;
 }
 .about__title {
-  font-size: 24px;
-  line-height: 36px;
+  font-size: 22px;
+  line-height: 30px;
   font-weight: 700;
   color: #242424;
 }
 .about__para {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 40px;
   font-weight: 400;
   color: #242424;
@@ -1495,7 +1499,7 @@ li {
 .form__title {
   font-weight: 700;
   color: #242424;
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   margin-bottom: 80px;
 }
@@ -1511,8 +1515,8 @@ li {
 }
 .form__input label {
   display: block;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 700;
   color: #242424;
   margin-bottom: 20px;
@@ -1523,8 +1527,8 @@ li {
   height: 60px;
   border-radius: 5px;
   border: 1px solid #c9c9c9;
-  font-size: 18px;
-  line-height: 18px;
+  font-size: 16px;
+  line-height: 16px;
   color: #242424;
 }
 .form__input:last-child {
@@ -1540,8 +1544,8 @@ li {
 }
 .form__input-bg label {
   display: block;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 700;
   color: #242424;
   margin-bottom: 20px;
@@ -1552,8 +1556,8 @@ li {
   height: 60px;
   border-radius: 5px;
   border: 1px solid #c9c9c9;
-  font-size: 18px;
-  line-height: 18px;
+  font-size: 16px;
+  line-height: 16px;
   color: #242424;
 }
 .form__textarea {
@@ -1562,8 +1566,8 @@ li {
 }
 .form__textarea label {
   display: block;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 700;
   color: #242424;
   margin-bottom: 20px;
@@ -1582,8 +1586,8 @@ li {
   font-weight: 700;
   padding: 14px;
   border-radius: 5px;
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   margin-top: 30px;
 }
 
@@ -1601,8 +1605,8 @@ li {
   width: calc(30% - 25px);
 }
 .news__sidebar-title {
-  font-size: 18px;
-  line-height: 30px;
+  font-size: 16px;
+  line-height: 25px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
@@ -1624,13 +1628,13 @@ li {
 .news__title {
   color: #000;
   font-weight: 700;
-  font-size: 24px;
-  line-height: 36px;
+  font-size: 22px;
+  line-height: 30px;
 }
 .news__date {
   display: flex;
   align-items: center;
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   color: #A2A2A2;
   font-weight: 400;
@@ -1648,8 +1652,8 @@ li {
   height: auto;
 }
 .news__body p {
-  font-size: 20px;
-  line-height: 40px;
+  font-size: 16px;
+  line-height: 30px;
   margin-bottom: 30px;
 }
 .news__body p a {
@@ -1678,8 +1682,8 @@ li {
   fill: #FD4C24;
 }
 .news__footer-name {
-  font-size: 24px;
-  line-height: 36px;
+  font-size: 22px;
+  line-height: 30px;
   font-weight: 700;
   color: #242424;
 }
@@ -1688,15 +1692,15 @@ li {
   padding: 80px 0;
 }
 .terms__title {
-  font-size: 20px;
+  font-size: 18px;
   line-height: 26px;
   font-weight: 700;
   color: #000;
   margin-bottom: 40px;
 }
 .terms__para {
-  font-size: 20px;
-  line-height: 40px;
+  font-size: 16px;
+  line-height: 30px;
   font-weight: 400;
   color: #000;
   margin-bottom: 40px;
@@ -1707,14 +1711,6 @@ li {
     max-width: 1240px;
   }
 
-  .slider__nav a span {
-    font-size: 16px;
-  }
-
-  .card__link {
-    font-size: 16px;
-  }
-
   .heading__content-body-link {
     font-size: 16px;
   }
@@ -1807,6 +1803,9 @@ li {
   .card {
     padding: 15px;
   }
+  .card__link {
+    max-height: 66px;
+  }
 
   .partner__title {
     margin-bottom: 40px;
@@ -1826,7 +1825,10 @@ li {
     margin-bottom: 15px;
   }
   .heading__content-body-para {
-    height: 90px;
+    height: 88px;
+  }
+  .heading__content-body-link {
+    height: 44px;
   }
   .heading a.progressive {
     height: 250px;
@@ -1853,6 +1855,10 @@ li {
   }
 }
 @media (max-width: 1023px) {
+  .hero {
+    margin-top: 30px;
+  }
+
   .slider__nav {
     display: none;
   }
@@ -1925,7 +1931,7 @@ li {
     text-align: center;
     margin-right: 0;
     padding: 20px;
-    font-size: 20px;
+    font-size: 18px;
     line-height: 26px;
     font-weight: 700;
     width: calc(100% - 40px);
@@ -2006,6 +2012,10 @@ li {
   }
 }
 @media (max-width: 700px) {
+  .hero {
+    margin-top: 0;
+  }
+
   .slider {
     height: 350px;
   }