/* ==================================== V.22.10.2018 ==================================== */



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



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

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

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

}



/* ==================================== 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: 32px 0 12px 0;**/
		width: 160px;
	}

	#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: 75%;
		padding: 0 32px 0 0;
		margin-top: 40px;
	}


        .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, #nav_core, .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: 32px 0 12px 0; */
		width: 160px;
	}

	#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;
	}

	.menu .col66 {
		width: 64.66% !important;
	}

	.menu .col33 {
		width: 29.33% !important;
	}

	.menu .colspacer {
		width: 6% !important;
	}
}



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



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

	#nav_main, #nav_sec, #nav_crumb, #nav_core, .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: 32px 0 12px 0; */
		max-width: 200px;
		width: 160px;
	}

	#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 li {
		display: inline-block;
	}

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

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

	#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;
	}

	.menu .col66 {
		width: 64.66% !important;
	}

	.menu .col33 {
		width: 29.33% !important;
	}

	.menu .colspacer {
		width: 6% !important;
	}

	.product .flex.wrap .flex > div.modify div.checkbox > div {
		flex: 1 1 100%;
	}

	.toggle_cart_small {
		margin: 0 -20px;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 30;
		box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	}

	.toggle_cart_small .button {
		padding: 10px 0;
		margin: 0;
		display: flex;
		align-items: center;
	}

	.toggle_cart_small .button > div {
		flex: 1;
	}

	.toggle_cart_small .button > div:first-of-type {
		flex: 0 0 50px;
	}

	.toggle_cart_small .button > div:first-of-type span {
		display: block;
		background: white;
		color: #673536;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height:30px;
		font-weight: bold;
		margin: 0 auto;
		text-align: center;
	}

	.toggle_cart_small .button > div span {
		font-weight: bold;
	}

	.widget.cart_small {
		display: none;
	}

	.widget.cart_small.active {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 500;
		background: white;
		margin: 0;
		border: 0;
	}

	.widget.cart_small.active > div.title {
		position:relative;
		border: 0;
		box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	}

	.widget.cart_small.active > div.title span.heading2 {
		font-weight: bold;
	}

	.widget.cart_small.active > div.title a.close {
		display: block;
	}

	.widget.cart_small.active > div.items {
		max-height: calc(100vh - 83px);
	}

	.widget.cart_small.active > div.checkout {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 0;
		box-shadow: none;
	}

	.widget.cart_small.active > div.checkout a.button	{
		width: 100%;
		box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
		padding: 10px 0;
		border-radius: 0;
		margin: 0;
		height: 30px;
		line-height: 30px;
	}

}