Fixes MobileLandscape

slideshowpure-fullsreen.css

@@ -18,15 +18,16 @@
   z-index: 999999999 !important;
   visibility: visible;
 }
-.docspinner {
+.docspinner-loader {
   width: 10px;
   height: 10px;
-  margin: 0;
-  position: initial;
+  margin: 50px auto 0;
+  position: relative;
   border-radius: 50%;
   border: 4px solid #fff0;
   border-top-color: #fff;
   animation: spin 1s linear infinite;
+  z-index: 999999999 !important;
 }
 @keyframes spin {
   0% {
@@ -371,7 +372,7 @@
     display: flex;
     z-index: 5;
     justify-content: space-between;
-    width: 14em;
+    width: 16em;
   }
   .play-button,
   .detail-button {
@@ -459,7 +460,7 @@
   .sections.homeSectionsContainer {
     position: relative;
     z-index: 8;
-    top: -100px;
+    top: -150px;
   }
   .dots-container {
     position: absolute;
@@ -499,6 +500,7 @@
     overflow: hidden;
     margin: 0;
     padding: 0%;
+    top: -3.5em;
   }
   .slide {
     transition: opacity 0.5s ease-in-out;
@@ -705,7 +707,7 @@
     align-items: center;
   }
 }
-@media only screen and (min-width: 767px) and (orientation: landscape) {
+@media only screen and (max-height: 767px) and (orientation: landscape) {
   .logo {
     position: relative;
     max-height: 50%;
@@ -727,9 +729,6 @@
     border-radius: 15px;
     top: -8em;
   }
-  .overflowBackdropCard {
-    width: 25vw !important;
-  }
   .sections.homeSectionsContainer {
     position: relative;
     z-index: 8;