
@media (min-width: 768px) {
.body-cat-2909 .form-elements form .col-100 {display: flex; flex-wrap: wrap;}
	.body-cat-2909 .form-elements .fieldset:first-child {width: 60%;}
	.body-cat-2909 .form-elements .fieldset + .fieldset {width: 40%;}
}

@media (max-width: 1280px) {

.site-logo {margin-left: 16px;}
#header .meta .level-2, #footer .level-2 {padding: 12px 16px;}

}

@media (max-width: 1135px) {

#site .nav-collapse {
	position: relative; display: block; float: right; width: 52px; height: 48px; margin: 32px 16px 0 0; padding: 0; text-decoration: none; 
	background: url(nav-collapse-b.png) no-repeat 50% 12px; border: 1px solid #eee;
}
#site .nav-collapse.on {background-position: 50% -88px;}

#site .nav-collapse.on, .nav-collapse.on + .nav-wrapper {}
	#site .nav-collapse span {display: block; position: relative; height: 48px;}
	.nav-collapse.on span:before {
		content: ""; position: absolute; bottom: -6px; left: 50%; 
		display: block; width: 12px; height: 12px; margin-left: -6px;
		background-color: white; border-style: solid; border-color: #eee; border-width: 0 0 1px 1px;
		transform: rotate(-45deg);
	}
	
	.nav-wrapper {display: none; width: 100%; clear: both;}
	.nav-collapse.on + .nav-wrapper {display: block;}
		
		#header .meta, #header .meta .level-1, #header .meta .level-2 {width: 100%;}
		
		#header .meta .level-1 {padding: 12px; border-top-width: 1px;}
		
			#header .meta .catalogue {float: right;}
		
		#site .main-nav nav > ul {flex-wrap: wrap;}
		.site-nav nav > ul > li {width: 33%; border-bottom: 1px solid;}
			.site-nav nav > ul > li > a {padding: 1em;}
		
		.site-nav .sub-menu .sub-menu-wrapper {display: none;}

#header .meta .phone {border-width: 0 0 0 1px;}

.main {margin-top: 0;}
.main > .wrapper {padding: 24px;}


.side-bar.col-25 {width: 33%;}
	.side-bar .inner {margin-right: 24px;}
.content.col-75 {width: 66%; float: right;}

.item-col-2.item-clear .item-content > .section:nth-child(2n+1),
.item-col-3.item-clear .item-content > .section:nth-child(3n+1),
.item-col-4.item-clear .item-content > .section:nth-child(4n+1), 
.item-col-5.item-clear .item-content > .section:nth-child(5n+1),
.item-col-6.item-clear .item-content > .section:nth-child(6n+1),
.item-col-7.item-clear .item-content > .section:nth-child(7n+1),
.item-col-8.item-clear .item-content > .section:nth-child(8n+1),
.item-col-9.item-clear .item-content > .section:nth-child(9n+1),
.item-col-10.item-clear .item-content > .section:nth-child(10n+1),
.item-col-11.item-clear .item-content > .section:nth-child(11n+1),
.item-col-12.item-clear .item-content > .section:nth-child(12n+1) {
	clear: none;
}

.gallery .item-content > .section {width: 25%;}

:root .inside .main-items .item-content {grid-template-columns: repeat(2, 1fr);}

}

@media only screen 
and (min-width: 768px) 
and (max-width: 1135px) {

.item-col-3.main-items .item-content > .section {width: 50%;}
.item-col-4.main-items .item-content > .section {width: 33.333%;}

.item-col-3.item-clear .item-content > .section:nth-child(2n+1),
.item-col-4.item-clear .item-content > .section:nth-child(3n+1) {
	clear: both;
}

}

@media (max-width: 959px) {
:root .index .main-items .item-content {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 767px) {

.login {border-left: none;}
.search-bar {width: 100%; margin-top: .5em;}

.item-filter, .item-filter h5, .item-filter > div {display: block; margin-bottom: 1em; text-align: center;}
	.item-filter .form-inline .form-group {width: 100%;}
	
.item-description .item-gallery, .item-description .item-overview {width: 100%;}

.item-col-3.main-items .item-content > .section {width: 100%; clear: both;}

.gallery .item-content > .section {width: 33.33%;}
.gallery-items .item-link {max-width: 100%;}

:root .inside .main-items .item-content {grid-template-columns: initial;}

}

@media only screen 
and (min-width: 601px) 
and (max-width: 767px) {

.side-bar.col-25 {width: 40%;}
.content.col-75 {width: 60%;}

.item-col-4.main-items .item-content > .section {width: 50%;}

.item-col-4.item-clear .item-content > .section:nth-child(2n+1) {clear: both;}

}

@media (max-width: 600px) {

.site-logo {max-width: 180px;}

#site .nav-collapse {margin-top: 24px;}

#header .meta .nav {text-align: center;}
	#header .meta .nav li {float: none; display: inline-block; margin-bottom: .2em;}

#header .meta .nav, #header .meta .catalogue {display: inline-block;}
#header .meta .phone {width: 100%;}
#header .meta .catalogue {padding-bottom: .7em; text-align: center;}
#header .meta .phone {margin-top: .7em; border-width: 1px 0 0;}

.side-bar.col-25, .content.col-75 {width: 100%;}
	.side-bar .inner {margin-right: 0;}

.item-col-4.main-items .item-content > .section {width: 100%;}

.col-90, .col-85, .col-80, .col-75, .col-70, .col-66, .col-60, .col-55, 
.col-50, .col-45, .col-40, .col-33, .col-30, .col-25, .col-20, .col-15, .col-10, .col-8 {
	width: 100%;
}

}

@media (max-width: 480px) {

#header .meta .nav, #header .meta .catalogue {width: 100%;}

.gallery .item-content > .section {width: 50%;}

:root .index .main-items .item-content {grid-template-columns: initial;}

}