Style

<style>
.online_watch{position:relative;width:100%;height:576px;z-index:100;margin:20px 0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;clear:both}
.two-sides,.two-sides .cover_online{height:400px;/* position:relative;*/}
.cover_online{width:100%;height:576px;background-size:cover;background-position:center center;background-repeat:no-repeat;box-shadow:0 0 5px rgba(0,0,0,0.09);position:relative;overflow:hidden;z-index:1;background:#000}
.server-not-av{display:block;text-align:center;background:rgba(0,0,0,0.38);line-height:37px;font-weight:normal;margin:120px auto!important;color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,0.37);font-size:16px}
.cover_online .play_player{position:absolute;width:110px;height:110px;border-radius:50%;text-align:center;right:50%;margin-right:-55px;top:50%;margin-top:-55px;z-index:2}
.cover_online .play_player i{display:block;line-height:110px;font-size:110px;color:#f55b2b;text-shadow:-1px 7px 5px rgba(0,0,0,0.47)}
.servers-box{position:relative;padding-top:84px}
.servers-box.episode{padding-top:150px}
.server-viewport{margin-right:170px;position:relative;height:100%}
.two-sides .server-viewport{margin-left:200px}
.servers-tabs{display:inline-block;float:right;width:170px;overflow-y:auto;padding-top:5px;height:100%;direction:ltr;background:rgb(30,30,31)}
.servers-tabs ul{}
.server-viewport iframe {width: 100%;height: 100%;z-index: +1;position: relative;}
.servers-tabs li{background:#7d7d7d;margin:0 5px;padding:5px 10px;margin-bottom:5px;text-align:right;color:#fff;cursor:pointer;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.servers-tabs li:hover,.servers-tabs li.active{background:#e2081c}
.servers-tabs i{margin-left:5px}
.related-side{position:relative;position:absolute;left:0;top:0;width:200px;height:100%;/* overflow-y:hidden;*/
	background:rgb(18,18,19)}
.related-side h2{display:block;background:#e2081c;text-align:center;font-size:15px;border-bottom:2px #000 solid;padding:7px 8px}
.related-side ul{height:calc( 100% - 43px );overflow-y:auto}
.related-side a{display:block;position:relative;padding:5px 10px;background:#1f1f1f;color:#fff;margin:0 3px;margin-top:3px;font-size:12px;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}
.related-side a:hover{background:rgb(226,8,28)}
.related-side a.active{background:#000}
.related-side ul::-webkit-scrollbar-track{background:#151515;margin-left:10px}
.related-side ul::-webkit-scrollbar-thumb{background:#e2081c;border-radius:25px}
@media screen and (max-width:768px){/* CSS CODE HERE FOR SMALL TABLETS ---*/.two-sides,.two-sides .cover_online,.online_watch,.online_watch .cover_online{height:initial;display:block;clear:both;padding:1px 0;/* padding:0;*/    margin:11px 0;background:#38393b!important}.servers-tabs{float:none;display:block;width:initial;height:initial}.server-viewport{margin:5px 0!important;clear:both;height:260px}.related-side{position:relative;display:block;width:initial}}
</style>

<script async='async' src='//rawgit.com/abdelalilebbihi/abdou_tech/master/gadget/server_live_streaming2.js' type='text/javascript'/>