@media only screen and (max-width: 1400px) {
  
}
@media only screen and (max-width: 1200px) {
  
}
@media only screen and (max-width: 1024px) {
   section.news-page .news-slide { margin: 0 50px; }

}
@media only screen and (max-width: 991px) {
	.dark-light-mode::after{ left: -5px; }
  	.custom-tab-main .custom-nav-tabs .nav-item { margin: 0 10px 0 0; }
	.custom-tab-main .custom-nav-tabs .nav-link { padding: 10px 5px; }
  	.custom-tab-main .custom-nav-tabs { white-space: nowrap; overflow-x: auto; flex-wrap: nowrap; overflow-y: hidden; }


	header .right-side .navbar-collapse{ position: fixed; background: var(--secondary-color); top: 55px; left: 0px; bottom: 0; width: 280px; height: 100vh !important; transition: .3s; padding-top: 0px; box-shadow: 0px 2px 1px 0px var(--secondary-color); }
	header .right-side .navbar-nav li a{ color: var(--white-color); }
  	header .right-side .collapse:not(.in) { display: block; left: -280px; transition: .3s; }
  	header .right-side .collapse.in{ left: 0px; transition: .3s; display: block; }
  	header .menu-icon ul { margin: 0 30px 0 0; font-size: 18px; }
  	header .navbar-light .navbar-toggler { position: absolute; right: -10px; }
  	header .navbar-nav { align-items: start; }
  	header .search-view { left: -12px; right: -12px; top: 46px; }  	

  	section.book-detail .book-img { position: unset; }
  	section.contact-page .contact-form { margin: 20px 0 0; }
  	section.contact-page .inner-contact { padding: 20px; }
  	section.contact-page .img-box { border-bottom: 1px solid var(--gray-color); }
  	section.auth-page .left-side-img { display: none; }

  	section.home-banner .banner-slider { padding: 0; }
  	section.home-banner .item { padding: 26px 20px; }

}
@media only screen and (max-width: 768px) {
  

} 
@media only screen and (max-width: 767px) {
  	section.choose-plan .subscription-list { margin: 0 0 50px; }
  	section.news-page .news-slide .content { padding: 10px; }
  	section.news-page .news-slide .content h5{ font-size: 14px; }
  	section.news-page .news-slide .content p{ font-size: 12px; margin: 0; }
  	section.news-page .news-slide .ago { padding: 10px; font-size: 12px; } 
  	section.news-page .news-slide { margin: 10px 20px; }

}
@media only screen and (max-width: 667px) {
   section.book-detail .book-content .chapter-list ul li .num { width: 50px; }
   section.book-detail .book-content .chapter-list ul li { padding: 10px 0; }
   section.book-detail .book-content .bookmark .box { margin: 10px 0; }

}

@media only screen and (max-width: 568px) {
	footer { padding: 30px 0 10px; }
	.fade-out .loader-inner lottie-player { max-width: 50px; }
	section { padding: 30px 0; }
	section.choose-plan { padding: 30px 0; }
	body { font-size: 14px; }
	.main-wapper { padding: 56px 0 0; }
	.section-title h2 { font-size: 22px; }
	.page-title h1 { font-size: 26px; }
	.table-of-content ul li{ margin: 0; }

	.secondary-btn, .primary-btn, .theme-btn { font-size: 14px; }

	.book-box .detail .inner-head .text h5 { font-size: 14px; }
	.book-box.list-view .detail .content a { margin: 0; }
	.book-box .detail .inner-head .member img{ width: 25px; }

	header .navbar-brand .mobile-hide { max-width: 150px; }
	header .menu-icon ul li { padding: 0 8px; }
   
	section.inner-page-banner { padding: 10px 0; }
	section.bookclub .bookclub-list ul li .box .arrow a{ padding: 5px 15px; }
	section.bookclub .bookclub-list ul li .box .profile .detail { padding: 0 0 0 10px; }
	section.bookclub .profile-info .profile-img img { width: 120px; height: 120px; } 
	section.bookclub .profile-info .button-list a { min-width: 140px; }
	section.profile .avatar-box .premium img{ width: 25px; }

	section.book-detail .book-img .img { max-width: 210px; }
	section.book-detail .book-content { margin: 20px 0 0; }
	section.book-detail .book-content .top-line h1 { font-size: 26px; }
	section.book-detail .book-content .basic-detail ul li { padding: 0 10px; }
	section.book-detail .book-img .img .share-icon { width: 30px; height: 30px; }
	section.bookshelf-page .last-read .img { max-width: 120px; }
	section.bookshelf-page .last-read .detail { padding: 0 0 0 15px; }
	section.bookshelf-page .last-read .detail h5{ font-size: 16px; margin: 0; }
	section.bookclub .chat-details .top-head .profile .img img { width: 38px; height: 38px; }
	section.bookclub .chat-details .top-head .profile .img h5 { font-size: 14px; }
	section.bookclub .chat-details .chat-list ul li .msg-body { font-size: 12px; }
	section.bookclub .chat-details .chat-list ul li .msg-body a { padding: 0; }
	section.museum-detail .basic-detail ul li { padding: 0 15px; }
	section.museum-detail .title-number h4 { font-size: 16px; margin: 0; }

	section.museum-read-now .museum-banner model-viewer, 
	section.museum-detail .museum-banner model-viewer { height: 300px; }
	section.player-view .content-top .thumbmail-img img { max-width: 140px; }
	section.player-view .content-top { padding: 40px 20px 20px; }
	section.player-view .content-top .details .head .left h3{ font-size: 16px; }
	section.player-view .content-top .details .head .right .favourite-mark { margin: 0 10px 0 0; }
	section.player-view .content-top .details .head .right .share-icon{ font-size: 18px; }
	section.player-view .content-top .details h5{ font-size: 16px; }
	section.player-view .next-prev { padding: 0; }
	section.player-view .bottom-content { padding: 20px; }
	section.customer-support .ticket-list .ticket-box { padding: 0; box-shadow: none; }
   
}
@media only screen and (max-width: 480px) {
	.dark-light-mode::after { left: -9px; }
	.book-box { margin: 10px 0; }
	.news-box { padding: 10px 0; }
 	.news-box .img img { height: 140px; }
 	.news-box .detail h5 { font-size: 16px; height: 36px; }


 	section.news-page .item { padding: 20px 0; }
 	section.news-page .news-slide .content p { margin: 0 0 5px; }
 	section.profile .profile-img img { width: 120px; height: 120px; }
 	section.profile .bottom-btn a{ margin: 0 0 5px !important; width: 100%; }
 	section.profile .profile-img .add-avatar a { width: 30px; height: 30px; }
	section.bookclub .add-member-detail { border-radius: 10px; }
 	section.auth-page .auth-form { padding: 0; }
 	section.suggestion-box .img-box lottie-player { max-width: 110px; }
 	section.home-banner .banner-slider img {  }
 	section.home-banner { padding: 30px 0; }

}
@media only screen and (max-width: 320px) {

}