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

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

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

	.header__top--info li a span,
	.footer__contact li a .icon {
		width: 28px;
	}

	.header__top--social li a svg,
	.footer__social li a svg {
		width: 12px;
	}

	.header-main__logo {
		width: 140px;
	}

	.header-main__nav,
	.header-main__btn {
		gap: 1.125rem;
	}

	.hero_banner {
		min-height: 700px;
	}
}

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

	.hero_banner {
		min-height: 600px;
	}

	.sub_heading {
		font-size: 1.375rem;
	}

	.main_heading {
		font-size: 2.5rem;
	}
}

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

	.hero_banner {
		min-height: 500px;
	}

	.padd-y {
		padding: 4rem 0;
	}
}

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

	.navbar-toggler {
		background: var(--primary);
		color: var(--white);
		border: none;
		outline: none !important;
	}

	.header-main__nav {
		text-align: center;
		gap: .5rem;
	}

	.header-main__btn {
		justify-content: center;
		margin: .5rem 0;
		flex-direction: column;
		gap: .5rem;
	}

	.hero_banner__content h1,
	.inner_banner__content h1 {
		font-size: 2.125rem;
	}

	.about_author__img,	
	.about_book__content,
	.blog_card,
	.contact_us__img,
	.footer__widget,
	.footer__links {
		margin-bottom: 2rem;
	}

	.play_btn {		
		width: 50px;		
	}
}

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

	.hero_banner__content h1,
	.inner_banner__content h1 {
		font-size: 2rem;
	}

	.sub_heading {
		font-size: 1.25rem;
	}

	.main_heading {
		font-size: 2.375rem;
	}

	.footer h3,
	.footer__widget h4 {
		font-size: 1.375rem;
	}
	.padd-y {
		padding: 3rem 0;
	}
}

@media (max-width: 575.98px) {

	.about_book__img::after,
	.contact_us__img::after {
		display: none;
	}

	.testimonial_card {
		padding: 1.5em;
	}

	.testimonial_slider :is(.swiper-button-next, .swiper-button-prev) {
		width: 30px;
		height: 30px;
	}

	.footer {
		text-align: center;
	}

	.footer__logo {
		width: 250px;
		margin-bottom: 1.5rem;
		margin: 0 auto 1.5rem;
	}

	.footer__social,
	.footer__contact li a {
		justify-content: center;
	}
}

@media (max-width: 320.98px) {
	.header__top--info li a p {
		display: none;
	}

	.hero_banner {
		min-height: 600px;
	}

	.footer h3,
	.footer__widget h4 {
		font-size: 1.25rem;
	}

	.main_heading {
		font-size: 2.125rem;
	}

	.footer__logo {
		width: 200px;
	}
}