#site > .smb.b-header {display: none;}

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

.wrapper {width: 100%;}
.site-nav .wrapper, .main .wrapper, #footer .wrapper {padding-left: 20px; padding-right: 20px;}

.e-shop .item-filter .nav-x > li {padding: 0 .1em 0 .3em;}
.e-shop .item-filter .nav-x > li:first-child {padding-left: 0;}
	.e-shop .item-filter .nav-x li > a {padding: .6em .5em;}
.e-shop .item-filter .nav-x + .form-group {padding: .05em 0 .1em .6em;}
	.e-shop .select-menu > a {padding-top: .3em; padding-bottom: .2em;}
	.e-shop .item-filter .select-menu .inner {left: .6em;}
.e-shop .cart-bar .btn {padding: .5em .4em;}

.main-nav .nav > li {margin-right: .9em;}

}

@media only screen and (min-width: 1025px) {

.main-nav .nav > .current > a span {border-bottom: 1px solid #ccc;}
.site-nav .nav > .sub-menu > .sub-menu-wrapper {left: -.6em;}
.nav-x .sub-menu-wrapper .sub-menu:hover > .sub-menu-wrapper {visibility: visible; opacity: 1;}
	
}

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

#header > .wrapper {min-height: 0; padding-left: 0; padding-bottom: 3.5em;}
	.intro {position: static; float: left; width: 35%;}
		.login {width: 100%; right: 0; bottom: 6px; padding-top: .5em; text-align: center; border-top: 1px solid #ccc;}		
		#header .smb.b-header {float: right; width: 65%;}

.content, .content.col-75 {width: 66.66%}
.e-shop .content {width: 100%;}
.side-bar-1, .body-cat-4 .side-bar-2 {width: 33.33%; padding-right: 0;}
.search-bar {width: 34%;}

#site .nav-collapse {
	float: left; margin: 0 0 0 -20px; padding: 0; 
	text-decoration: none; background-color: #e62b7f;
}
.nav-collapse, .nav-collapse span {position: relative; display: block;}
	.nav-collapse span {width: 4.5em; height: 3.7em;}
	
.nav-collapse:before, .nav-collapse:after, .nav-collapse span:before {
	content: ""; position: absolute; left: 30%;
	display: block; width: 40%; height: 2px;
	background-color: white;
}
.nav-collapse:before {top: 1.2em;}
.nav-collapse:after {top: 2.2em;}
.nav-collapse span:before {top: 1.7em;}

.nav-collapse.on {position: fixed; top: 0; right: 0; z-index: 991;}
.nav-collapse.on:before {top: 50%; transform: rotate(45deg);}
.nav-collapse.on:after {top: 50%; transform: rotate(-45deg);}
.nav-collapse.on span:before {opacity: 0;}

	#site .nav-collapse + .main-nav {
		position: fixed; z-index: 990; top: 0; bottom: 0; left: -100%; width: 100%; height: 100vh; padding-top: 3.7em;
		clear: both; left: -100%; visibility: hidden;
		background-color: rgba(48,160,199,0.97);
		transition: all 0.4s cubic-bezier(0.79, 0.14, 0.15, 0.86);
	}
	#site .nav-collapse.on + .main-nav {left: 0; visibility: visible;}
	
		#site .main-nav .nav {height: 100%; overflow: auto; border-top: 1px solid rgba(0,0,0,.3);}
		#site .main-nav .nav > li {width: 100%; padding: 0; border-bottom: 1px solid rgba(0,0,0,.3);}
			.main-nav .nav > li > a {display: block; padding: .7em; color: white;}
			.main-nav .nav > li > a:active {background-color: rgba(0,0,0,0.05);}
			.main-nav .nav > .current > a {background-color: white; color: #e62b7f;}
			.main-nav .nav > .current > a:active {background-color: #f2f2f2;}
			
				#site .site-nav .label {top: .8em; right: .5em;}
				
		.site-nav .nav > .sub-menu > .sub-menu-wrapper {transform: scale(0); transform-origin: top left;}
		.site-nav .nav > .sub-menu.on > .sub-menu-wrapper {position: relative; width: 100%; transform: scale(1);}
		.site-nav .nav .sub-menu-wrapper .sub-menu-wrapper, .site-nav .nav > .sub-menu > .sub-menu-wrapper > .sub-menu > a:before {display: none;}

.advanced-search .form-group {padding-right: .3em;}
.rich-dropdown .dropdown {width: calc(100% - 0.3em);}

.e-shop-items .item-content {margin: 0 -12px;}
	.e-shop-items .item-content .item-cell {margin: 0 12px 24px;}
		.e-shop .item-filter .nav-x li > a {text-transform: none;}

}

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

.item-col-2 .item-content > section:nth-child(2n+1),
.item-col-3 .item-content > section:nth-child(3n+1),
.item-col-4 .item-content > section:nth-child(4n+1), 
.item-col-5 .item-content > section:nth-child(5n+1),
.item-col-6 .item-content > section:nth-child(6n+1),
.item-col-7 .item-content > section:nth-child(7n+1),
.item-col-8 .item-content > section:nth-child(8n+1),
.item-col-9 .item-content > section:nth-child(9n+1),
.item-col-10 .item-content > section:nth-child(10n+1),
.item-col-11 .item-content > section:nth-child(11n+1),
.item-col-12 .item-content > section:nth-child(12n+1) {
	clear: none;
}

.advanced-search .line-wrap {flex-wrap: wrap;}
	.advanced-search .form-group {width: 38%;}
	.advanced-search .form-group:first-child {width: 62%;}
	.advanced-search .form-group:last-child {width: 24%;}
	.advanced-search .form-group:nth-child(2) {padding-right: 0;}

}

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

.search-bar {width: 80%; max-width: 300px;}

#site .main .nav-x {clear: both; margin-top: 0; padding-top: .8em;}

.content {margin-bottom: 2em; padding-bottom: 2em; border-bottom: 4px solid #ccc;}
.e-shop .content {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
/*.content.col-75 {width: 100%; padding-right: 0;}*/

.item-left .img, .item-left .info {width: 100%; padding-left: 0;}

.main .nav-x.nav-sep > li {margin-bottom: .5em; padding-left: 0; border-left-width: 0;}
	.main .nav-x.nav-sep > li > a {border-bottom: 1px solid rgba(0,0,0,0.2);}
	.main .nav-x.nav-sep > li > a:active {border-color: transparent;}

h1 {font-size: 2em; word-break: break-word;}

.e-shop-item-description .item-gallery {width: 48%;}
	.e-shop-item-description .big-img {width: 65%;}
	.e-shop-item-description .item-gallery ul {width: 34%;}
.e-shop-item-description > .item-content > h2, .e-shop-item-description .item-overview {width: 48%;}

.e-shop-items .item-content {margin: 0 -6px;}
	.e-shop-items .item-content .item-cell {margin: 0 6px 12px;}
		.e-shop .item-filter .nav-x li > a {border: none;}

.boat-show-brands a {flex-wrap: wrap;}
.boat-show-categories section {width: 50%;}

}

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

#header > .wrapper {padding-bottom: 2em;}
	.intro {width: 100%; text-align: center;}
		.site-logo img {max-width: 200px;}

.site-nav .wrapper, .main .wrapper, #footer .wrapper {padding-left: 12px; padding-right: 12px;}
#site .nav-collapse {margin-left: -12px;}


#site > .smb.b-header {display: block; min-height: 25vw; text-align: center; background: url(loading.gif) no-repeat 50% 50%;}
#header .smb.b-header {display: none;}

.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,
.content.col-75 {
	width: 100%;
}

.content {padding-right: 0;}

.side-bar-1, .side-bar-2 {padding-left: 0; border-left-width: 0;}

.body-cat-4 .side-bar-2 {width: 100%;}
	.side-bar-2 .smb {text-align: center;}

#site .steps.type-dots .progress {background: none;}

.e-shop-items .item-content > .col-25 {width: 50%;}
		.e-shop-items .item-content > .col-50 {width: 100%;}
		.e-shop .cart-bar {margin: 0 0 12px;}
		.e-shop .item-filter {width: 100%; border-style: solid; border-width: 1px 0;}
			.e-shop #site .item-filter .nav-x {margin-bottom: 0;}
			.e-shop #site .item-filter .nav-x li {margin-bottom: .2em;}
			.e-shop .item-filter .nav-x + .form-group {padding-left: 0; border: none;}
				.e-shop .item-filter .select-menu > a {background-color: white;} 

.e-shop-item-description .item-gallery, .e-shop-item-description > .item-content > h2, .e-shop-item-description .item-overview {width: 100%;}
	.e-shop-item-description .big-img {width: 65%;}
	.e-shop-item-description .item-gallery ul {width: 34%;}

.for-adv-header {flex-direction: column;}
	.for-adv-header label {}
		.for-adv-header input[type="date"] {min-width: 12rem;}
	.for-adv-header .col-03 {padding-left: 5.3rem;}

#footer .newsletter {text-align: left;}
#footer .newsletter .form-elements, #footer .input-add-on,
.e-shop-item-description .shopping .select-menu {float: none; max-width: 100%;}

	#footer .social a span {display: none;}

}

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

.item-col-2 .item-content > section {width: 100%;}

.item-col-3 .item-content > section,
.item-col-4 .item-content > section,
.item-col-5 .item-content > section {width: 50%;}

.item-col-6 .item-content > section,
.item-col-7 .item-content > section, 
.item-col-8 .item-content > section {width: 33.333%;}

.item-col-9 .item-content > section,
.item-col-10 .item-content > section,
.item-col-11 .item-content > section, 
.item-col-12 .item-content > section {width: 25%;}


.item-col-2 .item-content > section,
.item-col-3 .item-content > section:nth-child(2n+1),
.item-col-4 .item-content > section:nth-child(2n+1),
.item-col-5 .item-content > section:nth-child(2n+1),

.item-col-6 .item-content > section:nth-child(3n+1),
.item-col-7 .item-content > section:nth-child(3n+1), 
.item-col-8 .item-content > section:nth-child(3n+1),

.item-col-9 .item-content > section:nth-child(4n+1), 
.item-col-10 .item-content > section:nth-child(4n+1), 
.item-col-11 .item-content > section:nth-child(4n+1), 
.item-col-12 .item-content > section:nth-child(4n+1) {clear: both;}

.body-cat-4 .item-left .img, .body-cat-4 .item-left .info {width: 100%;}

.newsletter .recent .window-header strong {letter-spacing: normal;}

.section-share-link .section-dropdown {top: 120%; left: -102px; transform: translateY(0);}
.section-share-link .section-dropdown:before {
	top: 0; right: 48%; border-left-width: 8px; border-top-width: 0;
	border-right-color: transparent; border-bottom-color: rgba(0,0,0,.2);
}

#site > .smb.b-header {min-height: 50vw;}

.boat-show-categories section, .boat-show-brands .col.info {width: 100%;}
.boat-show-brands .col.info {min-height: 3em;}
.boat-show-brands .col.img {width: auto; flex: auto;}

}


@media (min-width: 480px) {

/* :: Inline forms :: */

.form-inline .form-group {
	display: inline-block; width: auto; clear: none;
	margin-bottom: 0; vertical-align: middle;
}
.form-inline .form-control {margin-right: .5em;}
.form-inline select.form-control {width: auto;}
.form-inline .radio, .form-inline .checkbox {display: inline-block;	padding-left: 0; margin-top: 0; margin-bottom: 0;}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {float: none; margin-left: 0;}

}