#powered-by-autience{ position: fixed; bottom: 10px; right: 15px; display:none; } #powered-by-autience-link{ color: #848484; font-size: 14px; font-family: Arial; } .autience-blog-page-container{ display: none; } .autience-container-side-slider{ width: 100%; height: 100%; background: url(../images/transpbg.png) repeat top left; top:0px; position: fixed; z-index: 9999 !important; } .autience-layout-side-slider{ color:black; width: 50%; float: right; display: block; height: 100vh; background-color: white; -webkit-box-shadow: 3px 0px 4px -1px rgba(0,0,0,0.75); -moz-box-shadow: 3px 0px 4px -1px rgba(0,0,0,0.75); box-shadow: 3px 0px 4px -1px rgba(0,0,0,0.75); } .autience-layout-side-slider .autience-content-bound{ height:100vh; width:100%; display: table-cell; vertical-align: middle; } /*Positioning of the close button based on layout*/ .autience-layout-side-slider .autience-close-layout{ float: left; display: block; margin-left:10px; cursor: pointer; } @media only screen and (min-width: 768px) { /* tablets and desktop */ } @media only screen and (max-width: 767px) { /* phones */ } @media only screen and (max-width: 767px) and (orientation: portrait) { /* portrait phones */ } @media only screen and (max-width : 360px){ /* phones potrait */ }