/* 1980s Made for Mobile */
@media (max-width: 768px){
   
body {
    max-width:100%;
    margin:0 auto;
    pointer-events:auto;
}
body button {
    pointer-events:auto;
}
body a {
    pointer-events:auto;
}

#wrapper{
    margin:0 auto;
    max-width:98%;
    overflow-x:hidden;
    pointer-events:none;
}
#wrapper a {
    pointer-events:auto;
}
#wrapper button {
    pointer-events:auto;
}
#wrapper_b {
    margin:0 auto;
    max-width:98%;
    overflow-x:hidden;
    pointer-events:auto;
}
.desktopPic {
    display:none;
}
.mobilePic {
    display:block;
}
.header{
    display:block;
    height:80px;
    width:100%;
    margin:0 0 5% 0;
    pointer-events:auto;
    
}
.nav {
  height: 110px;
  width: 100%;
  margin:0 0 15% 0;
 border:0px solid green;
 background-color: #ffffffd9;
  background-image: url("/img/gifs/snow_big.#");
    background-repeat: no-repeat;
    background-position:center;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
  
  position:fixed;
  top:0;
  transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
  z-index:9998;
}
.nav-header img{
    display:block;
    float:right;
    padding:0 2% 0 0;
    margin:0 0 0 0;
    width:60px;
    height:60px;
    pointer-events:none;
}
.nav-links> .MobileSocial {
    display:block;
    color:green;
}
.nav-links> .MobileSocial img {
    float:left;
    width:48px;
    height:auto;
    padding:0 1% 0 1%;
    pointer-events:auto;
    
}
.footer{
    display:inline-block;
    margin:10% 1% 0 1%;
    width:98%;
    height:50px;
     background-color:lightgrey;
     z-index:9999;
     pointer-events:auto;
}
.footer_text_bottom{
      font-family:Cabin;
      font-size:16px;
      border-top:1px solid white;
      pointer-events:auto;
}
.footer a {
    pointer-events:auto;
}
.section-1{
    Display:block;
    width:96%;
    height:5px;
    margin:0 0 0 2%;   
    border-bottom:1px solid black;
}
.col-1{
    display:none;
}

.col-2{
      display:block;
      height:auto;
      width:100%;
      margin: 0 0 0 0;
      padding:0 0 0 0;
      border:0px solid black;
  }
  .col-17b-Gen90{
    display:block;
    height:auto;
    font-family:Cabin;
    font-size:1.17em;
    font-weight:bold;
    width:80%;
    margin:0 10% 0 10%;
    border:0px solid black;
    pointer-events:none;
  }
  .col-17b-Gen90 p {
      font-family:montserrat;
      font-size:18px;
      font-weight:500;
      text-align:center;
      padding:0 2% 0 2%;
  }
  .col-17b-Gen90 pg {
      color:blue;
      font-weight:800;
  }

  .col25-Gen-1{
    display:block;
    height:auto;
    width:98%;
    margin:2% 0 2% 0;
    border-top:1px solid grey;
}
.homepanel_001{
    display:block;
    width:100%;
    height:auto;
    margin:5% 0 0 0;
    padding:2%;
    border:1px solid black;
    margin-bottom:2%;
    word-wrap:break-word;
}
.innerhomepanel_001{
    display:block;
    width:100%;
    padding:2%;
    margin-bottom:2%;
    font-family:monospace;
    word-wrap:break-word;
}
.innerhomepanel_001 img {
    display:block;
    float:left;
    width:250px;
    height:auto;
    padding:1% 1% 1% 1%;
}
.innerhomepanel_left{
    display:block;
    float:left;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0 2% 0;
    font-family:monospace;
    border:1px solid black;
    
}
.innerhomepanel_left img {
    display:block;
    float:right;
    width:250px;
    height:auto;
    padding:2% 2% 2% 2%;
}
.innerhomepanel_films_right{
    display:block;
    width:100%;
    height:auto;
    padding:0%;
    margin:2% 0% 0% 0%;
    word-wrap:break-word;
    font-family:monospace;
    border: 1px solid black;

    overflow-y:hidden;
    overflow-x:hidden;
    pointer-events:auto;
}
.innerhomepanel_films_right img {
    display:block;
    float:right;
    width:90px;
    height:auto;
    padding:0 2% 1% 2%;
    margin-bottom:9%;
}
.innerhomepanel_films_right_info{
    display:none;
}
.movie_films{
    display:block;
    float:left;
    width:100%;
    height:auto;
    padding:1%;
    font-family:monospace;
    border: 1px solid black;
}
.movie_films img {
    display:inline-block;
    float:left;
    width:150px;
    height:auto;
    border-radius:10px;
    padding:0% 2% 0 2%;
    transition: transform .4s; /* Animation */
}
.movie_films IMG:hover{ 
    transform: scale(1.5); /* (10% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    
}
.movie_films_right_info{
    display:block;
    float:right;
    width:100%;
    height:auto;
    padding:0 2% 2% 2%;
    margin:1% 1% 2% 1%;
    border-bottom:1px solid black;
   
}
.innerhomepanel_music_left{
    display:block;
    width:90%;
    height:auto;
    max-height:650px;
    padding:1%;
    margin:1% 5% 5% 5%;
    border: 2px solid black;
   box-shadow: 05px 10px 18px grey;
    font-family:monospace;
    border: 1px solid black;
    overflow-y:scroll;
    overflow-x:none;
    pointer-events:auto;
}
.innerhomepanel_music_left img {
    display:inline-block;
    float:left;
    width:50px;
    height:auto;
    margin:1% 2% 0 0;
    border:1px solid black;
    border-radius:10px;
}
.inner_music_news_panel_001{
    display:block;
    width:90%;
    padding:1%;
    font-family:monospace;
   
   
}
.inner_music_news_panel_001 img {
    display:block;
    float:center;
    width:100%;
    height:auto;
    padding:1% 2% 2% 2%;
}
.music_news_panel_001{
    display:block;
    width:96%;
    padding:1% 2% 2% 2%;
     border:1px solid black;
    font-family:monospace;
   
   
}
.music_news_panel_001 img {
    display:block;
    float:center;
    width:25%;
    height:auto;
    padding:1% 2% 2% 2%;
}
.music_story {
    display:block;
    width:96%;
    height:auto;
    margin:2% 2% 2% 2%;
    border:1px solid black;
    pointer-events:auto;
}
.music_story img{
    display:inline-block;
    float:left;
    width:50%;
    height:auto;
    padding:2%;
}
.music_story_right {
    display:block;
    width:96%;
    height:auto;
    padding:2%;
    margin:2% 2% 2% 2%;
    border:1px solid black;
}
.music_story img{
    display:inline-block;
    float:left;
    width:50%;
    height:auto;
    padding:2%;
}
.music_info{
    display:block;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0% 2% 0%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}
.framebox{
    width:92%;
    height:auto;
    margin:2% 4% 2% 4%;
     box-shadow: 05px 10px 18px grey;
     overflow-x:hidden;
     overflow-y:scroll;
     pointer-events:auto;
}
 .postbox{
    width:100%;
    height:800px;
    margin:2% 0% 2% 0%;
    overflow-x:hidden;
    overflow-y:auto;
     pointer-events:auto;
}
.music_info img {
    display:inline-block;
    float:center;
    width:100%;
    padding:1% 5% 1% 5%;
    height:auto;
}
.film_info{
    display:block;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0% 2% 0%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}
.film_info img {
    display:inline-block;
    float:center;
    width:100%;
    padding:1% 5% 1% 5%;
    height:auto;
}
.tv_info{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.tv_info img {
    display:inline-block;
    float:center;
    width:90%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.tv_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}
.tv_show{
    display:none;
    width:100%;
    height:auto;
    padding:2%;
     font-family:monospace;
    border: 0px solid black;
}

.tv_show img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.home_info{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.home_info img {
    display:inline-block;
    float:center;
    width:90%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.home_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    background-color:#eee;
    pointer-events:auto;
}
.home_post{
    display:none;
    width:100%;
    height:auto;
    padding:10%;
    margin:2% 0 2% 0;
     font-family:monospace;
    border: 1px solid black;
    border-radius:8px;
     background-color:#fff;
}

.home_post img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.post_info {
    display:none;
    width:100%;
    height:auto;
    padding:0 0 0 0;
    
}
.post_info p {
     display: block;
  font-family:monospace;
  font-size: 1em;
  margin-top: 0.2em;
  margin-bottom: 0.0em;
  margin-left: 0;
  margin-right: 0;
  font-weight: 300;
}
.home_listing_generic{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    background-color:#eee;
    pointer-events:auto;
}
.home_post_generic{
    display:block;
    width:100%;
    height:auto;
    padding:10%;
    margin:2% 0 2% 0;
     font-family:monospace;
    border: 1px solid black;
    border-radius:8px;
     background-color:#fff;
}

.home_post_generic img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.home_post_generic ul {
    font-size:16px;
}
.side_ad {
    display:none;
}
 #post_info_load {
             text-align:left;
            width:50%;
            border:0px solid black;
            border-radius:5px;
             text-decoration: underline;
            font-size: 16px;
            color: black;
        }
.game_info{
    display:block;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0% 2% 0%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.game_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.game_listing{
    display:block;
    width:90%;
    height:auto;
    padding:1%;
    margin:2% 5% 2% 5%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.game_listing img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.game_list{
    display:block;
    width:90%;
    height:700px;
    padding:1%;
    margin:2% 5% 1% 5%;
    font-family:monospace;
    border: 1px solid black;
     box-shadow: 05px 10px 18px black;
     overflow-x:hidden;
    overflow-y:scroll;
    pointer-events:auto;
}
.game_list img {
    display:inline-block;
    float:right;
    width:150px;
    height:auto;
    max-height:200px;
    padding:2%;
}
.game_title {
    display:none;
    width:100%;
    height:auto;
    margin:3% 0 0 0;
    border:0px solid black;
}
.game_downloads{
    display:block;
    float:left;
    width:98%;
    height:auto;
    padding:1% 0 5% 0;
    margin:5% 1% 5% 1%;
    font-family:monospace;
    border: 1px solid black;
    
    overflow-x:hidden;
    overflow-y:hidden;
    pointer-events:auto;
}
.game_downloads img {
    display:block;
    float:right;
    width:100%;
    height:auto;
}
.fashion_info{
    display:block;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0% 2% 0%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.fashion_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.fashion_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.fashion_listing img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.f1_listing{
    display:block;
    float:left;
    width:48%;
    margin:2% 2% 2% 0;
    min-height:300px;
    border:1px solid black;
    height:auto;
}
.f1_listing img {
    display:block;
    width:98%;
    height:auto;
    max-height:200px;
    padding:2%;
}
.f1_listing IMG:hover {
  transform: scale(1.20); /* (10% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.Ad_box {
    display:block;
    float:center;
    width:100%;
    height:auto;
    border:0px solid black;
}
.cost_info{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.cost_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
    border-top:2px solid blue;
}
.cost_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.cost_listing img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.transformation_info{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.transformation_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
    border-top:2px solid blue;
}
.transformation_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.cost_listing img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.t1_listing{
    display:block;
    float:left;
    width:48%;
    margin:5% 2% 5% 0;
    height:353px;
    border:1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}
.t1_listing img {
    display:block;
    float:left;
    width:98%;
    height:auto;
    padding:2%;
}
.t1_listing IMG:hover {
  transform: scale(1.40); /* (10% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.toy_info{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.toy_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
    border-top:0px solid blue;
}
.toy_listing{
    display:block;
    width:96%;
    height:auto;
    padding:1%;
    margin:1% 2% 1% 2%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.toy_listing img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.ty1_listing{
    display:block;
    float:left;
    width:100%;
    margin:5% 2% 5% 0;
    min-height:300px;
    border:0px solid black;
    height:auto;
    pointer-events:auto;
}
.ty1_listing img {
    display:block;
    float:left;
    width:98%;
    height:auto;
    padding:2%;
}
.ty2_listing{
    display:block;
    float:left;
    width:100%;
    margin:5% 2% 5% 0;
    padding:2%;
    min-height:300px;
    border-bottom:1px solid black;
    height:auto;
    pointer-events:auto;
}
.ty2_listing img {
    display:block;
    float:left;
    width:20%;
    height:auto;
    padding:2%;
}
.ty2_listing p{
    text-align:left;
}
.ty2_listing a.button {
    background-color:lightgreen;
    color:black;
    border-radius:10px;
    padding:2%;
    margin:1% 0 5% 2%;
    font-size:18px;
    text-decoration:none;
}

.song_listing{
    display:block;
    width:100%;
    height:800px;
    padding:2% 0 2% 0;
    margin:2% 0 2% 0;
    font-family:monospace;
    border: 0px solid black;
    overflow-x:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
}
.artist_info{
    display:block;
    width:100%;
    height:auto;
    padding:1%;
    margin:2% 0% 2% 0%;
    font-family:monospace;
    border: 1px solid black;
    overflow-x:none;
    overflow-y:scroll;
    pointer-events:auto;
}

.artist_info img {
    display:inline-block;
    float:center;
    width:98%;
    height:auto;
    padding:1% 1% 2% 1%;
}
.artist_listing{
    display:block;

    width:98%;
    height:auto;
    padding:1%;
    margin:1% 1% 1% 1%;
    font-family:monospace;
    border: 1px solid black;
     box-shadow: 05px 10px 18px grey;
    overflow-x:hidden;
    overflow-y:hidden;
}
.artist_list{
    display:none;
    float:left;
    width:100%;
    height:auto;
    padding:1%;
    margin:1% 1% 1% 0%;
    font-family:monospace;
    border: 1px solid black;
    pointer-events:auto;
   
}
.artist_list img {
    display:block;
    width:96%;
    height:auto;
    min-height:180px;
    border:1px solid black;
    margin:2% 2% 2% 2%;
    padding:0 0% 0 0;
}
.artist_list p1 {
    float:left;
    width:90%;
    border:1px solid black;
    padding:2% 2% 2% 2%;
    margin:1% 5% 2% 5%;
}
.artist_list2{
    display:none;
    float:left;
    width:100%;
    height:auto;
    padding:1%;
    margin:1% 1% 1% 0%;
    font-family:monospace;
    border: 1px solid black;
    pointer-events:auto;
   
}
.artist_list2 img {
     display:inline-block;
    float:left;
    width:50%;
    height:auto;
    margin:2% 2% 2% 2%;
}
.contact-01{
    display:block;
    height:auto;
    width:100%;
    margin:2% 0% 2% 0%;
    border:0px solid black;
    pointer-events:auto;
}
.contact-02{
    display:block;
    height:auto;
    width:90%;
    margin:2% 5% 2% 5%;
    border:1px solid black;
    pointer-events:auto;
}
.contact-02 img{
    text-align:center;
    width:50px;
    height:auto;
}

 /*header Dropdown */
 
.nav-links drop {
    display:block;
    font-family:cabin;
    font-weight:400;
    font-size:18px;
    width:auto;
    height:auto;
    margin:5% 0 2% 3%;
}
	.nav-links drop:hover .list{
	    float:left;
	    margin:0 0 0 -3%;
		min-width:100%;
		height:100%;
		visibility:visible;
		overflow-y:scroll;
		overflow-x:hidden;
	}
	#resp-table-mobile{
        width: 100%;
        display: table;
    }
    #resp-table-body-mobile{
        display: table-row-group;
    }
    .resp-table-row-mobile{
        display: table-row;
    }

    .table-body-cell-mobile{
        display: table-cell;
        width:auto;
        border: 1px solid #dddddd;
        padding: 8px 0 8px 0;
        color:#337175; /* light blue */
        font-family: Poppins,sans-serif;
        font-weight:600;
        font-size: 18px;
        line-height: 1.42857143;
        text-align:left;
        vertical-align: top;
    
    }
    .table-body-cell2-mobile{
        display: table-cell;
        width:auto;
        border: 0px solid #dddddd;
        font-family: Cabin,sans-serif;
        font-size:16px;
        color:black;
        padding: 0 8px 0 8px;
        line-height: 1.22857143;
        vertical-align: top;
        text-align:left;
        text-decoration: none;
        
    }
    .table-body-cell2-mobile a{
        text-decoration: none;
    }
        .table-body-cell2-mobile l{
        text-decoration: none;
        color:#478800; /*Green */
        font-family: Cabin,sans-serif;
        font-size:18px;
        font-weight:700;
        vertical-align:center;
        text-align:center;
        line-height: 0;
        padding:5px 0 0 0;
    }
    .resp-table-row-mobile{
        display: table-row;
    }
    
  /* mobile hide */
  
    .table-body-cell{
        display: none;
        
    }
    .table-body-cell2{
        display: none;
        
    }
    .table-body-cell2a{
        text-decoration: none;
    }

 .footmontage {
     display:block;
    float:left;
    height:auto;
    width:100%;
    border:5px solid white;
    background-color:#f2f5f3;
    pointer-events:auto;
 }
 .footmontage p {
      font-family:cabin;
       font-size: 18px;
  color:#337175;
  margin-bottom: 1em;
 }
 .footmontage-image_01{
    position:relative;
    background-color:#f2f5f3;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding:10px;
    pointer-events:auto;
    
}
.footmontage-image_01 img {
  width:60%;
  height:150px;
  border: 1px solid #BFBFBF;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
    padding:10px;
}
 #myInput {
  background-image: url('/img/icons/icons8-search-50.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color:#fff;
  width: 95%;
  font-size: 16px;
  color:black;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin: 0 2.5% 12px 2.5%;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height:350px;
  overflow-x:hidden;
  overflow-y:scroll;
}

#myUL li a {
  border: 0px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block;
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}
.shareaholic-canvas {
    min-height:100px;
    border-bottom:1px solid grey;
    padding-bottom:5%;
    margin-bottom:2%;
    margin:0 0 0 0;
    width:100%;
      pointer-events:auto;
  }
 
#printer {
    display:none;
    
}
    
 /*download gallery */
.outer {
    width: 96%;
    height:auto;
     background-color: #fff;
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: auto;
    margin:2% 2% 2% 2%;
    border: 1px solid #ccc;
    pointer-events:auto;
    -webkit-overflow-scrolling: touch;
}

.outer img {
    width:100%;
    background-color: #fff;
    white-space:normal;
    height: auto;
    
    padding:0 0 0 0;
    border:5px sold #FAF9F6;
    background-color:#ffff;
    
}
.outer IMG:hover {
  box-shadow: 10px 10px 5px #aaaaaa;
}

.outer div {
    display: inline-block;
    width:100px;
    background-color: #fff;
    float: none;
    height: 150px;
    margin:0% 0 0 2%;
    border:0px solid black;
    word-wrap:break-word;
    white-space:normal;
}

.outer p {
    margin-top: 0.2em;
    margin-bottom: 0.0em;
    padding:0 1px 0 1px;
    text-align:center;
    white-space:normal;
}
.scrollmenu {
  background-color: #fff;
  border:0px solid black;
  overflow-x: scroll;
  overflow-y:hidden;
  white-space: nowrap;
}

.scrollmenu div {
    width:40%;
    height:auto;
  display: inline-block;
  padding: 10px;
  white-space:nowrap;
}  
.scrollmenu div>img {
    width:100%;
    height:auto;
    min-height:120px;
    border-radius:10px;
    transition: transform .4s; /* Animation */
}  
.scrollmenu div>img:hover {
     overflow:hidden;
    border-radius:10px;
     transform: scale(1.5); /* (10% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.content_box {
    display:none;
    width:100%;
    height:auto;
    border:0px solid black;
}
.content_box_visible {
    display:block;
    width:100%;
    height:auto;
    border:0px solid black;
    
}
#watch_button {
    border:1px solid blue;
    font-size:18px;
    border-radius:10px;
    padding:1% 3% 1% 3%;
    margin:2%;
}
/* load more button */
.block {
            display:none;
            font-size: 20px;
            pointer-events:auto;
        }
        #content_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
           text-decoration: underline;
            font-size: 20px;
            color: green;
        }
        #home_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
        }
        #post_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
        }

        #then_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
        text-decoration: underline;
            font-size: 20px;
            color: green;
        }
         #artist_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:5% 2% 5% 2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
             text-decoration: underline;
            font-size: 20px;
            color: green;
        }
         #artist2_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:5% 2% 5% 2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
             text-decoration: underline;
            font-size: 20px;
            color: green;
        }
         #celeb_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
           text-decoration: underline;
            font-size: 20px;
            color: green;
}        
         #tech_load {
             text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
           text-decoration: underline;
            font-size: 20px;
            color: green;
         }            
          #cars_load {
            text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
         }  
         #uktv_load {
            text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
         }
         #ustv_load {
            text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
         }  
          #game_load {
            text-align:center;
            margin:2% 25% 2% 25%;
            padding:2%;
            width:50%;
            border:0px solid black;
            border-radius:5px;
            text-decoration: underline;
            font-size: 20px;
            color: green;
         }  
         
#container {
      width: 95%px;
      height:auto;
      margin:2% 2.5% 2% 2.5%;
      border: 1px solid #ccc;
      overflow-x: scroll;
      pointer-events:auto;
    }

    #content {
    position:relative;
    width:100%;
    background-color:#fff;
    white-space:nowrap;
    padding:30px;
    }
    #content img {
         display:inline-block;
    width:200px;
    height:140px;
     border: 1px solid #BFBFBF;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
    padding:10px;
    }
    #content IMG:hover {
    }
    .container_title {
        position:relative;
         width: 95%px;
      height:auto;
      margin:2% 2.5% 2% 2.5%;
    }
    #slideRight {
        position:relative;
        bottom:40px;
        right:100px;
        float:right;
        height:50px;
        width:50px;
        background-color: #04AA6D50;
        color: black;
        border-radius:50%;
    }
    #slideRight img {
    width:40px;
    height:auto;
}
     #slideLeft {
        position:relative;
        bottom:40px;
        left:100px;
        float:left;
        height:50px;
        width:50px;
        background-color: #04AA6D50;
        color: black;
        border-radius:50%;
}
#slideLeft img {
    width:40px;
    height:auto;
}

/* Read more */
.more {display: none;}
}
#post_button {
    border:0px solid grey;
    border-radius:5px;
    font-size:16px;
    background-color:#eee;
    color:black;
}
#post_button:hover {
    background-color:#fff;
}
#game_table {
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 12px; /* Increase font-size */
}

#game_table th, #game_table td {
  text-align: left; /* Left-align text */
  padding: 12px /* Add padding */
}
#game_table td img {
    float:left;
    width:100px;
    height:auto;
    border-radius:10px;
}

#game_table tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#game_table tr.header, #game_table tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}