/* Výchozí stav: vše skryté */
.display-xs, .display-sm, .display-md, .display-lg, .display-xl {
    display: none;
}

/* XS: zobrazí se pouze při <575px */
@media (max-width: 574px) {
	.display-xs { display: block; }
	.order-xs-1 {order:1;}
	.order-xs-2 {order:2;}
	.order-xs-3 {order:3;}
	.order-xs-4 {order:4;}
	.order-xs-5 {order:5;}
	.order-xs-6 {order:6;}
	.order-xs-7 {order:7;}
	.order-xs-8 {order:8;}
	.order-xs-9 {order:9;}
	.order-xs-10 {order:10;}
	.order-xs-11 {order:11;}
	.order-xs-12 {order:12;}
}

/* SM: zobrazí se pouze v rozsahu 575–767px */
@media (min-width: 575px) and (max-width: 767px) {
	.display-sm { display: block; }
        .order-sm-1 {order:1;}
        .order-sm-2 {order:2;}
        .order-sm-3 {order:3;}
        .order-sm-4 {order:4;}
        .order-sm-5 {order:5;}
        .order-sm-6 {order:6;}
        .order-sm-7 {order:7;}
        .order-sm-8 {order:8;}
        .order-sm-9 {order:9;}
        .order-sm-10 {order:10;}
        .order-sm-11 {order:11;}
        .order-sm-12 {order:12;}
}

/* MD: zobrazí se pouze v rozsahu 768–991px */
@media (min-width: 768px) and (max-width: 991px) {
	.display-md { display: block; }
        .order-md-1 {order:1;}
        .order-md-2 {order:2;}
        .order-md-3 {order:3;}
        .order-md-4 {order:4;}
        .order-md-5 {order:5;}
        .order-md-6 {order:6;}
        .order-md-7 {order:7;}
        .order-md-8 {order:8;}
        .order-md-9 {order:9;}
        .order-md-10 {order:10;}
        .order-md-11 {order:11;}
        .order-md-12 {order:12;}
}

/* LG: zobrazí se pouze v rozsahu 992–1199px */
@media (min-width: 992px) and (max-width: 1199px) {
	.display-lg { display: block; }
        .order-lg-1 {order:1;}
        .order-lg-2 {order:2;}
        .order-lg-3 {order:3;}
        .order-lg-4 {order:4;}
        .order-lg-5 {order:5;}
        .order-lg-6 {order:6;}
        .order-lg-7 {order:7;}
        .order-lg-8 {order:8;}
        .order-lg-9 {order:9;}
        .order-lg-10 {order:10;}
        .order-lg-11 {order:11;}
        .order-lg-12 {order:12;}
}

/* XL: zobrazí se pouze při >=1200px */
@media (min-width: 1200px) {
	.display-xl { display: block; }
        .order-xl-1 {order:1;}
        .order-xl-2 {order:2;}
        .order-xl-3 {order:3;}
        .order-xl-4 {order:4;}
        .order-xl-5 {order:5;}
        .order-xl-6 {order:6;}
        .order-xl-7 {order:7;}
        .order-xl-8 {order:8;}
        .order-xl-9 {order:9;}
        .order-xl-10 {order:10;}
        .order-xl-11 {order:11;}
        .order-xl-12 {order:12;}
}

/*@media (min-width: 575px) and (max-width: 767px) {*/
	#main.container {
		max-width	: 1180px;
		width		: 100%;
	}
/*}*/

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

body {
	font-size	: 1.5em;
}

ul.productList {
	/*font-size	: 1em;*/
	font-size	: .7em;
}

ul.productList li .title {
	/*height		: 90px;*/
	height		: 32px;
}

}

@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	ul.productList li.item,
	ul.productList.depth_0 li.item {
		width		: 50%;
	}
	
	div#body section#main {
		margin		: auto;
	}
	
	#asideContent {
		border-bottom	: 1px solid #e2e2e2;
	}
	
	.product-detail.eshop .productPhotogallery > .productPhotogalleryPreview {
		line-height	: normal;
		height		: auto;
	}
	.productPhotogallery > .productPhotogalleryPreview,
	.productPhotogallery > .productPhotogalleryImages {
		width		: 100%;
		height		: auto;
	}
	.productPhotogallery > .productPhotogalleryImages > .productPhotogalleryImagesWrap {
		height		: auto;
	}
	.productDescription.eshop {
		min-height	: 0;
	}
	nav.orderNav li {
		float		: none;
		width		: 100%;
	}
	nav.orderNav li > a, nav.orderNav li > span {
		line-height	: 34px;
	}
	nav.orderNav li span.icon {
		top		: 4px;
	}
	.basketPaymentOpts {
		margin-top	: 20px;
	}
	
	.basketButtons a.button,
	.basketButtons input.button,
	.basketButtons input.button-big {
		padding		: 10px 20px;
		width		: 100%;
		margin		: 2px;
	}
	ul.qr-upload.img-gallery > li > .content {
		width		: 125px;
		height		: 125px;
		line-height	: 125px;
	}
	
	.basketTotalPrice span.price {
		display		: block;
	}
}

@media only screen and (min-width: 800px) {
	#asideContent.collapse {
		display		: block;
	}
}
@media only screen and (max-width: 800px) {
	ul.productList li .title.info-link {
		padding-right	: 0;
	}
	ul.productList li span.info-link {
		display		: none;
	}
	ul.productList li .description {
		/*bottom		: 2px;*/
		bottom		: 45px;
	}
	ul.productList li .price small {
		line-height	: 1.75em;
	}
	/*ul.productList li .price small + br {
		display		: none;
	}*/
}

/* Change navbar collapse breakpoint */
@media only screen and (max-width: 800px) {
	#header > .container {
		width		: auto;
	}
	.navbar-header {
		width		: auto;
		margin-right	: -15px !important;
		margin-left	: -15px !important;
		float		: none;
	}
	.navbar-toggle {
		display		: block !important;
		margin		: 10px;
	}
	.navbar-collapse.collapse {
		display		: none !important;
	}
	.navbar-collapse.collapse:before {
		display		: table;
		content		: "";
	}
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapsing {
		display		: block !important;
		width		: auto !important;
	}
	.navbar-collapse.collapsing #headerTopContent,
	.navbar-collapse.collapse.in #headerTopContent {
		padding: 15px;
		border-top: 1px solid rgba(0,0,0,.5);
		border-bottom: 1px solid rgba(0,0,0,.5);
	}
	.navbar-nav {
		width		: auto !important;
		float		: none !important;
		margin-top	: 0;
		margin-bottom	: 0;
	}
	.navbar-nav > li {
		display		: block !important;
		width		: 100%;
	}
	#headerMenu > .nav.navbar-nav > li:not(:last-child):not(.active):not(:hover):after {
		border-right	: none;
	}
	.navbar-right,
	.navbar-form {
		width		: auto !important;
		float		: none !important;
	}
}

@media only screen and (max-width: 800px) {
	ul.productList:not(.depth_0) li.item:nth-child(3n) div.itemBWrap,
	ul.productList li.item:last-child div.itemBWrap {
		border-right-color	: #d4d4d4;
	}
	ul.productList li.item div.itemContent,
	ul.productList.depth_0 li.item div.itemContent {
		height		: 175px;
		/*height		: 315px;*/
	}
	ul.productList.eshop li.item div.itemContent,
	ul.productList.eshop.depth_0 li.item div.itemContent {
		/*height		: 260px;*/
		height		: 315px;
	}
	ul.productList li div.image,
	ul.productList.eshop li div.image,
	ul.productList.depth_0 li div.image,
	ul.productList.eshop.depth_0 li div.image {
		height		: 125px;
		line-height	: 125px;
	}
}

@media only screen and (max-width: 800px) {
	ul.ui-tabs-nav li.ui-state-default {
		width		: 100%;
		border-right	: none !important;
	}
	ul.ui-tabs-nav li.ui-state-default:not(:last-child) {
		border-bottom	: 1px solid #d4d4d4;
	}
}

@media only screen and (max-width: 800px) {
	.designListTitle {
		text-align	: left !important;
	}
	.selectedVariantInfo {
		min-width	: auto !important;
		width		: 100% !important;
	}
	.selectedVariantInfo .box {
		padding-left	: 10px !important;
		padding-right	: 10px !important;
	}
	.designDialog {
		width		: 100% !important;
		height		: 480px !important;
	}
	.designDialog .wrapper {
		width		: auto !important;
	}
	.designDialog .wrapper .right,
	.designDialog .wrapper .left,
	.designDialog .wrapper .center {
		display		: block !important;
		width		: 100% !important;
		height		: auto !important;
	}
	.designDialog .wrapper .center {
		height		: 210px !important;
	}
	.designDialog .wrapper .right {
		height		: 270px !important;
	}
	.designDialog .orderWrapper {
		position	: relative !important;
		text-align	: center !important;
	}
	.designDialog .orderWrapper table {
		width		: auto !important;
		margin		: auto;
	}
	.designDialog .orderWrapper table td {
		padding		: 2px 10px !important;
	}
	.point-list-item-img {
		display		: none;
	}
	.point-short-desc {
		display		: none;
	}
	.point-list-toggle-arrows {
		position	: relative;
		margin-top	: 10px;
	}
	div#body section#header {
		min-height	: auto;
	}
	div#body section#header .navbar-brand > img {
		height		: 30px;
	}
}