@media (min-width: 1400px) {
	.featured-hero .slick-slide .featured-image img {
		max-height: 345px;
	}
	.featured-hero .slick-slide .featured-image {
		max-width: 30%;
	}
	.featured-hero .slick-current .featured-image {
		max-width: 36%;
	}

	.chapter-paged ul li:nth-child(2n) {
		display: none;
	}
}

@media (min-width: 992px) {

	/* ICONIC */

	.chapter.iconic .header-iconic-logo {
		display: inline-block;
	}

	.iconic-trigger .btn {
		display: none;
		border-radius: 8px !important;
		background: #17182A !important;
		padding: 12px !important;
		font-weight: 400 !important;
		color: #a8a8a8 !important;
	}
	.iconic-trigger .btn i {
		margin-left: 0 !important;
	}

	.chapter .iconic-open {
		display: block;
	}
	.chapter .iconic-close {
		display: none;
	}
	.chapter.iconic .iconic-open {
		display: none;
	}
	.chapter.iconic .iconic-close {
		display: block;
	}

	.chapter.iconic #content-left {
		width: 70px;
		text-align: center;
		padding-top: 0;
		z-index: 9999;
	}
	.chapter.iconic #content-right {
		width: calc(100% - 85px);
	}

	.chapter.iconic .header {
		display: none;
	}
	.chapter.iconic .manga-title {
		margin-top: 0;
		justify-content: center;
	}
	.chapter.iconic .manga-title h1 {
		display: none;
	}

	.chapter.iconic .chapter-tabs {
		display: none;
		gap: 5px;
		justify-content: left;
		overflow-x: scroll;
	}

	.chapter.iconic .select-item .select-item-head .text,
	.chapter.iconic .select-item .select-item-head .selected-item,
	.chapter.iconic .select-item .select-item-head .arrow {
		display: none;
	}

	.chapter.iconic .select-item {
		width: auto;
		text-align: left;
	}
	.chapter.iconic .select-item-content {
		min-width: 200px;
	}


	.chapter.iconic .chapter-navigation span,
	.chapter.iconic .chapter-buttons span {
		display: none;
	}

	.chapter.iconic .chapter-buttons .btn {
		width: auto;
		display: inline-block !important;
	}
	.chapter.iconic .chapter-buttons .btn i {
		margin-right: 0;
	}
}

@media (max-width: 1024px) {

	.header-mobile-icons {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		font-size: 30px;
		margin-left: auto;
		gap: 10px;
	}
	.header-mobile-icons i {
		color: #363CD5;
	}
	.header-mobile-icons .icon-search {
		display: block;
		margin-top: 2px;
	}

	.header-mobile-search,
	.header-mobile-menu,
	.header-mobile-settings {
		cursor: pointer;
	}

	.header-mobile-search.active i:before,
	.header-mobile-menu.active i:before,
	.header-mobile-settings.active i:before {
		content: '\E81B';
	}
	.header-mobile-search.active,
	.header-mobile-menu.active,
	.header-mobile-settings.active {
		position: absolute;
		z-index: 9999;
		background: #191b27;
	}
	.header-mobile-settings.active {
		position: fixed;
	}

	.header-mobile-back {
		font-weight: 500;
		font-size: 16px;
		display: inline-flex;
		align-items: center;
		gap: 15px;
		cursor: pointer;
		margin-right: 10px;
	}
	.header-mobile-back i {
		color: #363CD5;
	}

	.manga-details .poster {
		margin-top: 50px;
	}

	/* menu */
	.header-con {
		position: static;
	}
	.header-menu {
		transition: all .15s ease;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top: 0px;
		padding: 110px 20px 30px;
		bottom: 0;
		left: -100%;
		width: 100%;
		max-width: 100%;
		background: rgb(25 27 40 / 95%);
		z-index: 999;
	}
	.header-menu ul {
		flex-direction: column;
		gap: 10px;
	}
	.header-menu ul li a {
		display: block;
		padding: 10px 0;
	}
	.header-menu ul li a:after {
		content: '\E80D';
		font-family: etoshore;
		float: right;
	}
	.header-menu.active {
		visibility: visible;
		opacity: 1;
		left: 0;
	}

	/* search */
	.header-search {
		transition: all .15s ease;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top: 0px;
		padding: 0px 20px 30px;
		bottom: 0;
		left: -100%;
		width: 100%;
		max-width: 100%;
		background: rgb(25 27 40 / 95%);
		z-index: 999;
	}
	.header-search .screen-reader-text {
		display: block;
		padding: 30px 0 50px;
		font-size: 20px;
		font-weight: 600;
	}
	.header-search.active {
		visibility: visible;
		opacity: 1;
		left: 0;
	}
	.header-logo.active {
		position: absolute;
		z-index: 99999;
	}

	.header-user {
		display: none;
	}

	.featured-child-hero .featured-image {
		max-width: 40%;
	}
}

@media (max-width: 992px) {

	.iconic-trigger {
		display: none;
	}

	/* FEATURED */

	.featured-item {
		display: flex;
		flex-direction: column;
		background: linear-gradient(32deg, #1515191c 25%, #1c1c24 50%);
		margin-bottom: 10px;
	}
	.featured-hero .slick-current .featured-item,
	.featured-hero .slick-slide .featured-item,
	.featured-child-hero .featured-item  {
		background: linear-gradient(32deg, #1515191c 25%, #1c1c24 50%);
	}
	.featured-image {
		order: 1;
		position: relative;
		max-width: 50%;
		margin: 0 auto;
	}
	.featured-image:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		height: 100px;
		background: linear-gradient(358deg, rgb(28 28 36 / 92%) 0%, rgba(17, 17, 20, 0) 90%);
		z-index: 3;
	}
	.featured-hero {
		max-height: 725px;
	}
	.featured-hero .slick-current .featured-image {
		max-width: 60%;
		margin: 0 auto;
	}
	.featured-left {
		order: 2;
		max-width: 100%;
		text-align: center;
		padding-top: 20px;
	}
	.featured-hero .slick-item {
		padding-top: 50px;
	}

	.featured-item h2 {
		font-size: 24px;
	}
	.featured-item .buttons-con {
		position: relative;
		margin-top: 20px;
		display: inline-flex;
		flex-direction: column;
		gap: 20px;
	}

	.featured-child-hero .featured-left {
		order: 1;
		position: static;
	}
	.featured-child-hero .featured-right {
		order: 2;
	}
	.featured-child-hero .featured-image {
		max-width: 50%;
	}
	.featured-child-hero .featured-item .buttons-con {
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translate(-50%);
	}

	/* CHAPTER */
	.header-mobile-settings.active {
		top: 15px;
		right: 20px;
	}
	.chapter #main-wrapper {
		padding: 15px 0 30px;
	}
	.chapter .header {
		display: flex;
		justify-content: space-between;
	}

	.chapter .hs-on .header {
		height: 70px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		padding: 0 8px;
		background: #16161a;
	}
	.chapter .hs-on .header-logo img {
		max-height: 70px;
	}
	.chapter .hs-on .manga-title {
		margin-top: 60px;
	}
	.chapter .hs-on .chapter-settings {
		top: 70px;
	}
	#content-left {
		padding-top: 6px;
		position: relative;
		top: 0;
	}
	#content-left,
	#content-right {
		width: 100%;
		float: none;
		display: block;
		z-index: 1;
	}
	.chapter .seperator.first-sep {
		display: none;
	}
	.chapter-settings {
		transition: all .15s ease;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top: 0px;
		padding: 20px 20px 30px;
		bottom: 0;
		left: -100%;
		width: 100%;
		background: rgb(25 27 40 / 95%);
		z-index: 999;
		overflow-y: auto;
	}
	.chapter-settings.active {
		visibility: visible;
		opacity: 1;
		left: 0;
	}
	.chapter-settings.active .screen-reader-text {
		display: block;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 40px;
	}
	.chapter .manga-title i {
		display: none;
	}
	.chapter .manga-title h1 {
		font-size: 20px;
	}
	.chapter .manga-title h1 strong {
		color: #a5a5a5;
		font-size: 16px;
	}

	.chapter-mobile-navigation-area {
		display: block;
	}

	.overflow-hidden {
		padding-right: 0px;
	}
	.modal-bg {
		right: 0;
	}

	.modal-inner {
		left: 20px;
		right: 20px;
		margin-left: 0;
		width: auto;
		display: block;
	}

	.chapter-image-content {
		padding: 0;
		margin: 0 -15px 30px;
		border-radius: 0;
	}

	.weekday-select.btn {
		display: block;
	}
}

@media (max-width: 768px) {

	.top-head .arrows {
		display: none;
	}

	.tabs .tabs-buttons  {
		white-space: nowrap;
		overflow-x: auto;
	}

	.footer-head, .footer-bottom {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}

	.top-head h2, .top-head h3, .top-head .title {
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.top-head h2 i, .top-head h3 i, .top-head .title i {
		margin-right: 0;
		font-size: 32px;
	}
	.top-head i:before {
		margin-right: 0;
	}


	/* SINGLE */

	.details-left-con {
		text-align: center;
		gap: 25px;
	}

	.manga-details .title {
		order: 1;
	}
	.manga-details .buttons {
		order: 2;
		flex-direction: column;
		gap: 15px;
	}
	.manga-details .excerpt {
		order: 3;
	}
	.manga-details .stats {
		order: 4;
		justify-content: center;
	}
	.mobile-poster-area {
		position: relative;
	}
	.manga-details .poster {
		width: 200px;
		margin-top: -200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	.manga-rate {
		margin: 10px 0 0;
		justify-content: center;
	}
	.meta-details {
		padding: 30px 0;
	}
	.cover-image.empty {
		height: 150px;
		background: none;
	}

	/* chapter list */

	.chapter-list-inner-head {
		flex-direction: column;
		gap: 20px;
	}
	.chapter-list-inner-head .right {
		flex-direction: column;
		gap: 15px;
		width: 100%;
	}
	.chapter-list-inner-head .select-item,
	.chapter-list-inner-head .chapter-search {
		display: block;
		width: 100%;
	}
	.chapter-list-inner-head .select-item .arrow {
		float: right;
	}

	.chapters .chapter-tabs {
		width: 100%;
	}
	.chapters .chapter-tab {
		background: #3F46F4;
		padding: 8px 18px;
		border-radius: 50px;
		display: block;
		width: 100%;
		text-align: center;
	}

	.list-box ul li span.read-now {
		display: none;
	}
	.list-box ul li a:hover span.date {
		display: none;
	}
	.list-box ul li a:hover span.read-now {
		display: block;
	}

	/* comments */

	#comments .top-head,
	#commentform {
		flex-direction: column;
		gap: 30px;
	}
	#commentform {
		gap: 4px;
	}
	.comment-form-comment {
		padding-right: 0;
	}
	.comment-body, .comment-age {
		font-size: 13px;
	}
	.comment-author {
		align-items: center;
	}

	#filter-form {
		flex-direction: column;
	}
	#filter-form > * {
		display: block;
		width: 100% !important;
	}
	#filter-form .select-item .arrow {
		float: right;
	}

	.info-content {
		border-radius: 4px;
	}

	.slick-slider {
		touch-action: auto !important;
	}

	.footer-menu ul {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.header-mobile-icons {
		gap: 0;
	}

	.navicenter {
		display: none;
	}
}