@media screen and (max-width: 1600px){
	.error-404 {
		min-height:100vh;
	}
}

@media screen and (max-width:1400px) {
	.cst-img-content {
		height: 100%;
		padding: 44px;
		gap: 32px;
		width: 100%;
		max-width: 100%;
	}
	
}

@media screen and (max-width:1280px) {
	.collection-slider .swiper-button-prev {
		left: -80px;
	}

	.collection-slider .swiper-button-next {
		right: -80px;
	}

	.cst-img-content {
		height: 100%;
		padding: 32px;
	}


}

@media screen and (max-width:1200px) {
	.site-logo {
		margin: 0 auto;
	}

	.mobile-menu {
		display: block;
	}

	.desktop-menu .site-nav {
		display: none;
	}

	.site-header {
		backdrop-filter: none;
		background: var(--black);
	}

	.site-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 350px;
		background: var(--black);
		transition: 0.4s cubic-bezier(0, 0, 0.13, 0.61);
		transform: translateX(-100%);
		z-index: 99;
		overflow-y: auto;
	}

	.site-nav ul {
		display: block;
		padding: 100px 60px 0;
	}

	.site-nav li {
		margin: 0 0 20px;
	}

	.menu-toggle {
		display: block;
	}

	.site-nav .closed-menu {
		font-size: 40px;
		color: #fff;
		position: absolute;
		top: 25px;
		right: 15px;
		display: inline-block;
	}

	.site-nav li ul.submenu {
		position: static;
		width: 100%;
		display: none;
	}

	.site-nav li:hover ul.submenu {
		display: block;
		background: transparent;
	}

	.toggle .site-nav {
		transform: translateX(0);
	}

	.site-logo a {
		max-width: 250px;
	}



	.banner-content {
		max-width: 850px;
	}

	.about-banner .banner-content {
    	margin-inline: auto;
	}

	.container {
		padding: 0 20px;
	}




	.collection-slider {
		position: relative;
		width: 100%;
		max-width: calc(100% - 80px *2);
		margin: 0 auto;
	}

	.testimonial-card p {
		font-size: 28px;
		line-height: 38px;
	}

	.bg-with-text {
		padding: 100px 0;
	}

	.secondary-banner .banner-content {
		max-width: 100%;
	}

	.book-slider-text {
		gap: 40px;
	}

	.bookSwiper {
		max-width: 350px;
	}

}


@media screen and (max-width:1024px) {
	.footer-content {
		gap: 44px;
	}

	.book-left {
		max-width: 400px;
	}

}

@media screen and (max-width:991px) {
	.site-banner {
		position: relative;
		isolation: isolate;
		padding: 247px 0 150px;
	}

	.story-inner {
		text-align: center;
		padding: 20px 0;
	}

	.connection-story-list {
		text-align: center;
		padding: 40px 0;
	}

	.cst-img-with-text .grid {
		grid-template-columns: 100%;
	}

	.cst-img-with-text .grid .item:last-child {
		grid-row: 1;
	}

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

	.team-grid {
		gap: 40px 40px;
	}

	.common-box {
		padding: 40px;
	}

	.book-right {
		text-align: center;
	}

	.description {
		max-width: 100%;
	}

	.bookSwiper img {
		width: 100%;
		min-width: 500px;
		height: 400px;
	}

	.book-slider-wrapper {
		max-width: 1000px;
	}

	.book-slider-text {
		flex-direction: column;
	}

	.book-left {
		max-width: 600px;
	}

	.book-right {
		max-width: 100%;
	}

	.book-right .description {
		max-width: 100%;
	}

	.bookSwiper {
		max-width: 450px;
	}

	.phase-block {
		padding-left: 0;
		padding-right: 0;
	}

	.contact-share .left {
		padding: 0 10px;
	}

	.team-box .grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.team-img img {
		max-width: 250px;
	}
	
	.back_to_library_btn {
		text-align: center;
	}
	.book-section {
		padding: 0 0 60px 0px;
	}
	.back_to_library_btn {
		padding-top: 110px;
	}
	
}


@media screen and (max-width:768px) {
	.site-banner {
		padding: 150px 0 90px;
	}

	.testimonial-card p,
	.testimonial-card h4 {
		font-size: 24px;
		line-height: 1.5;
	}

	.footer-content {
		gap: 32px;
		grid-template-columns: 100%;
	}

	.social-icons {
		width: 100%;
	}

	.social-icons ul {
		justify-content: center;
	}

	.footer-bottom p {
		max-width: 100%;
		text-align: center;
	}

	.footer-top {
		justify-content: center;
	}

	.footer-top::after {
		opacity: 0;
		visibility: hidden;
	}

	.story-inner {
		padding: 0;
	}

	.story-section {
		padding: 60px 0;
	}

	.bg-with-text {
		padding: 60px 0;
	}

	.our-collections {
		padding: 60px 0;
	}

	.testimonials {
		padding: 60px 0;
	}

	.site-banner.secondary-banner {
		padding: 185px 0 100px;
	}

	.service-sec {
		padding: 60px 0;
	}

	.feature-book-sec .grid {
		padding: 0;
		gap: 45px;
	}

	.site-banner.pricing-banner {
		padding: 225px 0 150px;
	}

	.pricing-sec {
		padding: 60px 0;
	}

	.cst-feature-book {
		padding: 60px 0;
	}

	.values-grid {
		grid-template-columns: 100%;
	}

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

	.collection-section__bottom-books {
		flex-direction: column;
		align-items: center;
	}

	.custom-answer {
		padding: 60px 0;
	}

	.book-section {
		padding: 50px 0;
		overflow: hidden;
	}

	.book-section .container {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.book-left,
	.book-right {
		width: 100%;
		max-width: 100%;
	}

	.book-right {
		display: block;
		opacity: 1;
		visibility: visible;
		color: #000;
		text-align: left;
	}


	.subtitle,
	.author,
	.book-meta p,
	.description {
		color: #000;
	}

	.description {
		font-size: 15px;
		line-height: 1.5;
	}

	.book-slider-wrapper {
		justify-content: center;
	}

	.back_to_library_btn {
		padding-top: 100px;
		text-align: center;
	}

	.back-link {
		margin-bottom: 0;
	}

	.book-slider-wrapper {
		max-width: 540px;
	}

	.bookSwiper {
		max-width: 450px;
	}

	.contact-share .grid-cols-2 {
		grid-template-columns: 1fr;
	}

	.contact-share .right {
		padding-left: 0;
		padding-top: 60px;
	}

	.contact-share .left p {
		margin-bottom: 16px;
	}

	.contact-share {
		padding: 30px 0;
	}
	.team-img img {
		max-width: 195px;
	}
	.social-icons {
		margin-left: 0;
		margin-right: 0;
	}
	.site-footer {
		padding: 45px 0;
	}
	.answer-process .common-box {
		margin-bottom: 60px;
	}
	.footer-content {
		padding: 0 50px;
	}
	.collection-section__book-card {
		width: calc(100% / 2 - 40px);
	}
	
	.bg-image img {
		object-position: right;
	}
}

@media screen and (max-width:575px) {

	.banner-sub-text {
		font-size: 40px;
	}

	.common-text-sec .section-title {
		text-align: left;
	}

	.common-text-sec p {
		text-align: left;
	}

	.bg-with-text-content span {
		text-align: left;
	}

	.bg-with-text .section-title {
		text-align: left;
	}

	.bg-with-text .section-subtitle {
		text-align: left;
	}

	.crown-text {
		padding: 60px 0;
	}

	.experience-sec {
		padding: 60px 0 0;
	}

	.crown-text p {
		font-size: 28px;
		margin-bottom: 40px;
	}

	.collection-slider {
		max-width: calc(100% - 40px *2);
	}

	.collection-slider .swiper-button-prev {
		left: -40px;
	}

	.collection-slider .swiper-button-next {
		right: -40px;
	}

	.story-inner {
		text-align: left;
	}

	.connection-story-list {
		text-align: left;
		padding: 40px 0;
	}

	.testimonial-card {
		text-align: left;
	}

	.crown-text h4 {
		text-align: left;
	}

	.cst-img-content {
		padding: 32px 20px 60px;
	}

	.site-banner.secondary-banner {
		padding: 108px 0 112px;
	}

	.service-sec .approch-block-wrapper {
		padding: 0;
		margin-top: 20px;
	}

	.feature-book-sec .grid {
		grid-template-columns: 100%;
	}

	.feature-book-img {
		width: 100%;
		max-width: 220px;
		margin: 0 auto;
	}

	.site-banner.pricing-banner {
		padding: 105px 0 60px;
	}

	.pricing-banner h1 {
		margin: 0;
	}

	.process-section .section-title {
		text-align: center;
	}

	.team-grid {
		grid-template-columns: 100%;
	}

	.team-member>img {
		margin: 0 auto 40px;
		display: block;
		max-height: 320px;
	}



	.collection-section {
		padding: 20px 0 60px;

	}

	.common-questions .section-title {
		text-align: center;
	}

	.common-box {
		padding: 20px;
	}

	.custom-answer .social-box {
		padding: 20px;
	}

	.custom-answer .section-title {
		text-align: center;
	}

	.bookSwiper img {
		min-width: 265px;
		height: 365px;
	}

	.library_top_heading {
		padding: 80px 0 10px;
	}
	.site-footer {
		padding: 30px 0;
	}

	.menu-toggle .bar-1, .bar-2, .bar-3 {
		width: 20px;
		margin: 4px 0;
	}
	.site-logo a {
		max-width: 220px;
	}
	.site-banner {
		padding: 110px 0 50px;
	}
	.common-text-sec {
		padding: 50px 0;
	}
	.bg-img::before {
		background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
	}
	body .swiper-pagination .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.crown-text h4 {
		font-size: 24px;
		font-weight: 600;
	}
	.experience-content h4 {
		font-size: 28px;
	}
	.crown-text img {
		margin: 0 auto 60px;
	}
	.site-banner.about-banner {
		padding: 145px 0 100px;
	}
	.banner-content h1 {
		margin-bottom: 30px;
	}
	.team-member h4 , .team-member p {
		text-align: center;
	}
	.team-member .social {
		justify-content: center;
	}
	.team-member p.bio {
		text-align: left;
	}
	.cst-feature-book.services_slider {
		padding: 60px 0;
	}
	.collection-section__grid {
		gap: 60px 40px;
	}
	.contact-share .row-flex {
		gap: 0px;
		grid-template-columns: 1fr;
	}
	.recaptcha {
		margin-top: 25px;
	}
	.back_to_library_btn {
		padding-top: 80px;
	}
	.footer-content {
		padding: 0 10px;
	}
	.banner-content h1 {
		font-size: 40px;
	}
	.collection-section__book-card {
		width: 100%;
	}

	.error-404 {
    	min-height: 70vh;
	}
	.error-404 h1 {
    	font-size: 140px;
	}
	
	body.home section:last-of-type .crown-text-content h4 {
    	text-align: center;
	}

}

@media screen and (max-width:480px) {
	.book-slider-wrapper {
		max-width: 340px;
	}

	.bookSwiper {
		max-width: 260px;
	}
	.menu-toggle .bar-1, .bar-2, .bar-3 {
		width: 17px;
		margin: 3px 0;
	}
	.site-logo a {
		max-width: 200px;
	}
	.crown-text-content {
		max-width: 330px;
		margin: 0 auto;
		padding: 0;
	}
}