/* ==================================== V.14.05.2018 ==================================== */



/* ==================================== 1000px ==================================== */



@media only screen and (min-width: 1000px) and (max-width: 1450px) {

        #nav_main li {
	     margin: 0 0 0 18px;
        }

        #nav_main a {
               font-size: 14px;
        }

       #nav_main li.cart {
              margin-left: 18px;
        }


         #nav_main li.cart a {
                  padding: 10px 0 5px 18px;
         }

		#logo {
			left: 0%;
		}

}

@media only screen and (min-width: 1000px) and (max-width: 1500px) {

}
/* ==================================== 768px ==================================== */

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

	#nav_main, #nav_sec {
		display: none !important;
	}

	h1, h1 a, .heading1, .heading1 a {
		font-size: 35px;
		line-height: 37px;
		margin: 0 0 15px 0;
	}

	h2, h2 a, .heading2, .heading2 a {
		font-size: 19px;
		line-height: 19px;
		margin: 0 0 10px 0;
	}

	#header {
		position: relative;
		width: 100%;
		height: auto;
		float: left;
	}

	#logo {
		position: absolute;
		left: 32px;
		margin: 6px 0 12px 0;
                width: 140px;
	}

	#superslides {
		width: 100%;
    	height: 50vh;
	}

    .container #superslides {
		width: 100%;
		height: 150px;
		margin: 0 0 6px 0;
	}

	#nav_core {
		width: calc(100% - 64px);
		padding: 30px 32px 0 32px;
	}

	.container {
	    width: 100%;
	}

		.container .sidebar {
			width: calc(30% - 64px);
			padding: 30px 32px;
		}

		.container .content {
			width: calc(100% - 64px);
			padding: 30px 32px;
		}

			.container .content.withsidebar {
				width: calc(70% - 64px);
				padding: 30px 32px;
			}

	#nav_crumb {
		padding: 6px 32px 6px 32px;
	}

        #nav_cart {
		width: calc(100% - 90px);
		padding: 0 32px 0 58px;
		margin-top: 90px;
	}


        .newsletter .content {
		padding: 30px 32px 25px 32px;
	}

	#footer_address .content {
		padding: 20px 32px 25px 32px;
	}

	#nav_footer .content {
		padding: 16px 32px 25px 32px;
	}

	#footer_credits .content {
		padding: 18px 32px;
	}


}



/* ==================================== 480px ==================================== */



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

	#nav_main, #nav_sec, #nav_crumb, .hide_m {
		display: none !important;
	}

	h1, h1 a, .heading1, .heading1 a {
		font-size: 30px;
		line-height: 34px;
		margin: 0 0 15px 0;
	}

	h2, h2 a, .heading2, .heading2 a {
		font-size: 17px;
		line-height: 17px;
		margin: 0 0 10px 0;
	}

	#header {
		position: relative;
		width: 100%;
		height: auto;
		float: left;
	}

	#logo {
		position: absolute;
		left: 32px;
		margin: 4px 0 6px 0;
                width: 100px;
	}

	#superslides {
		width: 100%;
    	height: 50vh;
	}

    .container #superslides {
		width: 100%;
		height: 150px;
		margin: 0 0 6px 0;
	}

	#nav_core {
		width: calc(100% - 64px);
		padding: 30px 32px 0 32px;
	}

	.container {
	    width: 100%;
	}

		.container .sidebar {
			width: calc(100% - 64px);
			padding: 32px 32px 0 32px;
		}

		.container .content {
			padding: 20px 32px;
			width: calc(100% - 64px);
		}

			.container .content.withsidebar {
				width: calc(100% - 64px);
				padding: 32px 32px 32px 32px;
			}

	#nav_cart {
		width: calc(100% - 90px);
		padding: 0 32px 0 58px;
		margin-top: 90px;
	}

	.nav_sidebar {
		margin: 0 auto 0 auto;
	}

		.nav_sidebar li {
			margin-right: 15px;
		}

	.colspacer {
		width: 0px;
	}

	.col25, .col33, .col50, .col66 {
		width: 100%;
	}

	.gallery.col25 li, .gallery.col25 li:nth-of-type(4n) {
		width: 48%;
		margin: 0 4% 4% 0;
	}

	.gallery.col25 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.gallery.col25 li:nth-of-type(2n+1) {
		clear: left;
	}

	.gallery.col50 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.gallery.col50 li:nth-of-type(2n+1) {
		clear: left;
	}

	.hide_d {
		display: block;
	}

	h1 span:nth-of-type(1), span.heading1 span:nth-of-type(1) {
		width: 100%;
	}

	h1 span:nth-of-type(2), span.heading1 span:nth-of-type(2) {
		float: left;
		max-width: 100%;
		text-align: left;
	}

	h1 span a, span.heading1 span a {
		margin: 0 12px 0 0;
		padding: 0 0 0 8px;
		background: transparent url(../images/arrow-grey-small.png) no-repeat 0 6px;
	}

	h1 span a.share, span.heading1 span a.share {
		background: transparent url(../images/icon-share.png) no-repeat 0 6px;
		padding: 0 0 0 16px;
		margin-bottom: 7px;
	}

	.nav_sidebar li {
		display: inline-block;
	}

	.newsletter .content {
		padding: 30px 32px 10px 32px;
	}

		.newsletter form {
			margin: 0 0 15px 0;
		}

	#footer_address .content {
		padding: 30px 32px 20px 32px;
		font-size: 14px;
	}

		#footer_address ul, #footer_address .heading2 {
			text-align: left;
		}

		#footer_address ul li {
			margin: 0 15px 0 0;
		}

		#footer_address ul li a {
			font-size: 14px;
		}

	#nav_footer .content {
		padding: 12px 32px 20px 32px;
	}

		#nav_footer ul {
			text-align: left;
		}

		#nav_footer ul li {
			margin: 0 15px 0 0;
		}

		#nav_footer ul li a {
			font-size: 14px;
		}

	#footer_credits .content {
		padding: 18px 32px;
	}

	#footer_credits .content div {
		width: 100%
	}

	#footer_credits .content div:nth-last-of-type(1) {
		float: left;
	}

	.cart_overview li:nth-of-type(1), .cart_overview li div:nth-of-type(2) {
		display: none;
	}

	.cart_overview li div:nth-of-type(1) {
		width: 100%;
		padding-bottom: 20px;
	}

	.cart_overview li div:nth-of-type(3) {
		width: 42%;
		float: left;
	}

	.cart_overview li div:nth-of-type(4) {
		width: 42%;
		text-align: right;
	}

	.cart_overview li div:nth-of-type(5) {
		width: 16%;
		text-align: right;
	}

	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		width: 100%;
	}

    .caption div h1 {
		font-size: 30px;
		line-height: 42px;
	}

	.caption div p {
		font-size: 15px;
	}

	.caption.desktop {
		display: none;
	}

	.caption.mobile {
		display: block;
	}

	#videobanner button.controller {
		display: block;
	}



.product .gallery.col33 li:nth-of-type(5n+1) {
    clear: none;
}
.product .gallery.col33 li {
    margin: 0 2% 2% 0;
    width: 23%;
}
.product .gallery.col33 li:nth-of-type(3n) {
	margin: 0 2% 2% 0;
}

.product .gallery.col33 li:nth-of-type(3n+1) {
	clear: none;
}

.product .gallery.col33 li:nth-of-type(4n+1) {
	clear : left;
}

.product .gallery li h2, .product .gallery li h2 a, .product .gallery li .heading2, .product .gallery li .heading2 a {
	font-size: 10px;
}

#nav_core {
	flex-wrap: wrap;
}

#nav_core.gallery.col33 li {
	max-width: 24%;
	flex: 0 1 auto;
}


}



/* ==================================== 320px ==================================== */



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

	#nav_main, #nav_sec, #nav_crumb, .hide_m {
		display: none !important;
	}

	h1, h1 a, .heading1, .heading1 a {
		font-size: 30px;
		line-height: 34px;
		margin: 0 0 15px 0;
	}

	h2, h2 a, .heading2, .heading2 a {
		font-size: 17px;
		line-height: 17px;
		margin: 0 0 10px 0;
	}


	#header {
		position: relative;
		width: 100%;
		height: auto;
		float: left;
	}

	#logo {
		position: absolute;
		left: 20px;
		margin: 4px 0 12px 0;
		width: 100px;
	}

	#superslides {
		width: 100%;
    	height: 50vh;
	}

    .container #superslides {
		width: 100%;
		height: 150px;
		margin: 0 0 6px 0;
	}

	.container {
	    width: 100%;
	}

		.container .sidebar {
			width: calc(100% - 40px);
			padding: 20px 20px 0 20px;
		}

		.container .content {
			padding: 20px 20px;
			width: calc(100% - 40px);
		}

			.container .content.withsidebar {
				width: calc(100% - 40px);
				padding: 20px 20px 20px 20px;
			}

	p {
		text-align: left;
	}

	#nav_mobile {
		width: calc(100% - 40px);
		margin: 8px 20px 8px 20px;
	}

	a#btn_nav_mobile {
		text-indent: -9999px;
	}

	#nav_cart {
		width: calc(100% - 65px);
		padding: 0 20px 0 45px;
		margin-top: 90px;
	}

	#nav_cart a {
		padding: 10px 0 10px 0;
		text-transform: none;
		font-size: 15px;
		font-weight: 400;
	}

	.nav_sidebar {
		margin: 0 auto 0 auto;
	}

		.nav_sidebar li {
			margin-right: 15px;
		}

	.colspacer {
		width: 0px;
	}

	.col25, .col33, .col50, .col66, .col75 {
		width: 100%;
	}

	.gallery.col25 li, .gallery.col25 li:nth-of-type(4n), .gallery.col33 li, .gallery.col33 li:nth-of-type(3n), .gallery.col50 li, .gallery.col50 li:nth-of-type(2n) {
		width: 100%;
		margin: 0 0 6% 0;
	}

	.hide_d {
		display: block;
	}

	h1 span:nth-of-type(1), span.heading1 span:nth-of-type(1) {
		width: 100%;
	}

	h1 span:nth-of-type(2), span.heading1 span:nth-of-type(2) {
		float: left;
		max-width: 100%;
		text-align: left;
	}

	h1 span a, span.heading1 span a {
		margin: 0 12px 0 0;
		padding: 0 0 0 8px;
		background: transparent url(../images/arrow-grey-small.png) no-repeat 0 6px;
	}

	h1 span a.share, span.heading1 span a.share {
		background: transparent url(../images/icon-share.png) no-repeat 0 6px;
		padding: 0 0 0 16px;
		margin-bottom: 7px;
	}

	.nav_sidebar {
		columns: 2;
	}

	.nav_sidebar li {

	}

	.newsletter .content {
		padding: 30px 20px 25px 20px;
	 }

		.newsletter form {
			margin: 0 0 15px 0;
		}

	.nav_sidebar li{
		margin: 2px 0;
	}
	.nav_sidebar li a {
		font-size: 13px;
		padding: 3px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
		overflow: hidden;
	}

	#footer_address .content {
		padding: 20px 20px 20px 20px;
		font-size: 14px;
	}

		#footer_address ul, #footer_address .heading2 {
			text-align: left;
		}

		#footer_address ul li {
			margin: 0 15px 0 0;
		}

		#footer_address ul li a {
			font-size: 14px;
		}

	#nav_footer .content {
		padding: 12px 20px 20px 20px;
	}

		#nav_footer ul {
			text-align: left;
		}

		#nav_footer ul li {
			margin: 0 15px 0 0;
		}

		#nav_footer ul li a {
			font-size: 14px;
		}

	#footer_credits .content {
		padding: 18px 20px;
	}

	#footer_credits .content div {
		width: 100%;
	}

	#footer_credits .content div:nth-last-of-type(1) {
		float: left;
	}

	.cart_overview li:nth-of-type(1), .cart_overview li div:nth-of-type(2) {
		display: none;
	}

	.cart_overview li div:nth-of-type(1) {
		width: 100%;
		padding-bottom: 20px;
	}

	.cart_overview li div:nth-of-type(3) {
		width: 42%;
		float: left;
	}

	.cart_overview li div:nth-of-type(4) {
		width: 42%;
		text-align: right;
	}

	.cart_overview li div:nth-of-type(5) {
		width: 16%;
		text-align: right;
	}

	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		width: 100%;
	}

    .caption div h1 {
		font-size: 30px;
		line-height: 42px;
	}

	.caption div p {
		font-size: 15px;
	}

	.caption.desktop {
		display: none;
	}

	.caption.mobile {
		display: block;
	}

	#videobanner button.controller {
		display: block;
	}

	.product .gallery.col33 li:nth-of-type(5n+1) {
		clear: none;
	}
	.product .gallery.col33 li {
		margin: 0 2% 2% 0;
		width: 23%;
	}
	.product .gallery.col33 li:nth-of-type(3n) {
		margin: 0 2% 2% 0;
	}

	.product .gallery.col33 li:nth-of-type(3n+1) {
		clear: none;
	}

	.product .gallery.col33 li:nth-of-type(4n+1) {
		clear : left;
	}

	.product .gallery li h2, .product .gallery li h2 a, .product .gallery li .heading2, .product .gallery li .heading2 a {
		font-size: 10px;
	}

	#nav_core, .grid .gallery {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 6% 20px;
		width: 88%;
	}

	#nav_core.gallery.col33 li, .grid .gallery li {
		max-width: 46%;
		flex: 0 1 auto;
		margin: 1% 2%;
	}

	.grid .gallery li {
		width: 46%;
	}
}