@media only screen and (max-width: 1250px) {
	.buket h2 {
		font-size: 26px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 1200px) {
	.product {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media only screen and (max-width: 980px) {
	.product {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media only screen and (max-width: 950px) {
	.cvetyOk > div:first-child,
	.zelenOk > div:first-child,
	.ypakovOk > div:first-child {
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
	}
	.CvetyPrice,
	.ZelenPrice,
	.YpakovPrice {
		width: 100%;
		margin: 20px auto 0;
		justify-content: center;
		border-top: 1px solid #f8f8f8;
		padding-top: 20px;
	}
	.CvetyPrice a,
	.ZelenPrice a,
	.YpakovPrice a {
		margin-left: 0;
		position: absolute;
		top: -30px;
		right: -30px;
	}

	.buket h2 {
		font-size: 22px;
		line-height: 26px;
	}
}
.ac-custom label br {
	display: none !important;
}
@media only screen and (max-width: 920px) {
	.summary,
	.basket-total {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
	.summary > div:nth-child(3),
	.basket-total > div:nth-child(3) {
		grid-column: 1 / -1;
	}
}
@media only screen and (max-width: 900px) {
	.ac-custom label {
		flex-wrap: wrap;
	}
	.ac-custom label br {
		display: block !important;
	}
}
@media only screen and (max-width: 800px) {
	.konstrykt h1 {
		margin-bottom: 40px;
		text-align: center;
	}
	main {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.btnsform {
		margin: 60px auto 0;
	}
	.buket {
		margin-top: 60px;
	}
	.buket {
		padding: 20px;
		margin-top: 60px;
		gap: 20px;
		grid-template-columns: 1fr;
	}
	.validban,
	.valid,
	.done {
		width: 75%;
	}
}
@media only screen and (max-width: 750px) {
	.product {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 670px) {
	.cvetyParam {
		grid-template-columns: 100%;
		justify-items: center;
		gap: 0;
	}
	.cvetyKolvoPrice {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 0;
		border-top: 1px solid #f8f8f8;
		margin: 20px auto 0;
		text-align: center;
	}

	.CvetyPrice {
		flex-wrap: wrap;
	}
	.CvetyPrice > div:first-child,
	.kolvoPrice {
		width: 100%;
		text-align: center;
	}
	.cvetyKolvo {
		margin: 5px 0 5px 0;
	}
}
@media only screen and (max-width: 600px) {
	.product {
		gap: 20px;
		margin-top: 20px;
	}
	.product > div h2 {
		font-size: 13px;
		line-height: 17px;
	}

	.konstrykt h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 30px;
		text-align: center;
	}
	main {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.btnsform {
		font-size: 18px;
		padding: 25px 25px 25px 25px;
		width: 320px;
		margin: 50px auto 0;
	}
	.buket {
		margin-top: 50px;
	}
	.validban,
	.valid,
	.done {
		width: 85%;
	}

	summary {
		padding: 20px 50px 20px 20px;
		font-size: 18px;
	}
	details > div {
		padding: 0 20px 20px 20px;
	}
	details > div span {
		padding: 15px 20px 15px 20px;
		font-size: 14px;
	}
	summary:before {
		margin-top: -10px;
		right: 15px;
		font-size: 22px;
	}
}
@media only screen and (max-width: 530px) {
	.summary,
	.basket-total {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
@media only screen and (max-width: 500px) {
	summary {
		font-size: 16px;
	}
}
@media only screen and (max-width: 426px) {
	.product {
		grid-template-columns: 1fr;
	}
	.product > div h2 {
		font-size: 14px;
		line-height: 18px;
	}

	.btnsform {
		font-size: 16px;
		padding: 22px 22px 22px 22px;
		width: 100%;
		margin: 40px auto 0;
	}
	.buket {
		margin-top: 40px;
	}
	main {
		margin-bottom: 40px;
	}
	.validban,
	.valid,
	.done {
		width: 100%;
	}
}
@media only screen and (max-width: 360px) {
	.summary > div,
	.basket-total > div {
		font-size: 12px;
		line-height: 16px;
	}
	.summary > div b,
	.summary > div strong,
	.basket-total > div b,
	.basket-total > div strong {
		font-size: 18px;
	}

	#ajax-loader-buket .loadd {
		width: 200px;
		height: 250px;
		padding: 20px;
	}
}