/** main banner **/

.main-banner {
	height: 235px;
	display: flex;
	align-items: center;
}

.main-banner .page-title {
	margin-right: 66px;
	border: 2px solid #dcc182;
	padding: 5px;
}

.main-banner .page-title > * {
	padding: 10px 38px;
	border: 1px solid #dcc182;
}

/** main banner **/

/** page description **/

.page-description,
.sentence-above-products {
	margin: 37px auto;
	width: 565px;
}

.sentence-above-products a {
	color: #dcc182;
}

/** page description **/

/** products catalog **/

.menus > :last-child {
	margin-bottom: 0;
}

/** menu **/

.products-catalog {
	margin-bottom: 60px;
}

.products-catalog ul li:not(:last-child) {
	margin-bottom: 15px;
}

.products-catalog ul li .name-price {
	display: flex;
}

.products-catalog ul li .name-price .line {
	flex-grow: 1;
	margin: 0 15px 3px;
	border-bottom: 1px solid #dcc182;
}

.products-catalog ul li .prices {
	display: flex;
}

/** menu - end **/

/** banners **/

.menus .banners {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.menus .banners .banner {
	height: 456px;
}

.menus .banners .banner.one {
	flex-basis: 100%;
}

.menus .banners .banner.two {
	flex-basis: 47.3%;
}

/** banners - end **/

/** products catalog **/

@media (max-width: 1365px) {

	/** main banner **/

	.main-banner {
		height: 178px;
	}

	.main-banner .page-title {
		margin-right: 49px;
	}

	.main-banner .page-title > * {
		padding: 8px 32px;
	}

	/** main banner **/

	/** page description **/

	.page-description,
	.sentence-above-products {
		margin: 25px auto;
	}

	/** page description **/

	/** menu **/

	.menus .banners .banner {
		height: 341px;
	}

	/** menu **/

}

@media (max-width: 1023px) {

	/** menu **/

	.menus .banners .banner {
		height: 33.334vw;
	}

	/** menu **/

}

@media (max-width: 668px) {
	
	/** menu **/

	.menus .container-810 {
		width: 100%;
	}

	/** menu **/
	
	/** page description **/
	
	.page-description,
	.sentence-above-products {
		width: 92.24%;
	}
	
	/** page description **/
	
}

@media (max-width: 500px) {
	
	/** same height **/
	
	.menus .banners .banner {
		height: 185px;
	}
	
	/** same height **/
	
	/** menu **/
	
	.menus .banners {
		flex-direction: column;
	}
	
	.menus .banners .banner.two {
		flex-basis: unset;
	}
	
	.menus .banners .banner.two:not(:last-child) {
		margin-bottom: 10px;
	}
	
	/** menu **/
	
}

/*
@media only all and ( max-width: 1000px ) {
.page-description{max-width:100%;}
.menus .banners .banner {height: 200px;}
}*/