.tapidiv,#tmdbData,.tmimg,.tminfo,.tmCastAll,.tmCastDiv,.tmvideo{
  border:solid 0px red;
}

.tapidiv{
  position:relative;
  top:20px;
  border:groove 4px grey;
  border-radius:10px;
  background-color:#032541;
  color:white;
  font-family: 'Source Sans Pro', sans-serif;
  position:relative;
  width:90%;
  margin:5px auto;
}
#tapidiv{
  display:none;
}
.tapidiv h2{
  margin:2px;
  padding:0px;
  line-height: normal;
}
.tapidiv h3{
  font-size:24px;
  margin:9px;
  line-height:1;
  font-weight:bold;
  font-family: 'Source Sans Pro', sans-serif;
}
#to_TMDB{
  display:inline-block;
}
#tmdb_link{
  font-size: 19px;
  color:grey;
}
.legal-homepage{
  color:white;
}
.legal-homepage:hover{
  text-decoration:underline;
}
.tapidiv h4{
  font-size:18px;
  margin:0px;
  padding:0px;
  font-weight:bold;
  text-align:left;
  line-height: normal;
}
/* .tapidiv p{
  font-size: 15px;
  font-family: 'Source Sans Pro', sans-serif;
} */
.tapidiv i{
  opacity:0.6;
  font-weight:normal;
}
.tapidiv ul{
  margin:2px 7px;
  padding:0px;
  line-height:0.6;
}
.tapidiv ul>li{
  display:inline-block;
  padding:5px 1%;
  line-height:1;
  /* font-size: 15px; */
}

.tapidiv ul>li::before {content: "• "; color: white}

#tmdbData{
  background-repeat:no-repeat;
  background-size: cover;
  box-shadow:inset 200px -100px 300px 200px #032541;
  padding:2px 9px;
}

.tmimg{
  display:inline-block;
  max-width:18%;
  overflow:hidden;
  height:auto;
  /* vertical-align:middle; */
  border: solid 1px yellow;
}
.tmimg img{
  width:120px;
  height:165px;
  display: flex;
  margin-top:10px;
  border-radius: 3px;
  /* vertical-align:middle; */
}
.tminfo{
  position:relative;
  display:inline-block;
  min-height:170px;
  max-width:77%;
  vertical-align: top;
  margin-left:1%;
}
.tmimg,.tminfo,
#tmScorePC{
  border:solid 0px yellow;
}
#tmScoreMobi{
  display:none;
  border:solid 0px yellow;
}
.tmcard{
  display:inline-block;
  margin:9px 9px;
  height:70px;
  background:transparent;
  text-align:center;
  font-weight:bold;
}
#tmouter,.tmouter{
  position:relative;
  width:50px;
  height:50px;
  margin:3px auto;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  /*transform: rotate(90deg);*/
background-image:linear-gradient(to bottom, #0B6322 70%, #171717 30%);
}
.tminner{
  width:40px;
  height:40px;
  background:#032541;
  z-index:9;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:bold;
  font-size:14px;
}

.tmCastAll{
    position:relative;
  width:100%;
  margin:5px auto;
  display:flex;

}

.tmcast{
  position:relative;
  max-width:100%;
  display:flex;
  overflow-x:scroll;

}
.tmCastDiv{
  min-width:130px;
  display:block;
  margin:9px 15px;
  background:white;
  color:black;
  border-radius:13px;
  overflow:hidden;
  padding:0px 9px;
}

.tmCastDiv img{
  position:relative;
  left:-9px;
  display:block;
  width:148px;
  height:180px;
  margin:0px auto;
}
.tmcast::-webkit-scrollbar{
height:0.5em;}
.tmcast::-webkit-scrollbar-track{
  background:black;
  box-shadow:inset  0px 0px 3px 2px #032541;}
.tmcast::-webkit-scrollbar-thumb{
  background-color: #1F98C3;
	border-radius:15px;
  box-shadow: inset 0 0 3px 1px grey;}

.tmVideoAll::-webkit-scrollbar{
height:0.5em;}
.tmVideoAll::-webkit-scrollbar-track{
  background:black;
  box-shadow:inset  0px 0px 3px 2px #032541;}
.tmVideoAll::-webkit-scrollbar-thumb{
  background-color: #1F98C3;
	border-radius:15px;
  box-shadow: inset 0 0 3px 1px grey;}


.tmVideoAll{
  width:100%;
  display:flex;
  overflow-x:scroll;
}
.tmvideo{
  display:inline-block;
  background:transparent;
  color:white;
  margin:5px;
  text-align:center;
}
.tmvideo iframe{
  width:400px;
  height:250px;
  border:solid 2px grey;
  border-radius:5px;
}



@media only screen and (max-width: 700px) {
.tapidiv{
  display:block;
  width:93%;
  margin:3px auto;
  border-radius: 4px;
}
#tmdbData{
  background-repeat:no-repeat;
  background-size: cover;
  box-shadow:inset 100px -100px 300px 150px #032541;
  padding:9px;
}
.tmimg{
  display:block;
  max-width:90%;
  height:auto;
  margin:3px auto;
  overflow:hidden;
  vertical-align:middle;
}
.tmimg img{
  display:inline-block;
  width:135px;
  float:left;
  height:180px;
  display:block;
  border-radius:5px;
}
#tmScorePC{
  display:none;
}
#tmScoreMobi{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  vertical-align:middle;
}
.tminfo{
  position:relative;
  display:block;
  min-height:auto;
  max-width:100%;
  vertical-align:middle;
  margin:4px auto;

}
.tmVideoAll{
  width:100%;
  display:block;
  overflow-x:hidden;
}
.tmvideo{
  display:inline-block;
  background:transparent;
  color:white;
  text-align:center;
  margin:5px;
}
.tmvideo iframe{
  margin-top:7px;
  width:95%;
  height:200px;
  border:solid 2px grey;
  border-radius:5px;
}


}