Fix responsiveness

static/assets/css/layouts/list.css

@@ -155,6 +155,13 @@
     visibility: hidden;
   }
 
+  .navbar-collapse.lang-selector {
+    display: block !important;
+    position: absolute;
+    right: 0;
+    top: 0.5rem;
+  }
+
   .content-cards {
     padding-top: 20px;
     width: 100%;

static/assets/css/layouts/main.css

@@ -137,7 +137,7 @@ img.right {
 .card .card-head {
   height: 172px;
   -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   overflow: hidden;
 }
 
@@ -238,6 +238,14 @@ img.right {
 
 /* IPad Pro */
 @media (max-width: 1024px) {
+  .content-section .languageSelector {
+    position: fixed;
+    right: 0.5rem;
+    bottom: 1rem;
+    z-index: 10000000;
+    background-color: #f9fafc;
+    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
+  }
 }
 
 /*  Large devices (desktops, 992px and up) */

static/assets/css/layouts/single.css

@@ -368,6 +368,9 @@ mark {
   .navbar-toggler {
     display: block;
   }
+  .navbar-collapse.lang-selector {
+    display: none;
+  }
 
   .hero-area {
     height: 300px;

static/assets/css/navigators/navbar.css

@@ -119,10 +119,17 @@
 .top-navbar .dropdown-menu {
   box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
   border: 1px solid #fff;
-  max-height: 100vh;
-  overflow-y: auto;
+  max-height: 0vh;
+  overflow: hidden;
+  display: block;
+  visibility: hidden;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
+}
+
+.top-navbar .dropdown-menu.show {
+  max-height: 100vh;
+  visibility: visible;
+  transition: all 0.3s ease-in;
 }
 
 .top-navbar .dropdown-menu a {
@@ -133,7 +140,6 @@
 .top-navbar .dropdown-menu a:hover {
   color: #2098d1;
   transition: all 0.3s ease-out;
-  -webkit-transition: all 0.3s ease-out;
   border-bottom: none;
   background: rgb(2, 0, 36);
   background: linear-gradient(
@@ -190,11 +196,6 @@
     border-bottom: none;
   }
 
-  .final-navbar .navbar-collapse.show {
-    box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
-    transition: all 0.3s ease-out;
-  }
-
   .dropdown-divider {
     border-top: 1px solid #c0ccda;
   }
@@ -204,6 +205,12 @@
     width: auto;
     margin-right: 15px;
   }
+  .top-navbar .dropdown-menu {
+    text-align: center;
+    margin-bottom: 0.5rem;
+    margin-right: 1rem;
+    transition: all 0.3s ease-out;
+  }
 }
 
 /*  Large devices (desktops, 992px and up) */
@@ -228,11 +235,6 @@
     border-bottom: none;
   }
 
-  .final-navbar .navbar-collapse.show {
-    box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
-    transition: all 0.3s ease-out;
-  }
-
   .dropdown-divider {
     border-top: 1px solid #c0ccda;
   }
@@ -266,11 +268,6 @@
     border-bottom: none;
   }
 
-  .final-navbar .navbar-collapse.show {
-    box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
-    transition: all 0.3s ease-out;
-  }
-
   .dropdown-divider {
     border-top: 1px solid #c0ccda;
   }
@@ -285,6 +282,10 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
+  .top-navbar .dropdown-menu {
+    margin-left: -1rem;
+    margin-right: 0rem;
+  }
 }
 
 /* iPhoneX, iPhone 6,7,8 */

static/assets/css/sections/home.css

@@ -14,8 +14,7 @@
   background-attachment: fixed;
   background-position: center;
   transform: scale(1.1);
-  -webkit-filter: blur(3px);
-          filter: blur(3px);
+  filter: blur(3px);
   background-size: cover;
 }