<style> @media screen and (min-width: 200px) and (max-width: 567px) and (orientation: landscape) { html { transform: rotate(-90deg); transform-origin: left top; width: 100vh; overflow-x: hidden; position: absolute; } } @media screen and (min-width: 200px) and (max-width: 767px){ .sticky { top: 0px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); right: 0px; position: fixed; width: 50%; z-index: 1; background-color: black; border: 1px solid white; text-align: center; padding-right:24.5%; padding-left:24.5%; }} @media screen and (min-width: 768px) and (max-width: 1300px){ .sticky { top: 0px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9); position: fixed; top: 80%; right: 10px; width: 20%; z-index: 1; background-color: black; border: 1px so