@media screen and (min-width: 414px){
	.char-seiyuu-list{
		visibility: hidden;
		clear: both;
		display: none;
	}
}

@media screen and (max-width: 413px){
	.seiyuu-info{
		max-width: 50px;
	}
	.seiyuu-info .seiyuu-detail{
		visibility: hidden;
		clear: both;
		display: none;
	}
	.anime-char-list .char-info{
		min-width: 238px;
	}
}

/*
@media screen and (min-width: 768px){
	.show-trailer{
		clear: both;
		display: none;
	}
}

@media screen and (max-width: 767px){
	.hide-trailer{
		clear: both;
		display: none;
	}
	.trailer-anime{
		clear: both;
		display: none;
	}
}*/

.iframe-responsive{
	position: relative;
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}

.iframe-responsive iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*@media screen and (min-width: 861px){
	.iframe-responsive{
		padding-bottom: 17%;
	}
}

@media screen and (min-width: 831px) and (min-height: 860px){
	.iframe-responsive{
		padding-bottom: 18%;
	}
}

@media screen and (min-width: 801px) and (min-height: 830px){
	.iframe-responsive{
		padding-bottom: 19%;
	}
}*/
@media screen and (max-width: 1279px){
	.col-anime-con{
		max-width: 382px;
	}
}

@media screen and (min-width: 992px){
	.iframe-responsive{
		padding-bottom: 22%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 92%;
	}
}

@media screen and (min-width: 811px) and (max-width: 991px){
	.iframe-responsive{
		padding-bottom: 22%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 92%;
	}
}

@media screen and (min-width: 768px) and (max-width: 810px){
	.iframe-responsive{
		padding-bottom: 23%;
		margin-bottom: -5px;
	}
	.embed-responsive-3by4{
		padding-bottom: 93%;
	}
}

@media screen and (min-width: 768px){
	.embed-responsive-otaku{
		padding-bottom: 46%;
	}
	/* Navbar Dropdown Hover Open*/
	ul.nav li:hover > ul.dropdown-menu {
		display: block;
	}
	#navbar {
		text-align: center;
	}
	/* Navbar Dropdown Hover End*/
}

@media screen and (min-width: 681px) and (max-width: 767px){
	.iframe-responsive{
		padding-bottom: 25%;
		margin-bottom: -5px;
	}
	.embed-responsive-3by4{
		padding-bottom: 94%;
	}
}

@media screen and (max-width: 767px){
	.embed-responsive-otaku{
		padding-bottom: 56.25%;
	}
	/* Navbar Dropdown Hover Open*/
	.navbar-nav  {
		display: inline;
	}
	.navbar-default .navbar-brand {
		display: inline;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-nav .dropdown-menu > li > a {
		color: red;
		background-color: #ccc;
		border-radius: 4px;
		margin-top: 2px;   
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: #ccc;
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid white; 
		border-radius: 0;
	}
	.dropdown-menu {
		padding-left: 10px;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 20px;
	}
	.dropdown-menu .dropdown-menu .dropdown-menu {
		padding-left: 30px;
	}
	li.dropdown.open {
		border: 0px solid red;
	}
   /* Navbar Dropdown Hover End*/
}

@media screen and (min-width: 641px) and (max-width: 680px){
	.iframe-responsive{
		padding-bottom: 28%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 97%;
	}
}

@media screen and (min-width: 631px) and (max-width: 640px){
	.iframe-responsive{
		padding-bottom: 28%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 97%;
	}
}

@media screen and (min-width: 621px) and (max-width: 630px){
	.iframe-responsive{
		padding-bottom: 28%;
		margin-bottom: -5px;
	}
	.embed-responsive-3by4{
		padding-bottom: 97%;
	}
}

@media screen and (min-width: 601px) and (max-width: 620px){
	.iframe-responsive{
		padding-bottom: 28%;
	}
	.embed-responsive-3by4{
		padding-bottom: 97%;
	}
}

@media screen and (min-width: 570px) and (max-width: 600px){
	.iframe-responsive{
		padding-bottom: 30%;
		margin-bottom: -5px;
	}
	.embed-responsive-3by4{
		padding-bottom: 99%;
	}
}

@media screen and (min-width: 541px) and (max-width: 569px){
	.iframe-responsive{
		padding-bottom: 32%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 101%;
	}
}

@media screen and (min-width: 531px) and (max-width: 540px){
	.iframe-responsive{
		padding-bottom: 37%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 106%;
	}
}

@media screen and (min-width: 511px) and (max-width: 530px){
	.iframe-responsive{
		padding-bottom: 39%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 108%;
	}
}

@media screen and (min-width: 481px) and (max-width: 510px){
	.iframe-responsive{
		padding-bottom: 41%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 112%;
	}
}

@media screen and (min-width: 461px) and (max-width: 480px){
	.iframe-responsive{
		padding-bottom: 44%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 115%;
	}
}

@media screen and (min-width: 441px) and (max-width: 460px){
	.iframe-responsive{
		padding-bottom: 46%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 117%;
	}
}

@media screen and (min-width: 420px) and (max-width: 440px){
	.iframe-responsive{
		padding-bottom: 46%;
	}
	.embed-responsive-3by4{
		padding-bottom: 117%;
	}
}

@media screen and (min-width: 401px) and (max-width: 419px){
	.iframe-responsive{
		padding-bottom: 50%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 121%;
	}
}

@media screen and (width: 400px){
	.iframe-responsive{
		padding-bottom: 50%;
	}
	.embed-responsive-3by4{
		padding-bottom: 121%;
	}
}

@media screen and (min-width: 381px) and (max-width: 399px){
	.iframe-responsive{
		padding-bottom: 52%;
		margin-bottom: -5px;
	}
	.embed-responsive-3by4{
		padding-bottom: 123%;
	}
}

@media screen and (width: 380px){
	.iframe-responsive{
		padding-bottom: 52%;
	}
	.embed-responsive-3by4{
		padding-bottom: 123%;
	}
}

@media screen and (min-width: 360px) and (max-width: 379px){
	.iframe-responsive{
		padding-bottom: 59%;
		margin-bottom: -20px;
	}
	.embed-responsive-3by4{
		padding-bottom: 130%;
	}
}

@media screen and (min-width: 341px) and (max-width: 359px){
	.iframe-responsive{
		padding-bottom: 69%;
		margin-bottom: -20px;
	}
	.embed-responsive-3by4{
		padding-bottom: 140%;
	}
}

@media screen and (min-width: 321px) and (max-width: 340px){
	.iframe-responsive{
		padding-bottom: 70%;
		margin-bottom: -15px;
	}
	.embed-responsive-3by4{
		padding-bottom: 141%;
	}
}

@media screen and (max-width: 320px){
	.iframe-responsive{
		padding-bottom: 73%;
		margin-bottom: -10px;
	}
	.embed-responsive-3by4{
		padding-bottom: 144%;
	}
	.col-anime-cover {
		height: 158px;
	}
	.col-synopsis {
		height: 138px;
	}
}