

@media (max-width: 870px) {
	.container-form {
		max-width: unset;
	}
}

@media (max-width: 750px) {
	header {
		padding: 15px;
	}
	.header-logo {
		display: block;
		width: 125px;
	}
	.container {
		max-width: unset;
		padding-left: var(--resp-padding);
		padding-right: var(--resp-padding);
	}

	ul.breadcrumbs {
		margin-left: -15px;
		margin-right: -15px;
	}

	.table-cart select {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.table-cart tr {
		border-bottom: 1px solid #DCDCDC;
	}
	.table-cart thead {
		display: none;
	}
	.table-cart tr {
		display: flex;
		flex-wrap: wrap;
	}
	.table-cart td,
	.table-cart td:nth-child(n+2) {
		border-bottom: none;
		border-left: none;
	}
	.table-cart tr:nth-child(n+2) td {
		border-top: none;
	}
	.table-cart td.cart-product,
	.table-cart td.cart-price-line,
	.table-cart td.cart-del {
		flex: 1 0 100%;
	}
	.table-cart td.cart-gender,
	.table-cart td.cart-kazu {
		flex: 1 1 50%;
	}
	.table-cart td.cart-gender {
		text-align: left;
	}
	.table-cart td.cart-gender .badge-gender {
		display: inline;
	}
	.table-cart td.cart-kazu {
		text-align: right;
	}
	.table-cart td.cart-product {
		font-weight: bold;
	}
	.table-cart td.cart-price-unit {
		display: none;
	}
	.table-cart td.cart-price-line {
		font-weight: bold;
		font-size: 16px;
	}

	.form-group {
		flex-direction: column;
	}
	.form-group > :last-child {
		padding-right: 0;
	}

	.cart-contact {
		flex-direction: column;
		gap: 0;
	}
/*	.cart-contact-phone {
		font-size: 22px;
	}
*/
}


@media (max-width: 700px) {
	.bread-label {
		display: flex;
		margin-top: 10px; 
		margin-bottom: 10px; 
		flex-direction: column;
		align-items: center;
		font-size: small;
	}
	.breadcrumbs li {
		height: 70px;
	}
	.breadcrumbs li::before {
		border-top: 35px solid transparent;
		border-bottom: 35px solid transparent;
	}
	.breadcrumbs li::after {
		border-top: 35px solid white;
		border-bottom: 35px solid white;
	}
}

@media (max-width: 640px) {
	.choice-inline {
		flex-direction: column;
	}
	.address-group {
		flex-direction: column;
	}
	.address-group dt {
		width: auto;
	}
	.address-group dd {
		width: auto;
	}
}

@media (max-width: 450px) {
	.bread-label {
		font-size: 12px;
    text-align: center;
	}
}
