@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1420px;
	}
}

@media only screen and (max-width: 1600px) {
	.main-content h1 {
		font-size: 5rem;
	}

	.cloud2 {
		left: 5%;
	}

	.main-image {
		height: 380px;
	}

	.mainHead {
		font-size: 3rem;
	}

	.book-promo-section {
		padding: 3rem 0 7rem;
	}

	.image-frame-container {
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
		margin: 1.5rem 0 1.075rem 0;
	}

	.about-content p {
		font-size: 1.375rem;
		width: 90%;
		margin: 0 auto 2rem auto;
	}

	.feature-card h3 {
		font-size: 1.575rem;
		margin: 2.25rem 0 1rem 0;
	}

	.feature-card {
		padding: 1.75rem 1.75rem 1.75rem 1.75rem;
	}

	.features-container {
		padding: 3rem 0 4rem 0;
	}

	.video-thriller-sec {
		padding: 4.5rem 0 4.5rem 0;
	}

	.video-box {
		height: 500px;
	}

	.meet-sec {
		padding: 5rem 0 8rem 0;
	}

	.cards-wrapper {
		padding: 1.25rem 4.25rem 2.25rem 4.25rem;
	}

	.char-name {
		bottom: 1rem;
		font-size: 1.5rem;
	}

	.booktop {
		top: -5rem;
	}

	.title {
		font-size: 1.25rem;
	}

	.book-promo {
		padding: 4.25rem 0 4rem 0;
	}

	.test-sec {
		padding: 4rem 0 4rem 0;
	}

	.footertop {
		top: -9rem;
	}

	.subscribe-wrapper h2 {
		font-size: 2rem;
	}

	.footer-bottom p {
		font-size: 1.25rem;
	}

	.marquee span {
		font-size: 10.75rem;
	}

	.marquee {
		padding: 2rem 0 2rem 0;
		margin-top: 1rem;
	}

	.sidebar ul li a {
		font-size: 2.5rem;
	}

	.close-btn {
		font-size: 5rem;
		right: 8rem;
	}

	section.main-banner.inner-banner {
		height: 775px;
	}

	section.main-banner.inner-banner .main-content h1 {
		font-size: 3rem;
	}

	.author-profile-section {
		padding: 2rem 0 0 0;
	}

	.author-intro-text {
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}

	.author-body-text {
		font-size: 1.125rem;
	}

	.text-content-col {
		margin-top: 1rem !important;
	}

	.quote-headline {
		font-size: 1.75rem;
	}

	.quote-banner-card {
		padding: 3rem 2rem;
	}

	.inspirational-quote-section {
		padding: 2rem 0 6rem;
	}

	section.features-container.about-features img.img-fluid.choose-bottom {
		display: none;
	}

	section.joinsect {
		padding: 5rem 0 0;
	}

	a.themeBtn.btng1 {
		font-size: 1rem;
	}

	a.themeBtn.btng2 {
		font-size: 1rem;
	}

	.contact-section {
		min-height: auto;
		padding: 3rem 0 3rem 0;
	}

	.main-title {
		font-size: 2rem;
		letter-spacing: 0;
	}

	.book-card-main {
		margin: 0 auto 40px auto;
	}

	.book-promo-wrapper {
		padding: 3rem 0 0;
	}

	section.book-promo-section.book-page .about-content p {
		font-size: 1.25rem;
		margin: 0 auto 0.75rem auto;
	}

	section.book-promo.book-promo .advanbook1 {
		display: none;
	}

	.blog-section {
		padding: 5rem 0 0 0;
	}

	.blog-title {
		font-size: 1.125rem;
	}

	.blog-meta {
		font-size: 1.125rem;
	}

	.blog-card-content {
		padding: 1rem 1rem 0;
	}
}

@media only screen and (max-width: 1445px) {
	.navbar-brand>img {
		object-fit: contain;
	}

	.main-content h1 {
		font-size: 4rem;
		line-height: 1;
	}

	.main-content p {
		font-size: 1.25rem;
		margin: 0 0 1rem 0;
	}

	.themeBtn {
		font-size: 1rem;
		padding: 1rem 1.75rem 1rem 1.75rem;
	}

	.main-banner {
		height: 985px;
	}

	.mainHead {
		font-size: 2.575rem;
	}

	.image-frame-container img {
		height: 310px;
		width: 100%;
		object-fit: cover;
	}

	.about-content p {
		font-size: 1.125rem;
		width: 100%;
	}

	.about-content .themeBtn img {
		width: 14rem;
		height: 3.5rem;
	}

	.icon-wrapper img {
		height: 5rem;
	}

	.feature-card h3 {
		font-size: 1.25rem;
		margin: 1.25rem 0 0.5rem 0;
	}

	.features-container {
		padding: 2rem 0 3rem 0;
	}

	.choose-top {
		position: relative;
		z-index: 3;
		margin: 0 0 2rem 0;
	}

	.video-content {
		margin-bottom: 1rem !important;
	}

	.video-box {
		height: 360px;
	}

	.video-thriller-sec {
		padding: 2.5rem 0 2.5rem 0;
	}

	.meet-top h2 {
		margin: 0;
	}

	.meet-top h2 br {
		display: none;
	}

	.meet-top .themeBtn {
		padding: 1.85rem;
	}

	.book-top {
		margin: 0 0 1rem 0;
	}

	.title {
		font-size: 1rem;
		margin: 0.75rem 0 0.75rem 0;
	}

	.horizontal-divider {
		margin: 1rem 0 1rem 0;
	}

	.promo-content .about-content .themeBtn img {
		width: 10rem;
	}

	.testimon-top {
		margin-bottom: 3rem;
	}

	.test-wrapp h3 {
		font-size: 1.125rem;
		margin: 1rem 0 1rem 0;
	}

	.test-wrapp p {
		margin-bottom: 2rem;
		width: 100%;
		font-size: 1.125rem;
	}

	.test-sec {
		padding: 3rem 0 0rem 0;
	}

	.test-flex h4 {
		font-size: 1.125rem;
	}

	.test-flex p {
		font-size: 1.25rem;
	}

	.test-flex {
		left: 2rem;
		right: 1rem;
		top: 3rem;
		bottom: 2rem;
	}

	.test-flex h5 {
		font-size: 2.5rem;
	}

	.marquee span {
		font-size: 5.75rem;
		letter-spacing: 0;
	}

	.footer-section {
		padding: 2rem 0 0;
	}

	.navbar-brand>img {
		width: 170px;
	}

	header {
		padding: 1rem 0 1rem 0;
	}

	.characterwraps p {
		font-size: 1.25rem;
	}

	.character-section {
		padding: 4rem 0 0;
	}

	.characterto .mainHead br {
		display: none;
	}

	.book-card-main {
		margin: 0 auto 1rem auto;
	}

	.blog-details {
		padding: 4rem 0 0 0;
	}

	.margin-top {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.main-content h1 {
		font-size: 3.5rem;
		line-height: 0.1;
	}

	.main-content h1 img {
		height: 150px;
	}

	.main-image {
		height: 340px;
	}

	.main-banner {
		height: 795px;
	}

	.mainHead {
		font-size: 2.125rem;
	}

	.image-frame-container img {
		height: 280px;
		object-position: top;
	}

	.about-content .themeBtn img {
		display: none;
	}

	.themeBtn {
		background: var(--primary);
	}

	.about-content .themeBtn {
		background-color: var(--primary);
		padding: 1rem 2.5rem 1rem 2.5rem;
		width: fit-content;
	}

	.feature-card h3 {
		font-size: 1.125rem;
	}

	.feature-card p {
		font-size: 1.05rem;
	}

	.icon-wrapper img {
		height: 4.5rem;
	}

	.video-box {
		height: 320px;
	}

	.cards-wrapper {
		padding: 1.25rem 1.25rem 2.25rem 3.25rem;
	}

	.char-name {
		font-size: 1.1375rem;
	}

	.meet-sec {
		padding: 3rem 0 6rem 0;
	}

	.meet-top h2 {
		margin-bottom: 1rem;
	}

	.feature-list {
		margin-bottom: 0.75rem;
	}

	.feature-list li {
		margin: 0;
	}

	.promo-content .about-content .themeBtn {
		margin: unset;
	}

	.test-flex h4 {
		font-size: 1rem;
	}

	.test-flex h5 {
		font-size: 2rem;
	}

	.footertop {
		display: none;
	}

	.footer-section {
		margin-top: 3rem;
	}

	.decorative-plane {
		display: none;
	}

	.marquee span {
		font-size: 3rem;
	}

	.marquee {
		margin: 0;
		padding: 2rem 0 0 0;
	}

	.footer-nav li a {
		font-size: 1.25rem;
	}

	section.main-banner.inner-banner {
		height: 660px;
	}

	section.main-banner.inner-banner .main-content h1 {
		font-size: 2.25rem;
	}

	.author-intro-text {
		font-size: 1rem;
	}

	.author-body-text {
		font-size: 1rem;
	}

	.quote-headline {
		font-size: 1.25rem;
	}

	.contact-section {
		padding: 3rem 0 0 0;
	}


	.characterwraps p {
		font-size: 1rem;
	}

	.characterto {
		margin-bottom: 1.875rem;
	}

	.characterwraps {
		padding-left: 0;
	}

	.hero-bg {
		height: 350px;
	}

	.nav-card-title {
		font-size: 2rem;
	}

	.nav-card {
		height: 310px;
	}

	.nav-card:not(.nav-card-hero) {
		height: 110px;
	}

	.blog-section {
		padding: 3rem 0 0 0;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.cloud2 {
		display: none;
	}

	.cloud3 {
		display: none;
	}

	.main-image {
		height: 270px;
	}

	.main-sub3 {
		bottom: -5rem;
	}

	header {
		padding: 1rem 0;
	}

	.top-border {
		padding-bottom: 1rem;
	}

	.main-content h1 {
		font-size: 3.025rem;
	}

	.main-banner {
        padding: 17rem 0;
        height: auto;
    }

	.book-promo-section {
		padding: 1.25rem 0 5rem;
	}

	.about-content p {
		font-size: 1rem;
		margin: 0 0 1rem 0;
	}

	.themeBtn {
		font-size: 0.9375rem;
		padding: 1rem 2rem !important;
	}

	.features-container {
		padding: 0 0 2.5rem 0;
	}

	.icon-wrapper img {
		height: 4rem;
	}

	.feature-card h3 {
		font-size: 1rem;
	}

	.video-box {
		height: 280px;
	}

	.booktop {
		top: -4rem;
	}

	.book-promo {
		padding: 3.25rem 0 2.5rem 0;
	}

	.test-sec .mainHead br {
		display: none;
	}

	section.main-banner.inner-banner {
		height: 560px;
		padding: 11rem 0 6rem 0;
	}

	section.main-banner.inner-banner .main-content h1 {
		font-size: 2rem;
	}

	.joinwraps p {
		font-size: 1.125rem;
		line-height: 1;
	}

	section.main-banner.inner-banner {
		height: 500px;
		padding: 9rem 0 6rem 0;
	}

	section.main-banner.inner-banner .main-content h1 {
		letter-spacing: 0;
	}

	.form-title {
		font-size: 1.1rem;
	}

	.book-img-wrapper {
		left: 0;
	}

	.nav-card-title {
		font-size: 1.5rem;
	}

	.nav-card:not(.nav-card-hero) {
		height: 80px;
	}

	.app-navigation-section {
		padding: 2rem 0 2rem;
	}

	section.joinsect.bookjoin1 {
		padding: 6.5rem 0;
	}

	section.meet-sec.meetbooks1 {
		padding-bottom: 4rem;
	}
	.navbar-brand>img {
        width: 120px;
    }
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.form-inline {
		justify-content: center;
		margin: 1.5rem 0 0 0;
	}

	header {
		padding: 1rem 0;
	}

	.top-border {
		border: unset;
	}

	.navbar-toggler {
		border-color: var(--white);
		color: var(--white);
	}

	.main-image {
		height: 210px;
	}	

	.mainHead {
		font-size: 2rem;
	}

	.image-frame-container img {
		height: 170px;
	}

	.subHead {
		font-size: 1.25rem;
		margin: 0 0 0.75rem 0;
	}

	.video-box {
		height: 220px;
	}

	.book-details-wrapper {
		padding: 0;
		border: unset;
	}

	.test-box {
		margin-right: -2rem;
		border-radius: 10px;
	}


	.test-flex {
		left: 1rem;
		bottom: 1rem;
	}

	.subscribe-wrapper h2 {
		font-size: 1.475rem;
		letter-spacing: 0;
	}

	.footer-bottom p {
		font-size: 1rem;
	}

	.footer-nav {
		margin: 0rem 0 1rem 0;
	}

	.sidebar ul li a {
		font-size: 2rem;
	}

	.sidebar ul li {
		margin-bottom: 0.75rem;
	}

	.badge-container {
		top: 10rem;
	}

	.btn-submit {
		font-size: 1rem;
	}

	.character-section .row+.row {
		margin-top: 1.5rem;
	}

	.characterwraps1 {
		padding: 0;
	}

	.spinner div {
		width: 5px;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.navbar-brand>img {
		width: 120px;
	}

	.cloud1 {
		display: none;
	}

	.cloud4 {
		display: none;
	}
	

	.main-content h1 img {
		height: 9rem;
	}

	.main-image {
		height: 170px;
	}

	.feature-card {
		border-radius: 0;
		margin-top: 1rem;
		height: 180px;
	}

	.char-card {
		transform: rotate(0);
		margin: 0;
	}

	.card-inner img {
		border-radius: 0;
		border: unset;
	}

	.cards-wrapper {
		flex-flow: column wrap;
		max-height: 570px;
		gap: 1rem;
		padding: 1.25rem 2rem 1.25rem 1rem;
	}

	.booktop {
		top: -2rem;
	}

	.meet-sec {
		padding: 3rem 0 3rem 0;
	}

	.book-cover-container {
		padding: 0;
	}

	.book-promo-card {
		padding: 1rem 2rem;
		border-radius: 0;
	}

	.themeBtn {
		padding: 0.775rem;
		padding: 0.875rem 2rem !important;
	}

	.test-box {
		margin: 2rem 0 0 0;
	}

	.test-sec .row {
		justify-content: start !important;
	}

	.test-flex {
		bottom: 5rem;
	}

	.footer-bottom p {
		line-height: 1.6;
	}


	.col-md-6.text-md-right.col-sm-5 p {
		white-space: nowrap;
	}

	.footer-nav {
		padding-bottom: 1.25rem;
	}

	.subscribe-wrapper {
		margin-bottom: 2rem;
	}

	.decorative-sun {
		display: none;
	}

	section.main-banner.inner-banner {
		height: 350px;
	}

	.main-author-img {
		height: 370px;
		object-fit: contain;
		margin-top: -9rem;
	}


	.text-content-col {
		margin: 0;
	}

	.badge-container {
		top: 4rem;
		left: 7rem;
	}

	.rounded-image {
		min-height: 190px;
		height: 370px;
	}

	.character-section.character-page .character-img img {
		height: 310px;
	}

	.characterwraps .mainHead {
		margin: 1rem 0 0 0;
	}

	.book-card-main {
		max-width: 100%;
		margin: 0;
	}

	.book-test .mainHead {
		font-size: 1.75rem;
	}

	.blog-card-img img {
		height: 170px;
	}

	.blog-title {
		font-size: 1rem;
	}

	.blog-image img {
		height: 320px;
		object-fit: cover;
	}

	.blog-content p {
		font-size: 1.12rem;
		margin: 0.5rem 0 0.5rem 0;
	}

}

@media (max-width: 575.98px) {
	.main-content h1 {
		letter-spacing: 0;
		font-size: 1.75rem;
	}

	.main-content h1 img {
		height: 7rem;
	}

	header {
		padding: 1rem 0.9375rem 1rem 0.9375rem;
	}

	.navbar-brand>img {
		width: 8rem;
	}

	.top-border {
		padding: 0;
	}

	.main-banner {
	padding: 10rem 0;
	}

	.main-image {
		display: none;
	}

	.mainHead {
		font-size: 1.75rem;
		letter-spacing: 0;
	}

	.image-frame-container {
		border-radius: 0;
		padding: 0;
		margin: 1rem 0 1rem 0;
	}

	.image-frame-container img {
		border-radius: 0;
	}

	.choosetop {
		top: -2rem;
	}

	.book-promo-section {
		padding: 1.25rem 0 3.5rem;
	}

	.choose-top {
		margin: 0;
	}

	.meet-sec {
		padding: 2rem 0 2rem 0;
	}

	.cards-wrapper {
		flex-direction: column;
		max-height: fit-content;
	}

	.char-name {
		letter-spacing: 0;
		padding: 1rem 1rem;
	}

	.testimon-top .mainHead {
		font-size: 1.5rem;
	}

	.testimon-top {
		margin-bottom: 1rem;
	}

	.test-img img {
		width: 100%;
		height: 300px;
		object-fit: cover;
		margin-bottom: 1rem;
	}

	.test-box {
		height: 430px;
	}

	.test-backimg img {
		height: 400px;
	}

	.test-flex p {
		width: 70%;
	}

	.footer-section {
		margin-top: -1rem;
	}

	.subscribe-wrapper h2 {
		font-size: 1.45rem;
		margin-bottom: 1rem;
	}

	.subscribe-form .form-control {
		height: 4rem;
	}

	.footer-nav {
		flex-flow: column wrap;
		max-height: 120px;
		justify-content: center !important;
	}

	section.joinsect {
		padding: 2rem 0 2rem 0;
	}

	.contact-section {
		padding: 3rem 0 3rem 0;
	}

	.character-section {
		padding: 2rem 0 3rem;
	}

	section.main-banner.inner-banner {
		height: 260px;
	}

	.book-title {
		font-size: 1.125rem;
	}

	.book-card-main {
		padding: 1rem 1rem;
	}

	.book-promo-wrapper .btn-buy {
		margin: 0 0 1rem 0;
	}

	.book-desc {
		font-size: 1.125rem;
	}

	.blog-section {
		padding: 2rem 0 2rem 0;
	}

	.blog-details {
		padding: 2rem 0 2rem 0;
	}
}

@media (max-width: 320.98px) {}

/* PRELOADER RESPONSIVE */
@media (max-width: 767.98px) {
	.top-section {
		margin-top: 40px;
		width: 95%;
	}

	.bottom-section {
		width: 95%;
	}

	.wood-frame {
		height: 36px;
	}

	.percent-text {
		font-size: 1.4rem;
		min-width: 65px;
	}
}

@media (max-width: 480px) {
	.top-section {
		margin-top: 25px;
	}

	.loading-label {
		font-size: 1.1rem;
		margin-bottom: 8px;
	}

	.bar-container {
		gap: 8px;
	}

	.wood-frame {
		height: 30px;
		border-width: 3px;
	}

	.percent-text {
		font-size: 1.15rem;
		min-width: 52px;
	}

	.wait-msg {
		font-size: 0.95rem;
	}
}

/* Short / landscape viewports: the fixed top-margin and stacked spacing
   used on tall screens make the title overlap the loading bar, so
   height-based rules take over regardless of width. */
@media (max-height: 500px) {
	.top-section {
		margin-top: 12px;
	}

	.top-section h1 {
		font-size: clamp(1rem, 4vw, 1.6rem);
		line-height: 1.15;
	}

	.bottom-section {
		margin-bottom: 0.5rem;
	}

	.loading-label {
		font-size: 0.95rem;
		margin-bottom: 5px;
	}

	.wood-frame {
		height: 26px;
		border-width: 3px;
	}

	.percent-text {
		font-size: 1.05rem;
		min-width: 48px;
	}

	.wait-msg {
		margin-top: 4px;
		font-size: 0.8rem;
	}
}

@media (max-height: 340px) {
	.top-section {
		margin-top: 6px;
	}

	.wait-msg {
		display: none;
	}
}