* {   padding: 0px;   margin: 0px; }  .submenu .back {   color: #4a6679;   background: #dedede;   transform:none ! important;   position:relative ! important;   left: auto ! important;   top: auto ! important;   width: auto ! important;   height:auto ! important;   padding:0px ! important; }  .menu-wrap {   height: 100vh;   width: 50%;   padding: 0;   float: left;   position: relative; }  .mobile-mockup-wrap {   height: auto;   left: 50%;   margin: 0 auto;   position: absolute;   top: 50%;   transform: translate(-50%, -50%);   width: 340px; } .mobile-mockup-wrap img {   width: 100%;   height: auto; } .iframe-wrap {   height: 503px;   left: 21px;   position: absolute;   top: 103px;   width: 299px; } .iframe-wrap iframe {   border: none;   height: 503px;   width: 100%; } .show-in-mobile {   display: none; } @media (min-width: 0px) and (max-width: 767px) {   .show-in-mobile {  display: block;   }   .menu-wrap {  float: none;  height: auto;  width: 100%;   }   .mobile-mockup-wrap {  height: auto;  left: 50%;  margin: 50px auto;  position: absolute;  top: auto;  transform: translateX(-50%);  width: 300px;   }   .iframe-wrap {  height: 440px;  left: 50%;  position: absolute;  top: 95px;  transform: translateX(-50%);  width: 264px;   }   .iframe-wrap iframe {  border: none;  height: 440px;  width: 100%;   } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {} @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {} @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 992px) and (max-width: 1024px) { }