:root {
	--bs-gutter-x: 28px;   /* horizontal gutter */
	--bs-gutter-y: 28px;        /* vertical gutter */
}

p {
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
}

.bp-50 {
padding-bottom: 50px}
	
	.col-md-4.carousel-cell 
	{
		width: 22vw;
		height: calc(22vw * 1.8);
}

.main-carousel {

		padding: 0px 0;
}


.main-carousel {
    height: 720px;
	width:100%;
}

.carousel-cell {
    transition: transform .8s;
	padding: 50px 0;
	transform: scale(.8);
	margin-left: -30px;
	margin-right: -30px;
	transform: scale(.8)
	
}

.carousel-cell.is-selected {

transform: scale(1.1);
z-index: 9999;

}

.modal {
	padding-right: 0 !important;
}
.row.t8 {
	        --bs-gutter-x: 28px;
	    }
.picture {
margin-bottom: 28px

}

.row.t100 {
	        --bs-gutter-x: 100px;
	    }
	    
	 @media screen and (min-width:1280px) {

.books_container {
padding:0 50px

}


}   


@media screen and (max-width:1280px) {
.row.t8 {
	        --bs-gutter-x: 10px;
	    }
	}


@media (min-width: 992px) and (max-width:1200px) {
	    .row-cols-lg-4>* {
	        width: 33.3333%;
	    }
	}
	
@media screen and (min-width: 1201px) and (max-width:1800px) {
	.row-cols-xl-5>* {		
	    flex: 0 0 25% !important; /* controls column width */
	    max-width: 25% !important; 
		width: 25% !important;
	
		    }
			
			.row.t8 {
				        --bs-gutter-x: 28px;
				    }
			
	}
	
	@media (min-width:1800px) {
		   .indent {
			   padding: 0 66px ;
		   }
		}