body{font-family:Open Sans,Arial,sans-serif;font-size:14px}#example1 .panel-counter{-moz-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;-moz-transform:rotate(-90deg) translateY(100%);-webkit-transform:rotate(-90deg) translateY(100%);transform:rotate(-90deg) translateY(100%);border-top:1px solid #f5f5f5;color:#fbfbfb;padding:5px;height:50px;font-size:20px;width:100%}@media (max-width:860px){#example1.custom-responsive .panel-counter{left:2px!important;padding:2px;bottom:2px!important;font-size:16px}#example1.custom-responsive .hide-medium-screen,#example3 .hide-medium-screen{display:none}}@media (max-width:640px){#example1.custom-responsive .as-layer,#example3.as-horizontal .as-layer{font-size:12px}#example1.custom-responsive .hide-small-screen,#example3 .hide-small-screen{display:none}}@media (max-width:450px){#example1.custom-responsive .as-layer,#example3.as-horizontal .as-layer{padding:2px;font-size:10px}}#example3 .as-panel{border:2px solid #333;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#example4 .text{color:#222;padding:15px;background-color:#f1f1f1}#example4 .title{margin:0;font-size:24px}#example4 .description{line-height:1.2;font-size:14px}#example4 .link{position:absolute;bottom:0}#example4 .link a{color:#000}#example-xml .as-panel-counter{-moz-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;-moz-transform:rotate(-90deg) translateY(100%);-webkit-transform:rotate(-90deg) translateY(100%);transform:rotate(-90deg) translateY(100%);color:#333;padding:5px;font-size:20px}.controls{margin-top:30px;text-align:center}.controls a{color:#333}.controls span.custom-arrow{display:none}