/* Custom more large devices */
@media (min-width: 1400px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main-menu  css start
	////////////////////////////////////////////////////////////////////////// */
	.header-area {
		width: 43%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main-menu  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                           download-animes css start
	////////////////////////////////////////////////////////////////////////// */
	.download-slider {
		width: 30%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            download-animes  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css start
	////////////////////////////////////////////////////////////////////////// */

	.trailer-news-item:first-child:before,
	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):before,
	.trailer-news-item:nth-child(8):after {
		content: "";
		width: 0;
		height: 0;
		border: 0 solid transparent;
		position: absolute;
		z-index: 5;
		display: block;
	}

	.trailer-news-item:first-child:before,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(8):before {
		border-right-color: #1d1b24;
		border-width: 0 55px 55px 0;
		right: 0;
		top: 0;
	}

	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):after {
		border-right-color: #1d1b24;
		border-width: 55px 55px 0 0;
		right: 0;
		bottom: 0;
	}

	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(8):before {
		top: 0;
		left: 0;
		border-left-color: #1d1b24;
		border-width: 0 0 55px 55px;
	}

	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(8):after {
		border-bottom: 55px solid #1d1b24;
		border-right: 55px solid transparent;
		left: 0;
		bottom: 0;
	}

	.hero-item .trailer-thumbnail,
	.hero-item .new-responsive-img,
	.hero-item .trailer-news-image,
	.standard-item:nth-child(4) .trailer-thumbnail,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(4) .trailer-news-image,
	.standard-item:nth-child(5) .trailer-thumbnail,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(5) .trailer-news-image,
	.standard-item:nth-child(8) .trailer-thumbnail,
	.standard-item:nth-child(8) .new-responsive-img,
	.standard-item:nth-child(8) .trailer-news-image {
		height: 100%;
	}

	.hero-item .new-responsive-img,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(8) .new-responsive-img {
		width: 100%;
	}

	.hero-item .trailer-caption,
	.standard-item:nth-child(4) .trailer-caption,
	.standard-item:nth-child(5) .trailer-caption,
	.standard-item:nth-child(8) .trailer-caption {
		position: absolute;
		bottom: 0;
		z-index: 3;
		bottom: 32px;
		left: 8px;
	}

	.hero-item .trailer-title,
	.hero-item .author,
	.standard-item:nth-child(4) .trailer-title,
	.standard-item:nth-child(4) .author,
	.standard-item:nth-child(5) .trailer-title,
	.standard-item:nth-child(5) .author,
	.standard-item:nth-child(8) .trailer-title,
	.standard-item:nth-child(8) .author {
		color: #fff;
	}

	.standard-item:nth-child(2),
	.standard-item:nth-child(3),
	.standard-item:nth-child(6),
	.standard-item:nth-child(7) {
		border-top: 55px solid #1d1b24;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 365px;
		position: relative;
	}

	.footer-content-column {
		width: 24.99%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css start
	////////////////////////////////////////////////////////////////////////// */
	.header-area {
		width: 50%;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		display: flex;
		flex-wrap: wrap;
		width: 279px;
		justify-content: center;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            content css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		padding: 5px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css start
	////////////////////////////////////////////////////////////////////////// */

	.trailer-news-item:first-child:before,
	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):before,
	.trailer-news-item:nth-child(8):after {
		content: "";
		width: 0;
		height: 0;
		border: 0 solid transparent;
		position: absolute;
		z-index: 5;
		display: block;
	}

	.trailer-news-item:first-child:before,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(8):before {
		border-right-color: #1d1b24;
		border-width: 0 55px 55px 0;
		right: 0;
		top: 0;
	}

	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):after {
		border-right-color: #1d1b24;
		border-width: 55px 55px 0 0;
		right: 0;
		bottom: 0;
	}

	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(8):before {
		top: 0;
		left: 0;
		border-left-color: #1d1b24;
		border-width: 0 0 55px 55px;
	}

	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(8):after {
		border-bottom: 55px solid #1d1b24;
		border-right: 55px solid transparent;
		left: 0;
		bottom: 0;
	}

	.hero-item .trailer-thumbnail,
	.hero-item .new-responsive-img,
	.hero-item .trailer-news-image,
	.standard-item:nth-child(4) .trailer-thumbnail,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(4) .trailer-news-image,
	.standard-item:nth-child(5) .trailer-thumbnail,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(5) .trailer-news-image,
	.standard-item:nth-child(8) .trailer-thumbnail,
	.standard-item:nth-child(8) .new-responsive-img,
	.standard-item:nth-child(8) .trailer-news-image {
		height: 100%;
	}

	.hero-item .new-responsive-img,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(8) .new-responsive-img {
		width: 100%;
	}

	.hero-item .trailer-caption,
	.standard-item:nth-child(1) .trailer-caption,
	.standard-item:nth-child(4) .trailer-caption,
	.standard-item:nth-child(5) .trailer-caption,
	.standard-item:nth-child(8) .trailer-caption {
		position: absolute;
		bottom: 0;
		z-index: 3;
		bottom: 32px;
		left: 8px;
	}

	.hero-item .trailer-title,
	.hero-item .author,
	.standard-item:nth-child(4) .trailer-title,
	.standard-item:nth-child(4) .author,
	.standard-item:nth-child(5) .trailer-title,
	.standard-item:nth-child(5) .author,
	.standard-item:nth-child(8) .trailer-title,
	.standard-item:nth-child(8) .author {
		color: #fff;
	}

	.standard-item:nth-child(2),
	.standard-item:nth-child(3),
	.standard-item:nth-child(6),
	.standard-item:nth-child(7) {
		border-top: 55px solid #1d1b24;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 365px;
		position: relative;
	}

	.footer-content-column {
		width: 24.99%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
}

/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css start
	////////////////////////////////////////////////////////////////////////// */
	.user {
		margin-left: 26px;
	}

	.header-area {
		width: 53%;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 293px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li {
		width: calc(100% / 3);
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		font-size: 14px;
		padding: 0 10px;
	}

	p#slogan {
		display: none;
	}

	.filters input,
	.filters p,
	.filters textarea,
	.filters ul li {
		font-size: 15px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            content  css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		width: calc(100% / 5);
		padding: 4px;
	}

	.anime-details h1 {
		font-size: 12px;
	}

	.anime-details .desc {
		display: none;
	}

	.anime-details h2 {
		font-size: 10px;
		margin-bottom: 4px;
	}

	.anime-details .rating {
		font-size: 10px;
		margin-bottom: 10px;
	}

	.anime-details a.watch-now .button-text {
		left: -22px;
		padding: 14px 0;
		font-size: 11px;
	}

	.anime-details a:hover .circle {
		width: 87%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            content  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out::before {
		background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%);
	}

	#Coming-Out {
		background: url(../images/banner/coming-out3.jpg);
	}

	#Coming-Out .Coming-Out-info h1 {
		font-size: 34px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css start
	////////////////////////////////////////////////////////////////////////// */
	.download-slide img {
		width: 220px;
		height: 238px;
	}

	.download-slider {
		width: 52%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css start
	////////////////////////////////////////////////////////////////////////// */
	.trailer-news-wrapper {
		grid-gap: 3px;
		grid-template-columns: repeat(4, 1fr);
	}

	.trailer-news-item:first-child:before,
	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):before,
	.trailer-news-item:nth-child(8):after {
		content: "";
		width: 0;
		height: 0;
		border: 0 solid transparent;
		position: absolute;
		z-index: 5;
		display: block;
	}

	.trailer-news-item:first-child:before,
	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(5):before,
	.trailer-news-item:nth-child(8):before {
		border-right-color: #1d1b24;
		border-width: 0 55px 55px 0;
		right: 0;
		top: 0;
	}

	.trailer-news-item:first-child:after,
	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(5):after,
	.trailer-news-item:nth-child(8):after {
		border-right-color: #1d1b24;
		border-width: 55px 55px 0 0;
		right: 0;
		bottom: 0;
	}

	.trailer-news-item:nth-child(4):before,
	.trailer-news-item:nth-child(8):before {
		top: 0;
		left: 0;
		border-left-color: #1d1b24;
		border-width: 0 0 55px 55px;
	}

	.trailer-news-item:nth-child(4):after,
	.trailer-news-item:nth-child(8):after {
		border-bottom: 55px solid #1d1b24;
		border-right: 55px solid transparent;
		left: 0;
		bottom: 0;
	}

	.hero-item .trailer-thumbnail,
	.hero-item .new-responsive-img,
	.hero-item .trailer-news-image,
	.standard-item:nth-child(1) .trailer-thumbnail,
	.standard-item:nth-child(1) .new-responsive-img,
	.standard-item:nth-child(1) .trailer-news-image,
	.standard-item:nth-child(4) .trailer-thumbnail,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(4) .trailer-news-image,
	.standard-item:nth-child(5) .trailer-thumbnail,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(5) .trailer-news-image,
	.standard-item:nth-child(8) .trailer-thumbnail,
	.standard-item:nth-child(8) .new-responsive-img,
	.standard-item:nth-child(8) .trailer-news-image {
		height: 100%;
	}

	.hero-item .new-responsive-img,
	.standard-item:nth-child(1) .new-responsive-img,
	.standard-item:nth-child(4) .new-responsive-img,
	.standard-item:nth-child(5) .new-responsive-img,
	.standard-item:nth-child(8) .new-responsive-img {
		width: 100%;
	}

	.hero-item .trailer-caption,
	.standard-item:nth-child(1) .trailer-caption,
	.standard-item:nth-child(4) .trailer-caption,
	.standard-item:nth-child(5) .trailer-caption,
	.standard-item:nth-child(8) .trailer-caption {
		position: absolute;
		bottom: 0;
		z-index: 3;
		bottom: 32px;
		left: 8px;
	}

	.hero-item .trailer-title,
	.hero-item .author,
	.standard-item:nth-child(4) .trailer-title,
	.standard-item:nth-child(4) .author,
	.standard-item:nth-child(5) .trailer-title,
	.standard-item:nth-child(5) .author,
	.standard-item:nth-child(8) .trailer-title,
	.standard-item:nth-child(8) .author {
		color: #fff;
	}

	.standard-item:nth-child(2),
	.standard-item:nth-child(3),
	.standard-item:nth-child(6),
	.standard-item:nth-child(7) {
		border-top: 55px solid #1d1b24;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single  series css start
	////////////////////////////////////////////////////////////////////////// */
	.single_anime_data .table {
		font-size: 12px;
	}

	.single_anime_data p {
		font-size: 12px;
	}

	.share-bookmark {
		width: 35%;
	}

	.overviews .overviews-all li span:first-child {
		width: 80px;
	}

	.overviews .overviews-all li {
		font-size: 12px;
		margin: 10px 0;
	}

	.overviews-description p {
		font-size: 12px;
	}

	.anime-character-card .voice-actor-name h4 {
		font-size: 12px;
	}

	.anime-character-card .anime-characters-name h4 {
		font-size: 12px;
	}

	.anime-character-card .anime-characters-name {
		bottom: 15px;
		left: 13px;
	}

	.anime-character-card .voice-actor-name {
		bottom: 15px;
		left: 13px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single  series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single  series play css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-series-server-options ul li button {
		padding: 6px 8px;
		font-size: 10px;
		margin: 3px;
	}

	.sub-option {
		font-size: 10px;
	}

	.tv-details-seasons ul.episodes {
		height: 543px;
	}

	.related-single-anime-info p {
		font-size: 11px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single  series play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            commentbox css start
	////////////////////////////////////////////////////////////////////////// */
	.comment_area .comment-content .comment-meta .post-date {
		font-size: 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             commentbox css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 164px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 365px;
		position: relative;
	}

	.footer-content-column {
		width: 24.99%;
	}

	.AtoZ_list li a {
		font-size: 9px;
		padding: 9px 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            contact  css start
	////////////////////////////////////////////////////////////////////////// */
	#contact {
		padding: 155px 0;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            contact  css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            sidebar css start
	////////////////////////////////////////////////////////////////////////// */
	body .sidebar {
		position: fixed;
		top: 0;
		z-index: -1;
	}


	body .sidebar nav {
		top: 0;
	}

	body .sidebar nav {
		height: 100% !important;
	}

	.sb-toggle-left {
		display: inline-block;
	}




	/* //////////////////////////////////////////////////////////////////////////
                            sidebar css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            main menu css start
	////////////////////////////////////////////////////////////////////////// */
	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.breakpoint-on .classynav ul li a {
		text-align: center;
	}

	.header-area {
		width: 20%;
		top: 0px;
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classy-nav-container {
		background-color: #282c39;
	}

	.header-area {
		position: absolute;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-nav-container {
		padding: 0 24px;
		display: inline-block;
	}


	.classy-nav-container .classy-navbar {
		height: 80px;
	}

	.classy-nav-container .classy-navbar .nav-brand {
		max-width: 90px;
		margin-right: 15px;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-navbar-toggler .navbarToggler span {
		background-color: #ffffff;
	}

	.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000;
		box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.2);
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.logo-user {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.mobile-user.user {
		display: block;
		margin: 20px 50px;
	}

	.mobile-user.user a img {
		margin-bottom: 0px;
	}

	.classynav .user {
		display: none;
	}

	.mobile-user.user .dropdown-menu {
		background-color: #151d26;
		border-color: transparent;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
		border: 0;
		padding: 10px;
	}

	.mobile-user.user .dropdown-menu li a {
		background: #151d26;
		padding: 8px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		align-items: center;
		display: flex;
		font-size: 13px;
		font-weight: 500;
	}

	.mobile-user.user .dropdown-menu li a:hover {
		color: #ff640a;
	}


	.user .dropdown-menu a {
		background-color: #000;
	}

	.user .dropdown-menu {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
	}

	.user .dropdown {
		display: block !important;
	}

	.dropdown-menu.show {
		background: #565e64;
	}

	.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
		border-radius: 0;
	}

	.dropdown-menu {
		padding: 0;
	}

	.filters input,
	.filters p,
	.filters textarea,
	.filters ul li {
		font-size: 13px;
	}


	#main-menu .main-header {
		position: relative;
	}

	#main-menu .main-header .inner-container {
		text-align: center;
	}

	#main-menu .main-header .logo {
		float: left;
		margin: 8px 38px 0 12px;
	}

	#main .header-secondary {
		position: absolute;
		top: 80px;
		left: 0;
		float: left;
		width: 100%;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large {
		width: 390px;
	}

	#main .header-secondary .inner-container {
		padding-left: 30px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 293px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		display: flex;
		flex-wrap: wrap;
	}


	p#slogan {
		display: none;
	}


	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            banner css start
	////////////////////////////////////////////////////////////////////////// */
	.main-banner {
		min-height: 475px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            banner css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            slider css start
	////////////////////////////////////////////////////////////////////////// */
	.slider {
		background: white;
		box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
		overflow: hidden;
		position: relative;
		width: 100%;
		margin-top: 50px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            slider css start
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out::before {
		background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%);
	}

	#Coming-Out {
		background: url(../images/banner/coming-out2.jpg);
	}

	#Coming-Out .Coming-Out-info h1 {
		font-size: 47px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            content css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		width: calc(100% / 4);
	}

	.anime-details {
		padding: 0px 10px;
	}

	.anime-details h2 {
		font-size: 12px;
		margin-bottom: 2px;
	}

	.anime-details .rating {
		margin-bottom: 11px;
		gap: 0;
	}

	.anime-details .tags span {
		font-size: 8px;
	}

	.anime-details .desc {
		display: none;
	}

	.anime-details a.watch-now .button-text {
		padding: 14px 0;
		font-size: 11px;
	}

	.anime-details a.watch-now {
		width: 140px;
		height: auto;
	}

	.pagination a,
	.pagination span {
		padding: 5px 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single  series css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-details-seasons {
		margin-bottom: 40px;
	}

	.relations .item {
		width: calc(616px / 4);
		margin: 0 4px;
	}

	#anime_single .anime-details h1 {
		font-size: 12px;
	}

	#anime_single .anime-details h2 {
		font-size: 10px;
	}

	#anime_single .anime-details .rating i {
		font-size: 12px;
	}

	#anime_single .anime-details .rating span {
		font-size: 12px;
	}

	#anime_single .anime-details a:hover .circle {
		width: 94%;
	}

	#anime_single .anime-details a.watch-now .button-text {
		font-size: 10px;
		padding: 11px 0;
	}

	#anime_single .anime-details a.watch-now .circle {
		height: 38px;
	}

	.overall-description-tab .tab-content {
		padding: 25px 10px;
	}

	.characters .character-card {
		width: calc(100% / 5);
		margin: 5px 5px;
	}

	.anime-character-card .voice-actor-name h4 {
		font-size: 10px;
		font-weight: 800;

	}

	.anime-character-card .anime-characters-name h4 {
		font-size: 10px;
		font-weight: 800;
	}

	.anime-character-card .anime-characters-name p {
		font-size: 10px;
	}

	.anime-character-card .voice-actor-name p {
		font-size: 10px;
	}

	.overviews .overviews-all li span:first-child {
		width: 80px;
	}

	.overviews .overviews-all li {
		font-size: 12px;
	}

	.overviews-description p {
		font-size: 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single  series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single  series play css end
	////////////////////////////////////////////////////////////////////////// */
	.tv-details-seasons ul.episodes li button span:last-child {
		display: none;
	}

	.tv-details-seasons ul.episodes li button::before {
		display: none;
	}

	.tv-details-seasons ul.seasons li button.active::after,
	.tv-details-seasons ul.episodes li button.active::after {
		display: none;
	}

	.tv-details-seasons ul.episodes li button {
		padding: 0;
		width: 40px;
		height: 40px;
		text-align: center;
	}

	.tv-details-seasons ul.episodes li button span:first-child {
		display: block;
		font-size: 14px;
	}

	.tv-details-seasons ul.episodes li button span:last-child {
		display: none;
	}

	.tv-details-seasons ul.episodes li,
	.tv-details-seasons ul.seasons li {
		width: 40px;
		height: 40px;
		margin: 1px;
		border: 1px solid #444;
	}

	.tv-details-seasons ul.episodes {
		display: flex;
		flex-wrap: wrap;
		height: auto;
		overflow: auto;
	}

	.tv-series-server-options ul li button {
		padding: 7px 5px;
		font-size: 12px;
		color: #fff;
		background: #282c39;
		margin: 4px;
	}

	.related-animes {
		margin-top: 30px;
	}

	.share-bookmark {
		width: 32%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single  series play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            commentbox css start
	////////////////////////////////////////////////////////////////////////// */
	#commentbox .title {
		font-size: 16px;
		margin-bottom: 22px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            commentbox css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer css start
	////////////////////////////////////////////////////////////////////////// */
	.trailer-title {
		font-size: 12px;
	}

	.trailer-caption .author {
		font-size: 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             trailer css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            commentbox css start
	////////////////////////////////////////////////////////////////////////// */
	.comment_area .comment-content .comment-meta .post-date {
		font-size: 9px;
	}

	.comment_area .comment-content .comment-meta a.like,
	.comment_area .comment-content .comment-meta a.reply {
		padding: 5px 9px 3px;
		font-size: 9px;
	}

	.comment_area .comment-content .comment-meta p {
		font-size: 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             commentbox css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            All time css start
	////////////////////////////////////////////////////////////////////////// */
	.all-time-more-details h4 {
		font-size: 10px;
	}

	.all-time-more-details p {
		font-size: 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            All time css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 200px;
	}

	#channels .channels-item {
		margin: 12px 12px;
	}

	.all-time-number {
		font-size: 16px;
		padding: 2px;
		margin-right: 6px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            coming soon  css start
	////////////////////////////////////////////////////////////////////////// */
	.coming_soon_details h4 {
		font-size: 40px;
	}

	.coming_soon_details h3 {
		font-size: 63px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            coming soon  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css start
	////////////////////////////////////////////////////////////////////////// */
	.download-slider {
		display: none;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            contact  css start
	////////////////////////////////////////////////////////////////////////// */
	#contact {
		padding: 100px 0;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            contact  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 365px;
		position: relative;
	}

	.footer-content-column {
		width: 24.99%;
	}

	.footer-call-to-action-button {
		padding: 12px 29px;
	}

	.AtoZ_list li a {
		padding: 9px 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            sidebar css start
	////////////////////////////////////////////////////////////////////////// */
	body .sidebar {
		position: fixed;
		top: 0;
		z-index: -1;
	}

	body .sidebar nav {
		height: 100% !important;
	}

	body .sidebar nav {
		top: 0;
	}

	body.overview #main {
		background: #1d1b24;
	}


	.sb-toggle-left {
		display: inline-block;
	}

	.header-secondary .filters ul li.open.abc-filter ul {
		width: 200px;
	}

	/* //////////////////////////////////////////////////////////////////////////
						sidebar css start
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
						main menu css start
	////////////////////////////////////////////////////////////////////////// */
	#main-menu .main-header {
		position: relative;
	}


	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.breakpoint-on .classynav ul li a {
		text-align: center;
	}

	.header-area {
		width: 20%;
		top: 0px;
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classy-nav-container {
		background-color: #282c39;
	}

	.header-area {
		position: absolute;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-nav-container {
		padding: 0 24px;
		display: inline-block;
	}


	.classy-nav-container .classy-navbar {
		height: 80px;
	}

	.classy-nav-container .classy-navbar .nav-brand {
		max-width: 90px;
		margin-right: 15px;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-navbar-toggler .navbarToggler span {
		background-color: #ffffff;
	}

	.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000;
		box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.2);
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.logo-user {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.mobile-user.user {
		display: block;
		margin: 20px 50px;
	}

	.mobile-user.user a img {
		margin-bottom: 0px;
	}

	.classynav .user {
		display: none;
	}

	.mobile-user.user .dropdown-menu {
		background-color: #151d26;
		border-color: transparent;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
		border: 0;
		padding: 10px;
	}

	.mobile-user.user .dropdown-menu li a {
		background: #151d26;
		padding: 8px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		align-items: center;
		display: flex;
		font-size: 10px;
		font-weight: 500;
	}

	.mobile-user.user .dropdown-menu li a:hover {
		color: #ff640a;
	}


	.user .dropdown-menu a {
		background-color: #000;
	}

	.user .dropdown-menu {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
	}

	.user .dropdown {
		display: block !important;
	}

	.dropdown-menu.show {
		background: #565e64;
	}

	.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
		border-radius: 0;
	}

	.dropdown-menu {
		padding: 0;
	}

	/* 
	input,
	p,
	textarea,
	ul li {
		font-size: 10px;
	} */
	.filters input,
	.filters p,
	.filters textarea,
	.filters ul li {
		font-size: 10px;
	}

	.header-secondary {
		position: absolute;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large {
		width: 297px;
	}

	.header-secondary .filters ul li .dropdown-toggle {
		padding: 0 5px;
	}

	.header-secondary .inner-container {
		padding-left: 29px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 225px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		display: flex;
		flex-wrap: wrap;
	}

	p#slogan {
		display: none;
	}

	/* //////////////////////////////////////////////////////////////////////////
						main menu css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            banner css start
	////////////////////////////////////////////////////////////////////////// */
	.main-banner {
		margin-bottom: 40px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            banner css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
						slider css start
	////////////////////////////////////////////////////////////////////////// */
	.slider {
		margin-top: 50px;
	}

	/* //////////////////////////////////////////////////////////////////////////
						slider css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            Single blog css start
	////////////////////////////////////////////////////////////////////////// */
	#blog-single {
		padding-top: 76px;
	}

	/* //////////////////////////////////////////////////////////////////////////
						Single blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            collection css start
	////////////////////////////////////////////////////////////////////////// */
	.collection-txt {
		width: 100%;
		text-align: start;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            collection css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
						content css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		width: calc(100% / 3);
	}

	.anime-details h1 {
		font-size: 12px;
	}

	.anime-details h2 {
		font-size: 10px;
		margin-bottom: 3px;
	}

	.anime-details .rating {
		gap: 0px;
	}

	.anime-details .rating i {
		font-size: 11px;
	}

	.anime-details .rating span {
		font-size: 11px;
	}

	.anime-details .tags span {
		font-size: 11px;
	}

	.anime-details .desc {
		display: none;
	}

	.anime-details a.watch-now .button-text {
		padding: 15px 0;
		font-size: 10px;
	}

	.anime-details a.watch-now {
		width: 134px;
	}

	.trailer-title {
		font-size: 15px;
	}

	.trailer-news-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	/* //////////////////////////////////////////////////////////////////////////
						content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single series css start
	////////////////////////////////////////////////////////////////////////// */
	#anime_single {
		margin-top: -34px;
	}

	.tv-details-seasons {
		margin-bottom: 40px;
	}

	.anime_info h3 {
		font-size: 15px;
	}

	#anime_single .watch-trailer {
		top: -12px;
		right: 12px;
	}

	.overall-description-tab .tab-content {
		padding: 25px 10px;
	}

	.relations .item {
		width: calc(616px / 4);
		margin: 0 4px;
	}

	.characters .character-card {
		width: calc(77% / 3);
		margin: 4px 4px;
	}

	.anime-character-card .anime-characters-name h4 {
		font-size: 10px;
		font-weight: 500;
	}

	.anime-character-card .anime-characters-name p {
		font-size: 9px;
	}

	.anime-character-card .anime-characters-name {
		bottom: 21px;
		left: 12px;
	}

	.anime-character-card .voice-actor-name {
		bottom: 21px;
		left: 12px;
	}

	.anime-character-card .voice-actor-name h4 {
		font-size: 10px;
		font-weight: 500;
	}

	.anime-character-card .voice-actor-name p {
		font-size: 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
						 single series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
						single series play css start
	////////////////////////////////////////////////////////////////////////// */
	.single_anime_data .table> :not(caption)>*>* {
		padding: 6px 0px !important;
	}

	.single_anime_data ul li a {
		padding: 3px 8px;
		font-size: 11px;
	}

	.tv-series-server-options ul li button {
		padding: 7px 7px;
		font-size: 8px;
		margin: 1px;
	}

	.sub-option,
	.dub-option {
		font-size: 8px;
	}

	.tv-series-details p {
		font-size: 10px;
	}

	.related-animes {
		margin-top: 30px;
	}

	.share-bookmark {
		width: 32%;
	}

	.share-video button {
		padding: 7px 7px;
	}

	.download-ep button {
		padding: 7px 7px;
	}

	.anime-bookmark button {
		padding: 7px 7px !important;
	}

	.tv-details-seasons ul.episodes li button span:last-child {
		display: none;
	}

	.tv-details-seasons ul.episodes li button::before {
		display: none;
	}

	.tv-details-seasons ul.seasons li button.active::after,
	.tv-details-seasons ul.episodes li button.active::after {
		display: none;
	}

	.tv-details-seasons ul.episodes li button {
		padding: 0;
		width: 40px;
		height: 40px;
		text-align: center;
	}

	.tv-details-seasons ul.episodes li button span:first-child {
		display: block;
		font-size: 14px;
	}

	.tv-details-seasons ul.episodes li button span:last-child {
		display: none;
	}

	.tv-details-seasons ul.episodes li,
	.tv-details-seasons ul.seasons li {
		width: 40px;
		height: 40px;
		margin: 1px;
		border: 1px solid #444;
	}

	.tv-details-seasons ul.episodes {
		display: flex;
		flex-wrap: wrap;
		height: auto;
		overflow: auto;
	}

	/* //////////////////////////////////////////////////////////////////////////
						single series play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                        commentbox css start
	////////////////////////////////////////////////////////////////////////// */
	.comment_area .comment-content .comment-author {
		width: 40px;
		max-width: 40px;
		margin-right: 10px;
	}

	.comment_area .comment-content .comment-meta .post-date {
		font-size: 10px;
	}

	.comment_area .comment-content .comment-meta h5 {
		font-size: 12px;
	}

	.comment_area .comment-content .comment-meta p {
		font-size: 11px;
	}

	.comment_area .comment-content .comment-meta a.like,
	.comment_area .comment-content .comment-meta a.reply {
		padding: 5px 5px 3px;
		font-size: 10px;
		border: 0;
	}

	.commentbox-top h3 {
		font-size: 16px;
	}

	#commentbox .title {
		margin-bottom: 20px;
		font-size: 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
						commentbox css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
						Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out::before {
		background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%);
	}

	#Coming-Out {
		background: url(../images/banner/coming-out2.jpg);
	}

	#Coming-Out .Coming-Out-info h1 {
		font-size: 34px;
	}

	.coming_soon_details h4 {
		font-size: 30px;
	}

	.coming_soon_details h3 {
		font-size: 48px;
	}

	#Coming-Out .Coming-Out-info ul li h5 strong {
		font-weight: 800;
	}

	#Coming-Out .Coming-Out-info ul li h5 {
		color: #fff;
		font-weight: 500;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            coming soon  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 136px;
	}

	#channels .channels-item {
		margin: 12px 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
						download-anime css start
	////////////////////////////////////////////////////////////////////////// */
	.download-slider {
		display: none;
	}

	/* //////////////////////////////////////////////////////////////////////////
						download-anime css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		margin-left: auto;
		margin-right: auto;
		max-width: 1230px;
		padding: 40px 15px 329px;
		position: relative;
	}

	.AtoZ_list li a {
		margin-top: 6px;
		font-size: 12px;
		padding: 9px 9px;
	}

	.footer-wave-svg {
		height: 50px;
	}

	.footer-content-column {
		width: 24.99%;
	}

	.footer-call-to-action-button {
		font-size: 10px;
		line-height: 18px;
		padding: 12px 4px;
	}

	.footer-content-column ul li a {
		font-size: 13px;
	}

	.footer-menu-name {
		font-size: 14px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            contact  css start
	////////////////////////////////////////////////////////////////////////// */
	#contact {
		padding: 72px 0;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            contact  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            user profile css start
	////////////////////////////////////////////////////////////////////////// */
	.personal-details .user-edit {
		font-size: 11px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            user profile css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            go top button css start
	////////////////////////////////////////////////////////////////////////// */
	#up-to-top {
		width: 50px;
		height: 50px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            go top button css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


	/* //////////////////////////////////////////////////////////////////////////
                            sidebar css start
	////////////////////////////////////////////////////////////////////////// */
	body .sidebar {
		position: fixed;
		top: 0;
		z-index: -1;
	}


	body .sidebar nav {
		top: 0;
	}

	body .sidebar nav {
		height: 100% !important;
	}

	body.overview #main {
		background: #1d1b24;
	}


	.sb-toggle-left {
		display: inline-block;
	}


	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 200px;
	}

	p#slogan {
		display: none;
	}

	.inner-container {
		padding: 0 20px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            sidebar css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            main menu css start
	////////////////////////////////////////////////////////////////////////// */
	#main-menu .main-header {
		position: relative;
	}

	#main-menu .main-header .logo {
		margin: 7px 0;
		padding: 0;
		width: 178px;
	}

	.header-area {
		width: 20%;
		top: 0px;
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classy-nav-container {
		background-color: #282c39;
	}

	.header-area {
		position: absolute;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-nav-container {
		padding: 0 17px;
		display: inline-block;
	}


	.classy-nav-container .classy-navbar {
		height: 80px;
	}

	.classy-nav-container .classy-navbar .nav-brand {
		max-width: 90px;
		margin-right: 15px;
	}

	.classy-nav-container .classy-navbar .classynav ul li a {
		border-bottom: none;
		font-size: 14px;
	}

	.classy-navbar-toggler .navbarToggler span {
		background-color: #ffffff;
	}

	.breakpoint-on .classy-navbar .classy-menu {
		background-color: #000;
		box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.2);
	}

	.breakpoint-on .classynav>ul>li>a {
		background-color: #000;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.classycloseIcon .cross-wrap span {
		background-color: #ffffff;
	}

	.logo-user {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.mobile-user.user {
		display: block;
		margin: 20px 18px;
	}

	.mobile-user.user a img {
		margin-bottom: 0px;
	}

	.classynav .user {
		display: none;
	}

	.mobile-user.user .dropdown-menu {
		background-color: #151d26;
		border-color: transparent;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);
		border: 0;
		padding: 10px;
	}

	.mobile-user.user .dropdown-menu li a {
		background: #151d26;
		padding: 8px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		align-items: center;
		display: flex;
		font-size: 10px;
		font-weight: 500;
	}

	.mobile-user.user .dropdown-menu li a:hover {
		color: #ff640a;
	}


	.breakpoint-on .classynav ul li a {
		padding: 0 21px;
	}

	.user .dropdown {
		display: block !important;
	}

	.dropdown-menu.show {
		background: #565e64;
		border-radius: 0px;
	}

	.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
		border-radius: 0;
	}

	.dropdown-menu {
		padding: 0;
	}

	/* header-secondary */
	#main .header-secondary .filters>ul>li {
		flex: 1;
		line-height: 40px;
		margin: 10px 10px 10px 0;

	}

	.sb-toggle-left .menu-icon-text {
		display: none;
	}

	#main .header-secondary {
		top: 130px;
		height: 60px;
		background: #2f3444;
	}

	#main .header-secondary .inner-container {
		padding-left: 20px;
	}

	#main .header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large {
		left: 0;
		right: 0;
		width: auto;
		margin-top: 0;
		box-sizing: border-box;
	}

	#main .header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li input[type="checkbox"]+label {
		line-height: 40px;
	}

	#main .header-secondary .filters ul li.search {
		height: auto;
		line-height: 38px;
		position: absolute;
		left: 0;
		right: 0;
		top: -50px;
		padding: 5px 20px;
		background: #1d1b24;
		margin: 0px 0;
	}

	.header-secondary {
		position: absolute;
	}

	#main .header-secondary .filters {
		float: none;
	}

	#main .header-secondary .filters ul li .dropdown-toggle {
		display: block;
	}

	#main .header-secondary .filters>ul>li {
		font-size: 12px;
		text-align: center;
	}

	#main .header-secondary .filters>ul>li.quality-filter {
		margin: 10px 3px 10px 0;
	}

	#main .header-secondary .filters>ul>li.genre-filter {
		margin: 10px 3px 10px 0;
		line-height: 40px;
		position: inherit;
	}

	#main .header-secondary .filters>ul>li.abc-filter {
		margin: 10px 3px 10px 0;
		line-height: 40px;
		position: inherit;
	}

	#main .header-secondary {
		height: auto;
		padding: 10px 0;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		display: flex;
		flex-wrap: wrap;
	}

	#main .header-secondary .filters ul li.dropdown.open>ul {
		margin-top: 0px;
		text-align: left;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		right: -41px;
	}

	.header-secondary .filters ul li.open.abc-filter ul {
		width: 326px;
	}

	#main .header-secondary .filters ul li.search form {
		position: relative;
	}

	#main .header-secondary .filters ul li.search form i {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -7px;
	}

	#main .header-secondary .filters ul li.search form input {
		width: 100%;
		padding-left: 20px;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li a::before {
		left: 3px;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li a {
		padding: 0 15px 0 15px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            logo slider css start
	////////////////////////////////////////////////////////////////////////// */
	.slider .slide-track {
		-webkit-animation: scroll 40s linear infinite;
		animation: scroll 16s linear infinite;
		width: calc(29px * 50);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            logo slider css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            banner css start
	////////////////////////////////////////////////////////////////////////// */
	.main-banner {
		margin-bottom: 40px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            banner css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            slider css start
	////////////////////////////////////////////////////////////////////////// */
	.slider::before,
	.slider::after {
		background: none;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            slider css end
	////////////////////////////////////////////////////////////////////////// */


	/* //////////////////////////////////////////////////////////////////////////
                            banner css start
	////////////////////////////////////////////////////////////////////////// */

	.main-banner h4 {
		font-size: 13px;
	}

	.trending-left-text {
		position: absolute;
		bottom: 9px;
		left: 12px;
		padding-right: 0;
	}

	.trending-left-text ul .title {
		font-size: 9px;
		height: 20px;
		line-height: 20px;
		padding: 0 8px;
	}

	.trending-left-text ul .view {
		font-size: 9px;
		height: 20px;
		line-height: 20px;
		padding: 0 8px;
	}

	.trending-left-text ul .time {
		font-size: 9px;
		height: 20px;
		line-height: 20px;
		padding: 0 8px;
	}

	.trending-left-text .details li h5 strong {
		font-size: 9px;
	}

	.trending-left-text .details li h5 {
		font-size: 9px;
	}

	.main-banner h6 {
		font-size: 9px;
		margin-bottom: 0px;
	}

	.trending-left-text .details .star-rating i {
		font-size: 9px;
	}

	.play-button {
		width: 30px;
		height: 30px;
	}

	.anime-play-button a i {
		font-size: 12px;
	}

	.trending-animes .anime-play-button {
		right: 0px;
		bottom: 0px;
	}

	.trending-animes .anime-play-button2 {
		right: 10px;
		top: 30px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            banner css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            content css start
	////////////////////////////////////////////////////////////////////////// */

	#content .item {
		width: calc(100% / 3);
		padding: 3px;
	}

	#content {
		padding-top: 50px;
	}

	.anime-details h2 {
		font-size: 10px;
	}

	.anime-details .desc {
		display: none;
	}

	.anime-details .rating {
		margin-bottom: 15px;
		gap: 0px;
	}

	.anime-details .rating span {
		font-size: 11px;
	}

	.anime-details .rating i {
		font-size: 11px;
	}

	.anime-details {
		padding: 12px 10px;
	}

	.anime-details h1 {
		font-size: 11px;
	}

	.anime-details .tags span {
		padding: 2.6px 3.4px;
		font-size: 8px;
	}

	.anime-details a.watch-now .button-text {
		font-size: 12px;
		padding: 13px 0;
	}

	.anime-details a.watch-now {
		width: 107px;
	}

	.anime-details a.watch-now .circle {
		height: 33px;
	}

	.anime-details a.watch-now .button-text {
		margin: 0 0 0 6.6px;
		font-size: 9px;
		padding: 10px 0;
		left: 16px;
	}

	.anime-details a:hover .circle .icon.arrow {
		left: 0;
	}

	.pagination a,
	.pagination span {
		padding: 5px 5px;
		font-size: 12px;
	}


	/* //////////////////////////////////////////////////////////////////////////
                            content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            collection css start
	////////////////////////////////////////////////////////////////////////// */
	.collection-txt {
		width: 100%;
		text-align: start;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            collection css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            single  series css start
	////////////////////////////////////////////////////////////////////////// */
	.anime_info {
		margin-top: 12px;
	}

	#anime_single .single_anime_img img {
		width: 100px !important;
	}

	#anime_single {
		margin-top: -41px;
	}

	#anime_single .anime_info h3 {
		font-size: 15px;
	}

	#anime_single .watch-trailer {
		top: -23px;
		right: 9px;
	}

	#anime_single .watch-trailer a {
		padding: 2px 5px;
		font-size: 10px;
	}

	#anime_single .anime_info ul li a {
		padding: 8px 2px;
		margin: 5px;
		font-size: 12px;
	}

	.tv-details-seasons {
		margin-bottom: 40px;
	}

	.anime_info h3 {
		font-size: 20px;
	}

	.share-bookmark {
		width: 39%;
		margin-top: 4px;
	}

	.modal-dialog {
		top: 26px;
	}

	.anime_info .quality h4 {
		font-size: 10px;
		padding: 0px 4px;
		height: 55%;
		width: 96%;
	}

	.modal-body .model-share li i {
		width: 27px;
		padding: 7px 0;
		font-size: 12px;
	}

	.anime-bookmark button {
		padding: 9px 9px;
		font-size: 10px;
	}

	.share-video button {
		padding: 9px 9px;
		font-size: 10px;
	}

	.modal-body .model-share li {
		width: 128px;
	}

	.overviews .overviews-all li span:first-child {
		width: 75px;
	}

	.overviews .overviews-all li {
		font-size: 12px;
	}

	.overviews-description {
		margin-top: 20px;
	}

	.relations .item {
		width: calc(98% / 2);
		margin: 0px 0px;
	}

	.overall-description .nav-pills .nav-item .nav-link {
		padding: 8px 12px;
	}

	.characters .character-card {
		width: calc(77% / 3);
		margin: 4px 4px;
	}

	.anime-character-card .anime-characters-name h4 {
		font-size: 10px;
		font-weight: 500;
	}

	.anime-character-card .anime-characters-name p {
		font-size: 9px;
	}

	.anime-character-card .anime-characters-name {
		bottom: 21px;
		left: 12px;
	}

	.anime-character-card .voice-actor-name {
		bottom: 21px;
		left: 12px;
	}

	.anime-character-card .voice-actor-name h4 {
		font-size: 10px;
		font-weight: 500;
	}

	.anime-character-card .voice-actor-name p {
		font-size: 9px;
	}

	.overall-description-tab .tab-content {
		padding: 25px 10px;
	}



	/* //////////////////////////////////////////////////////////////////////////
                            single  series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-series-name p {
		font-size: 17px;
	}

	.download-ep {
		font-size: 10px;
	}

	.tv-series-name span {
		font-size: 10px;
	}

	.tv-series-details {
		margin-bottom: 13px;
	}

	.tv-series-details p {
		font-size: 10px;
	}

	.tv-details-seasons ul.episodes {
		display: flex;
		flex-wrap: wrap;
		height: auto;
		overflow: auto;
	}

	.tv-series-server-options .sub-option,
	.tv-series-server-options .dub-option {
		width: 38%;
	}

	.tv-details-seasons ul.episodes li button::before {
		display: none;
	}

	.tv-details-seasons ul.seasons li button.active::after,
	.tv-details-seasons ul.episodes li button.active::after {
		display: none;
	}

	.tv-details-seasons ul.episodes li button {
		padding: 0;
		width: 40px;
		height: 40px;
		text-align: center;
	}

	.tv-details-seasons ul.episodes li button span:first-child {
		display: block;
		font-size: 12px;
	}

	.tv-details-seasons ul.episodes li button span:last-child {
		display: none;
	}

	.tv-details-seasons ul.episodes li,
	.tv-details-seasons ul.seasons li {
		width: 40px;
		height: 40px;
		margin: 1px;
		border: 1px solid #444;
	}

	.tv-series-server-options .sub-option,
	.tv-series-server-options .dub-option {
		font-size: 12px;
	}

	.tv-series-server-options ul li button {
		padding: 6px 6px;
		font-size: 10px;
		margin: 2px;
	}

	.tv-series h2 {
		font-size: 16px;
		padding-bottom: 16px;
	}

	#anime_single_play .anime_info h3 {
		font-size: 17px;
	}

	.related-animes {
		margin-top: 30px;
	}

	.related-single-anime-info h4 {
		font-size: 13px;
	}

	.related-single-anime-info p {
		font-size: 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out .Coming-Out-info h1 {
		font-size: 33px;
	}

	#Coming-Out .Coming-Out-info h6 {
		font-size: 20px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                    		genre  css start
	////////////////////////////////////////////////////////////////////////// */
	.genre {
		width: 25%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            genre css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            coming soon  css start
	////////////////////////////////////////////////////////////////////////// */
	.coming_soon_details h4 {
		font-size: 12px;
	}

	.coming_soon_details h3 {
		font-size: 27px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            coming soon  css end
	////////////////////////////////////////////////////////////////////////// */


	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css start
	////////////////////////////////////////////////////////////////////////// */
	.download-slider {
		display: none;
	}

	#download-animes {
		padding: 60px 0;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            download-anime css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            All time css start
	////////////////////////////////////////////////////////////////////////// */
	.all-time-content {
		padding: 4px;
	}

	.all-time-number {
		font-size: 15px;
		padding: 0;
		margin-right: 7px;
	}

	.all-time-details a {
		font-size: 12px;
	}

	.all-time-more-details h4 {
		font-size: 9px;
	}

	.all-time-more-details p {
		font-size: 7px;
	}

	.all-time-details p {
		font-size: 8px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            All time css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out::before {
		background: linear-gradient(to bottom, rgba(2, 26, 71, 0.28) 0%, rgba(0, 89, 255, 0.67) 100%);
	}

	#Coming-Out {
		background: url(../images/banner/coming-out2.jpg);
	}

	#Coming-Out .Coming-Out-info h1 {
		font-size: 30px;
		padding: 4px;
	}

	#Coming-Out .Coming-Out-info p {
		color: #fff;
		width: 79%;
	}

	#Coming-Out .Coming-Out-info ul li h5 strong {
		font-weight: 500;
	}

	#Coming-Out .Coming-Out-info ul li h5 {
		color: #fff;
		padding: 4px;
		font-size: 11px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css start
	////////////////////////////////////////////////////////////////////////// */
	.trailer-title {
		font-size: 12px;
	}

	.trailer-title,
	.author {
		font-size: 12px;
	}

	.trailer-news-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                              blog css start
	////////////////////////////////////////////////////////////////////////// */
	.article-title--large {
		font-size: 17px;
	}

	.article-author-info dt {
		font-size: 12px;
	}

	.article-author-info dd {
		font-size: 10px;
	}

	.article-title--medium {
		font-size: 17px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                             single blog css start
	////////////////////////////////////////////////////////////////////////// */
	.heading-section h4 {
		font-size: 15px;
	}

	.single-blog-page figure {
		margin: 12px 6px;
		padding: 10px 10px;
	}

	.single-blog-img .blog-date h2 {
		font-size: 12px;
	}

	.single-blog-img .blog-date h3 {
		font-size: 10px;
	}

	.single-blog-img .blog-date {
		right: 2px;
		top: 2px;
		width: 50px;
		height: 50px;
		border: 1px solid #fff;
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single blog css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 146px;
	}

	#channels .channels-item {
		margin: 10px 10px;
	}

	#channels .channels-item {
		width: calc(100% / 3);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            commentbox  css start
	////////////////////////////////////////////////////////////////////////// */
	.commentbox-button button {
		width: 35%;
	}

	.commentbox-top h3 {
		font-size: 14px;
	}

	.comment_area .comment-content .comment-meta h5 {
		margin-bottom: 5px;
		font-size: 12px;
	}

	#commentbox .title {
		font-size: 12px;
	}

	.comment-nav .nav {
		display: block ruby;
	}

	.comment_area .comment-content .comment-meta p {
		font-size: 10px;
		font-weight: 300;
	}

	.comment_area .comment-content .comment-meta a.like,
	.comment_area .comment-content .comment-meta a.reply {
		padding: 5px 8px 5px;
		font-size: 8px;
	}

	.comment_area .comment-content .comment-meta .post-date {
		font-size: 7px;
	}

	.comment_area .comment-content .comment-author {
		width: 40px;
		max-width: 40px;
		margin-right: 7px;
	}

	.comment_area .comment-content .comment-meta a.like,
	.comment_area .comment-content .comment-meta a.reply {
		border: 0;
	}


	/* //////////////////////////////////////////////////////////////////////////
                            commentbox  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            footer css start
	////////////////////////////////////////////////////////////////////////// */
	.footer-content {
		padding: 40px 15px 729px;
	}

	.AtoZ_list li a {
		margin-top: 5px;
		font-size: 9px;
		padding: 9px 9px;
	}

	.footer-content-column.footer-logo {
		width: 100%;
	}

	.footer-content-column {
		width: 50%;
	}

	.footer-call-to-action-button {
		font-size: 11px;
		padding: 12px 9px;
	}

	.footer-content-column ul li a {
		font-size: 12px;
	}

	.footer-copyright-text {
		font-size: 11px;
	}

	.footer-call-to-action-description {
		font-size: 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            footer css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            contact  css start
	////////////////////////////////////////////////////////////////////////// */
	#contact {
		padding: 150px 0;
	}

	.contact-form .form-select {
		font-size: 12px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            contact  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            user profile css start
	////////////////////////////////////////////////////////////////////////// */
	.user-card .card-body h3 {
		font-size: 15px;
	}

	.personal-details-more p {
		font-size: 12px;
	}

	.personal-details .user-edit {
		font-size: 12px;
	}

	.personal-details span {
		line-height: 1.2;
		font-size: 13px;
	}

	.personal-details-more p a.membership {
		font-size: 9px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            user profile  css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            go top button css start
	////////////////////////////////////////////////////////////////////////// */
	#upToTopBtn {
		width: 35px;
		height: 35px;
	}

	#upToTopBtn span i {
		font-size: 20px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            go top button css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Custom more small devices */
@media (min-width: 341px) and (max-width: 440.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	#main .header-secondary .inner-container {
		height: initial;
	}

	#main .header-secondary .filters>ul>li {
		font-size: 10px;
	}

	.header-secondary .filters ul li .dropdown-toggle {
		padding: 0 6px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 180px;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li a {
		padding: 0 0px 0 40px;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li {
		width: calc(100% / 4);
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li a::before {
		left: 25px;
		top: 50%;
	}

	.logo-user {
		justify-content: center;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            banner css start
	////////////////////////////////////////////////////////////////////////// */
	.header-secondary .filters ul li.open.abc-filter ul {
		width: 0;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            banner css end
	////////////////////////////////////////////////////////////////////////// */

	/* //////////////////////////////////////////////////////////////////////////
                            content css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		width: calc(100% / 2);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series css start
	////////////////////////////////////////////////////////////////////////// */
	.characters .character-card {
		width: calc(92% / 2);
		margin: 4px 4px;
	}

	.anime-character-card .anime-characters-name {
		bottom: 14px;
		left: 7px;
	}

	.anime-character-card .voice-actor-name {
		bottom: 14px;
		left: 7px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                              single  series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer css start
	////////////////////////////////////////////////////////////////////////// */
	.trailer-news-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 114px;
	}

	#channels .channels-item {
		margin: 10px 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Custom more small devices */
@media (min-width: 417.98px) and (max-width: 574.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                             single series css start
	////////////////////////////////////////////////////////////////////////// */
	.relations .item {
		width: calc(98% / 3);
	}

	/* //////////////////////////////////////////////////////////////////////////
                             single series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-series-server-options .sub-option,
	.tv-series-server-options .dub-option {
		width: 33%;
	}

	.share-bookmark {
		width: 56%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Custom more small devices */
@media (min-width: 340px) and (max-width: 417.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main menu play css start
	////////////////////////////////////////////////////////////////////////// */
	#main-menu .main-header .logo {
		margin: 20px 0;
		padding: 0;
		width: 106px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-series-server-options .sub-option,
	.tv-series-server-options .dub-option {
		width: 30%;
	}

	.share-bookmark {
		width: 44%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css end
	////////////////////////////////////////////////////////////////////////// */
}

/* Custom more small devices */
@media (min-width: 320px) and (max-width: 340.98px) {

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	#main .header-secondary .filters>ul>li {
		font-size: 11px;
	}

	#content .item {
		width: calc(100% / 2);
	}

	.header-secondary .filters ul li .dropdown-toggle {
		padding: 0 6px;
	}

	.header-secondary .filters ul li.open.abc-filter ul li {
		width: 37px;
		line-height: 37px;
	}

	#main .header-secondary .filters ul li.dropdown.quality-filter.open>ul {
		width: 160px;
	}

	.header-secondary .filters ul li.dropdown.open>ul.dropdown-menu-large li {
		display: inline-block;
		width: calc(100% / 3);
		line-height: 1;
		padding: 0;
	}

	.logo-user {
		justify-content: start;
	}

	#main-menu .main-header .logo {
		margin: 20px 0;
		padding: 0;
		width: 106px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            main menu css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            content css start
	////////////////////////////////////////////////////////////////////////// */
	#content .item {
		width: calc(100% / 2);
	}

	.anime-details {
		padding: 3px 3px;
	}

	.anime-details h1 {
		font-size: 10px;
	}

	.anime-details .desc {
		display: none;
	}

	.anime-details a.watch-now {
		width: 107px;
	}

	.anime-details a.watch-now .circle {
		height: 33px;
	}

	.anime-details a.watch-now .button-text {
		margin: 0 0 0 6.6px;
		font-size: 9px;
		padding: 10px 0;
		left: 16px;
	}

	.anime-details a:hover .circle .icon.arrow {
		left: 0;
	}

	.anime-details .rating i {
		font-size: 11px;
	}

	.anime-details .rating span {
		font-size: 11px;
	}

	.anime-details h2 {
		font-size: 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            content css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series css start
	////////////////////////////////////////////////////////////////////////// */
	.relations .item {
		width: calc(98% / 2);
	}

	.characters .character-card {
		width: calc(92% / 2);
		margin: 4px 4px;
	}

	.anime-character-card .anime-characters-name {
		bottom: 14px;
		left: 7px;
	}

	.anime-character-card .voice-actor-name {
		bottom: 14px;
		left: 7px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            single  series css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css start
	////////////////////////////////////////////////////////////////////////// */
	.tv-series-server-options .sub-option,
	.tv-series-server-options .dub-option {
		width: 20%;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            single  series play css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            channels css start
	////////////////////////////////////////////////////////////////////////// */
	#channels .channels-item img {
		width: 104px;
	}

	#channels .channels-item {
		margin: 10px 10px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            channels css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css start
	////////////////////////////////////////////////////////////////////////// */
	#Coming-Out {
		background: url(../images/banner/coming-out2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding: 50px 0;
		overflow: hidden;
		position: relative;
	}

	#Coming-Out .Coming-Out-info h1 {
		font-size: 19px;
	}

	/* //////////////////////////////////////////////////////////////////////////
                            Coming Out css end
	////////////////////////////////////////////////////////////////////////// */
	/* //////////////////////////////////////////////////////////////////////////
                            trailer css start
	////////////////////////////////////////////////////////////////////////// */
	.trailer-news-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

	/* //////////////////////////////////////////////////////////////////////////
                            trailer css end
	////////////////////////////////////////////////////////////////////////// */
}