body {
    font-family: "myriad pro", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: #ffffff url(../img/bgu.html) top center;
      color: #00abff;

}



 
.tv-screen { margin-top: 0px; }
.thumbnail-slider { }
.thumbnail-slider ul { height: 465px; white-space: nowrap; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding: 0; }
.thumbnail-slider ul li { list-style: none; padding: 5px; }
.thumbnail-slider ul li img { max-width: 100%; 
border-radius: 20px;
box-shadow: 0px -16px 65px #4a647b;}
 .thumbnail-slider ul::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
 background-color: #F5F5F5;
}
 .thumbnail-slider ul::-webkit-scrollbar {
 width: 12px;
 border-radius: 10px;
 background-color: #F5F5F5;
}
 .thumbnail-slider ul::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #D62929;
}

@media only screen and (max-width: 1200px) {
.thumbnail-slider ul { height: 464px; }
}
@media only screen and (max-width: 990px) {
.thumbnail-slider ul { height: 90px; overflow-y: hidden; overflow-x: auto; }
.thumbnail-slider ul li { display: inline-block; }
.thumbnail-slider ul li img { height: 70px; }
 .thumbnail-slider ul::-webkit-scrollbar { height: 10px; }
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}