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

	#header{
		display: none !important;
	}

	.user-orders-detail .customer-information{
		flex-wrap: wrap;
	}

	.user-orders-detail .customer-information > div{
		width: calc(100% / 2 - 14px);
	}

	.user-orders-detail .customer-information .customer-information__shipping{
		width: 100%;
	}

}

@media only screen and (max-width: 1000px){
	h1{
		font-size: 45px;
	}

	#block-mytheme-priebehpokladnice .checkout-progress--step{
		font-size: 16px;
		background-size: 17px;
		background-position: right 10px center;
	}
}

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

	.view-oblubene-produkty table thead th{
		display: none;
	}

	.view-oblubene-produkty table tbody td{
		display: block;
		padding: 5px 0;
	}
}

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

	#footer{
		margin-top: 35px;
	}

	h1{
		padding-bottom: 15px;
	}

	.footer-wrapper > div{
		width: 100%;
		text-align: center;
	}

	.footer-wrapper li.menu-item{
		text-align: center;
	}

	.view-commerce-user-orders table thead{
		display: none;
	}

	.view-commerce-user-orders td{
		display: block;
		padding: 0;
	}

	.view-commerce-user-orders tr{
		display: block;
		padding: 10px 0;
	}

	.user-orders-detail .customer-information > div{
		width: 100%;
	}

	.view-commerce-order-item-table table thead{
		display: none;
	}

	.view-commerce-order-item-table table tbody td{
		display: block;
		padding: 0;
	}

	.view-commerce-order-item-table table tbody td.views-field-title{
		padding-top: 10px;
		font-family: 'ms-bold', sans-serif;
		text-transform: uppercase;
	}

	.view-commerce-cart-form .views-field-unit-price__number::after,
	.view-commerce-order-item-table table tbody td.views-field-unit-price__number::after{
		content: ' / ks';
	}

	.view-commerce-order-item-table table tbody td.views-field-quantity::after{
		content: ' ks';
	}

	html[lang="hu"] .view-commerce-cart-form .views-field-unit-price__number::after,
	html[lang="hu"] .view-commerce-order-item-table table tbody td.views-field-unit-price__number::after{
		content: ' / darab';
	}

	html[lang="hu"] .view-commerce-order-item-table table tbody td.views-field-quantity::after{
		content: ' darab';
	}

	.view-commerce-order-item-table table tbody td.views-field-total-price__number{
		padding-bottom: 10px;
	}

	.view-commerce-order-item-table table tbody td.views-field-unit-price__number,
	.view-commerce-order-item-table table tbody td.views-field-quantity,
	.view-commerce-order-item-table table tbody td.views-field-total-price__number{
		text-align: right;
	}

	.layout-region-checkout-main,
	.layout-region-checkout-secondary{
		width: 100%;
	}

	.layout-region-checkout-secondary{
		margin-top: 35px;
	}

	.layout-region-checkout-footer{
		padding-right: 0;
	}

	.layout-region-checkout-secondary{
		position: initial;
	}

	.view-commerce-cart-form table thead th{
		display: none;
	}

	.view-commerce-cart-form table tbody tr{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 30px;
		row-gap: 5px;
	}

	.view-commerce-cart-form table tbody td{
		padding: 0;
		display: block;
	}

	.view-commerce-cart-form .views-field-unit-price__number{
		width: 100%;
	}

	.view-commerce-cart-form .views-field-total-price__number{
		width: 100%;
		font-size: 18px;
		color: #d72222;
		font-family: 'ms-bold', sans-serif;
	}

	.view-commerce-cart-form .views-field-edit-quantity > .form-item{
		margin: 5px 0;
	}

}

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

	h1{
		font-size: 35px;
	}

}

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

	.footer-copyright{
		text-align: center;
		display: block;
	}

	.footer-copyright > p:first-child::after{
		content: none;
	}

	.order-heading .field--order-number{
		display: block;
		font-size: 25px;
	}

	.order-total-line__total .order-total-line-label{
		margin-right: 0;
	}

	.order-total-line__total .order-total-line-value{
		margin-left: 15px;
	}

}

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

	.layout-region-checkout-secondary .order-total-line.order-total-line__total,
	.layout-region-checkout-secondary .order-total-line.order-total-line__total .order-total-line-label{
		display: block;
	}

	.layout-region-checkout-secondary tr{
		display: flex;
		flex-wrap: wrap;
	}

	.layout-region-checkout-secondary td.views-field-total-price__number{
		width: 100%;
        text-align: left;
   		padding-top: 0;
	}

	.layout-checkout-form .form-actions{
		flex-direction: column-reverse;
		gap: 20px;
	}

}

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

	.user-orders-detail .field--name-payment, 
	.user-orders-detail .field--shipping-method, 
	.user-orders-detail .mail, 
	.user-orders-detail .field--field-telefon, 
	.user-orders-detail .field--field-ico, 
	.user-orders-detail .field--field-dic, 
	.user-orders-detail .field--field-ic-dph{
		display: block;
	}

	.user-orders-detail .field-label-info{
		font-family: 'ms-bold', sans-serif;
	}

	.user-orders-detail .field--name-payment > div{
		padding-bottom: 0;
	}

}

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

	.view-commerce-cart-form #edit-actions{
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

}