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

@media only screen and (max-width: 1280px) {
.wrapper {padding-left: 30px; padding-right: 30px;}
.content  .printer-type {flex-wrap: wrap;}
	.printer-type .col-1 {flex: 1;}
	.printer-type .col-2, .printer-type .col-3 {width: 26%; border-width: 0;}
		.printer-type .col-1 a {width: 24%;}
		.printer-type .col-2 a, .printer-type .col-3 a {width: 48%;}
#footer .level-1 .wrapper {padding-right: 0;}
}

@media only screen and (max-width: 1200px) {
.item-list.gutter-xl .item-content {margin: 0 -8px;}
.item-list.gutter-xl .item-content > section {margin-bottom: 16px;}
	.item-list.gutter-xl .item-content .item-cell {margin: 0 8px;}
#site .tabs {font-size: .9em;}
}

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

.site-logo {top: .7rem;}

.nav-on {overflow: hidden;}
.nav-on .nav-wrapper {
	content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; 
	background-color: rgba(0,0,0,.7);
}

#site .nav-collapse, .nav-collapse span {
	position: relative; z-index: 901; display: block; width: 42px; height: 42px; padding: 0;
}
#site .nav-collapse {float: right; margin: 28px 15px 10px 0; text-decoration: none;}
#site.f-nav .nav-collapse {margin-top: 10px;}
.nav-collapse:before, .nav-collapse:after, .nav-collapse span:before {
	content: ""; position: absolute; right: 6px; display: block; height: 3px; border-radius: 2px;
	background-color: #53514d; 
}
.nav-collapse:before, .nav-collapse:after {width: 30px;}
.nav-collapse:before {top: 8px;}
.nav-collapse span:before {top: 19px; width: 20px;}
.nav-collapse:after {top: 30px;}
.nav-on .nav-collapse:before, .nav-on .nav-collapse:after {
	top: 19px; left: 8px; background-color: white; transform-origin: center;
}
.nav-on .nav-collapse:before {transform: rotate(45deg);}
.nav-on .nav-collapse:after {transform: rotate(-45deg);}
.nav-on .nav-collapse span:before {opacity: 0;}

	.inner-nav-wrapper {
		display: flex; flex-direction: column; min-height: 0; bottom: 0; z-index: 901; overflow-y: auto;
		text-align: center; background-color: #ededed; box-shadow: 0 0 15px rgba(0,0,0,.4); transition-delay: 0.1s;
	}
	.inner-nav-wrapper, .inner-nav-wrapper:before {
		position: fixed; top: 5rem; right: -100%; width: 100%; max-width: 360px; opacity: 0;
	}
	.inner-nav-wrapper:before {
		content: ""; z-index: 1; display: block; height: 1.2em; 
		background: linear-gradient(to bottom, rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 100%);
		pointer-events: none; transition-delay: 0.2s;
	}
	.nav-on .inner-nav-wrapper, .nav-on .inner-nav-wrapper:before {right: 0; opacity: 1;}
		
		.nav-wrapper .wrapper {flex-direction: column; padding: 0;}

		.top-section {background-color: white;}
			.top-section .phone {padding: 0 0 .9em 20px; border-bottom: 1px solid #ddd;}
				.top-section .phone a {padding: .1em; font-size: 1.2em;}
			.top-section .lang {position: absolute; top: 0; right: 0; border-right-width: 0;}
				
				.top-section .nav-x li {margin-top: 0;}
				.top-section .nav-x li:not(:first-child) {padding-left: 0; border: none;}
				
			#header .level-2 .inner {flex-direction: column; padding-left: 0;}
				
				.search-bar .search-wrapper, .login {background-color: white;}
					.search-bar .search-wrapper {flex-wrap: wrap; border-radius: .3em;}
					.search-bar .txt:first-child {width: 100%; flex: auto; border-bottom: 1px solid #ddd;}
					.search-bar select {flex: 1;}
				.login {
					width: 100%; padding: 1em; padding-left: 3.3em; background-position: .8em 50%; 
				}
					.login ul {display: flex;}
		
			#site .nav-wrapper .nav-x {width: 100%; margin-bottom: 0; text-align: center;}
				.nav-wrapper .nav-x > li {float: none; display: inline-block;}
					.nav-wrapper .nav-x > li > a {padding: .5em 1em; border-radius: 0;}
			
			.top-section {order: 1;}
			#header .level-2 {order: 3;}
			.site-nav {order: 2;}
			
			.site-nav {display: block; padding: 0; border: none;}

					#site .main-nav {display: block;}
						#site .main-nav nav > ul > li {
							display: flex; flex-wrap: wrap; padding-right: 0; border-top: 1px solid rgba(0,0,0,.1);
						}
							.main-nav nav > ul > li > a {flex: 1; text-align: left;}
								.main-nav nav > ul > li > a > span {padding: 1em;}
					
							#site .main-nav .sub-menu li a {position: relative; display: block; padding: .6em 1em; border-width: 1px 0 0;}
								#site .main-nav .sub-menu ul ul {margin: 0 0 1em 1em;}
									#site .main-nav .sub-menu ul ul li a {padding: .3em 1em; border-width: 0;}
									.main-nav .sub-menu ul ul li a:before {
										content: ""; position: absolute; top: .9em; left: .1em;
										display: block; width: 4px; height: 4px; background-color: rgba(0,0,0,.4);
									}
				
			#site .sub-menu .sub-menu-wrapper {
				position: static; height: 0; padding: 0; overflow: hidden; 
				background-color: white; box-shadow: none; transform: scale(0); transform-origin: top center; display: none;
			}
			#site .sub-menu.on .sub-menu-wrapper {
				height: 100%; padding: 1em .7em; display: block; z-index: 0; transform: scale(1); visibility: visible; opacity: 1;
			}
				.main-nav .sub-menu .sub-menu-wrapper > li {width: 100%;}
				#site .main-nav .sub-menu .sub-menu-wrapper a {color: black; font-size: 1em;}
				#site .main-nav .sub-menu .sub-menu-wrapper a:hover {background-color: white;}
					#site .main-nav .sub-menu .sub-menu-wrapper a span {}

.index .hero-section .wrapper {margin-top: 1em;}
.wrapper {padding-left: 20px; padding-right: 20px;}

.delivery-wrapper span {padding-left: 1.5em;}

.index .content .col-1, .index .content .col-2 {width: 100%;}

.layout-2-1 .content, .layout-2-1 .side-bar {width: 100%;}
.layout-2-1 .content {padding-right: 0;}

.printer-type .col-1 {flex: auto; width: 100%; margin-right: 0;}
	.printer-type .col-2, .printer-type .col-3 {width: 50%; margin-left: 0;}
	.printer-type .col-2 {padding-left: 0; padding-right: 1em;}
	.printer-type .col-3 {padding-left: 1em;}

.side-bar.col-25 {width: 33%;}
	.side-bar .inner {margin-right: 24px;}
.content.col-75 {width: 66%; float: right;}

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

#footer .level-1 .wrapper {padding-left: 0;}
	#footer .level-1 .wrapper > div:not(:last-child) {width: 33.33%; padding: 1em 1.5em;}
	#footer .wrapper > div:last-child {width: 100%;}

}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
.side-bar .printer-type .tab-content a {width: 24%;}
}

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

.index .hero-section .wrapper {display: block; text-align: center;}
	.index .hero-section .col-1 {padding-right: 0;}
	.index .hero-section .col-2 {padding-left: 0;}

.hero-section a {display: block;}
	.hero-section .img {width: 100%;}
	.hero-section .info {
		position: absolute; width: auto; min-width: 50%; max-width: 70%; height: 100%; background-color: rgba(242,236,226,.95);
	}
		.hero-section h3 {font-size: calc(1em + 1vw);}
		main h3 {font-size: calc(1.1em + 1vw);}

.item-filter, .item-filter h5, .item-filter > div {display: block; margin-bottom: 1em; text-align: left;}
	.item-filter .form-inline .form-group {width: 100%;}
	
.item-col-3.main-items .item-content > section, .item-col-2.item-cat .item-content > section {width: 100%; flex-basis: auto;}
.layout-1-2 .side-bar, .layout-1-2 .content {width: 100%;}
.layout-1-2 .content {padding-left: 0;}

.item-overview .add-to-cart, .item-overview .wholesale {width: 100%; flex-basis: auto; max-width: none;}

.content .inner-section {padding: 0;}

.form-elements .fieldset {padding: 2em;}
	
.toggle-items .toggle-content {padding-left: 0;}

#footer .level-1 .wrapper > div:not(:last-child) {width: 50%;}

}

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

.content.col-75 {width: 100%;}
	.side-bar .inner {margin-right: 0;}

.item-col-3.main-items .item-content > section,
.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, 
.content-img-section > div, .item-description .item-overview ul {
	width: 100%;
}

.content .col-1 .item-list li {width: 100%; padding-right: 0;}

.content-img-section.img-right .img {order: 1;}
.content-img-section.img-right .info {order: 2;}
:root .content-img-section .info {margin: -10% 10% 10%;}

.main-items .img {line-height: normal;}
	.main-items .img img {max-height: none;}
	
	.col-1 .item-list .img {height: auto;}
	.col-1 .item-list img {max-height: none;}

.item-description .item-gallery, .item-description .item-overview {width: 100%;}
.item-description .item-gallery {max-width: none; margin-right: 0; margin-bottom: 4%;}

.form-elements .fieldset label {text-align: left !important;}

.side-bar.col-25 {float: none; width: auto; margin: 0 -16px 10px;}
	.side-bar.col-25 .inner {padding: 16px; background-color: white;}

:root .printer-type > div {width: 100%; padding: 0;}
	.printer-type .tab-content a {width: 32%; padding-left: .5em; padding-right: .5em;}

.delivery-wrapper span {padding-right: 150px;}
.delivery-wrapper span:before {top: .5rem; width: 150px; height: 75px; background-size: 100%;}

.item-box dd {width: 100%;}

.cart-row {display: block; margin-top: 1.5em; text-align: right;}
	.cart-row .col-1 {margin-bottom: 1.5em;}

}

@media only screen and (max-width: 480px) {
.delivery-wrapper span {padding-right: 1em;}
.delivery-wrapper span:before {top: auto; bottom: -1em;}

.item-box dt .title {min-width: 70%;}
	.item-box dt .title strong {margin-right: 0; padding-right: 0; border-right: none;}
	.item-box dt .title small {display: block;}

.item-box .list h6 {padding-right: .5em;}
.item-box .list .btn {display: block; margin-top: .7em;}

#site .pagination h6 {float: none; width: auto;}

#footer .level-1 .wrapper > div:not(:last-child) {width: 100%; padding-left: 2.8em;}
}