/* 820px */

@media screen and (max-width: 1040px) {
	.h--hecto {
		font-size: 5rem;
	}
	.tfwc .product .images.flat .thumbnails {
		height: 60vh;
	}
	.tfwc .product .images.flat .thumbnails span {
		height: 100%;
		left: 0 !important;
		margin: 0;
		text-align: center;
		transform: none;
		-webkit-transform: none;
		width: 100vw !important;
	}
	.tfwc .product .images.flat .thumbnails span img {
		display: block;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	
	.tfwc .product .images-nav span b {
		opacity: 0 !important;
	}
	
	.tfwc .product .entry-summary {
		transform: none !important;
		-webkit-transform: none !important;
	}
	
	.woocommerce-header {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 820px) {
	.header--alt {
		height: 50vw;
	}
	
	.header__item__front--change {
		display: none;
	}
	
	/*  */
	
	.inner-slider {
		height: 100vw;
	}
    .h--hecto {
        font-size: 4rem;
    }

    .search__results .products .product:nth-child(1n+4) {
        display: none
    }
    .tfwc .images-nav span {
	    margin: 2rem 1rem;
    }
    .tfwc .images-nav #full-screen {
	    display: none;
    }
    
	.tfwc .product .entry-summary,
	.tfwc .product .images {
		box-sizing: border-box;
		float: none;
		position: relative;
		margin-top: 0 !important;
		width: 100%;
	}
	.tfwc .product .entry-summary {
		height: auto !important;
		padding: 0 2rem 2rem;
	    position: relative !important;
	    top: 0 !important;
    }
	.tfwc .product .entry-summary .product__description {
		left: auto;
		position: relative;
		top: auto;
		transform: none;
		-webkit-transform: none;
		width: auto;
	}
	.tfwc .product .images.flat .thumbnails {
		height: 80vh;
	}
	.tfwc .product .images {
		margin-bottom: 2rem;
	}
	.tfwc .images-nav-container {
		position: relative;
		height: auto;
		width: 100%;
	}

	.tfwc .images-nav-container {
		position: relative;
		height: auto;
		width: 100%;
	}
	.tfwc .images-nav {
		margin: 0 !important;
		opacity: 1 !important;
		position: relative !important;
		top: 0;
		transform: none !important;
		-webkit-transform: none !important;
	}
	.tfwc .images-nav span {
		display: inline-block;
	}
	
	/*  */
	
	.woocommerce-cart .header {
		padding-bottom: 0;
	}
	
	table td {
		padding-left: .4rem;
		padding-right: .4rem;
	}
	
	table img {
		max-height: 8rem;
	}
    table .remove {
    	display: inline-block;
    	position: relative;
    	text-align: left;
	    text-indent: -9999px;
	    width: 20px;
    }
    table .remove .btn--remove {
    	height: 24px;
    	left: 50%;
	    position: absolute;
	    right: 0;
	    text-indent: 0;
	    top: 50%;
	    transform: translateX(-50%) translateY(-50%);
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    width: 24px;
    }
    
    .col--bordered::after {
	    content: none;
    }
    .overlay__content {
    }
    #overlay--addtocart .button {
    	display: block;
    	margin-bottom: .4rem;
    }
    
    /*  */
    
    .wishlist_table {
	 	   
    }
    .shop_table img,
    .wishlist_table img {
    	height: auto;
    	max-height: 9999px;
		width: 100%;
    }
    .wishlist_table .button {
    	display: block;
	    text-align: center;
    }
    
    /*  */
    
    .order-options div {
    }
    .order-options div a {
	    display: block;
	    margin: 0 0 .4rem;
	    text-align: center;
    }
}

/* 720px */

@media screen and (max-width: 720px) {
    .header--alt {
    	box-sizing: border-box;
	    height: 100vh;
    }
    
    .footer__row__item--left {
        text-align: center;
        margin-left: 0;
        font-size: 11px
    }
    .footer__row__item--right {
        text-align: right;
        position: relative
    }

    .footer__row__item--right,
    .footer__row__item--left {
        width: 100%
    }

    .brand--paymentmethods {
        position: absolute;
        left: 10px;
        right: 48px;
        max-width: 80%;
        height: auto;
        display: block
    }
    .overlay__content {
	    width: 90vw;
    }
}

@media screen and (max-width: 640px) {
	
    h6,
    .h_zeta {
        font-size: 14px
    }
    .mob__no {
	    display: none !important;
	}
    .highlight--square {
        margin-right: 0
    }
    
    .h--hecto {
        font-size: 3rem;
    }

    .search__label {
        padding: 0;
        text-align: center
    }

    .search__label .icon {
        margin: 0 1rem;
    }

    .search__label__nomobile {
        display: none
    }

    .search__results {
        display: none
    }
	
	.search__results .products .product:nth-child(1n+3) {
        display: none
    }

    .search__entry__submit {
        margin-top: 30px
    }

    .field__wrap--half {
        width: 100%;
        margin-left: 0;
        margin-right: 0%
    }
    .field__wrap--half:nth-of-type(1n+0) {
        margin-right: 0
    }
    .field__wrap--half.last {
        margin-right: 0
    }
    
    .footer__column {
        padding: 40px 0;
        margin-bottom: 0px;
        border-bottom: 1px solid #f1f0f0
    }
    .footer__column:last-child {
        border-bottom: none
    }

    .header {
        padding-bottom: 0
    }

    .header--alt__bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, 0.97);
        z-index: -1;
        opacity: 0
    }

    .header--alt {
    	height: 75vh;
        padding: 60px 0;
    }

    .header__top {
        background: #fff
    }

    .header__top__burger {
        display: block
    }

    .header__top__right {
        width: 100%;
        padding-left: 110px
    }

    .header__logo {
        font-size: 32px;
        line-height: 32px;
        padding-top: 10px;
        margin: 0 auto 10px
    }
	.header__item {
		margin-left: 10px;
		margin-right: 10px;
	}
    .header__item--last {
        border-left: 1px solid #fff;
        float: right;
        margin-right: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 40px;
        z-index: 5;
    }

    .header__item--icon {
        text-align: center;
        width: 39px;
        padding: 0
    }

    .header__top--alt .header__item__front {
        color: #818181
    }

    .header__item--last .header__item__front {
        color: #fff
    }

    .header__item__front__nomobile {
        display: none
    }

    .header__item__back {
        width: 100%;
        position: absolute;
        left: 0;
        padding-left: 110px;
        padding-right: 40px
    }

    .header__item__back button:first-child {
        border-left: 1px solid #fff
    }

    .header__item__back button {
        float: left;
        display: block;
        width: 25%
    }

    .header__item--logo {
        display: none
    }
	
    .header__burger {
        display: block
    }

    .header__search {
        width: 39px;
        left: 70px
    }
    
    /* submenu */
	
	.wrap__centre {
		overflow: hidden;
	}
	
	.menu {
		pointer-events: none;
		position: relative;
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}
	.menu.active {
		transform: translateX(-100vw);
		-webkit-transform: translateX(-100vw);
	}
	
	.sub-menu {
		background: transparent none;
		left: 100%;
		margin-left: 15px;
		margin-right: 15px;
		opacity: 0;
		position: absolute;
		top: 0;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
	}
	.nav--open .sub-menu, 
	.nav--open .menu {	
		pointer-events: auto;
	}
	.sub-menu.active {
		opacity: 1 !important;
		z-index: 1;
	}
	.sub-menu li {
		line-height: inherit;
		text-transform: uppercase;
	}
    	
	.block.bg {
		box-sizing: border-box;
		padding: 20px;
	}
	
	.bg--ratio--square {
		height: 100vw;
	}
	
    .block__content {
    	left: 0; 
    	padding: 20px;
    	position: relative;
    	top: 0;
    	transform: none;
    	-webkit-transform: none;
    	width: calc(100vw - 40px);
    	width: -webkit-calc(100vw - 40px);
    }
    header .block__content {
    	margin-top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    }
    .slider__full+.block__content {
    	left: 50%;
	    position: absolute;
	    top: 50%;
	    transform: translateX(-50%) translateY(-50%);
	    -webkit-transform: translateX(-50%) translateY(-50%);
    }
    
    #subForm .field__wrap {
    	margin-left: auto;
    	margin-right: auto;
	    width: 65vw;
    }
    
    #subForm > div:first-child a {
	    margin: 3px -4rem 0;
    }
    
    /* filter stuff */
    
    .filter,
    .h--flush {
    	box-sizing: border-box;
	    display: block;
	    margin: 0 2rem .4rem;
	    text-align: center;
    }
    
    .nav--inline li a.is-black {
        color: #7ac9de;
        color: #fff;
    }
    .header--alt .nav--inline li a.is-black {
        color: #7ac9de;
        color: #fff;
    }

    .nav--breadcrumb {
        font-size: 12px;
        word-spacing: 3px
    }
    .nav--breadcrumb a {
        font-size: 12px
    }
    .nav--breadcrumb a:first-child {
        display: none
    }

    .nav--responsive {
        text-align: center;
        color: #818181;
        /*background: none !important; */
        position: fixed;
        top: 0 !important;
        left: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        pointer-events: none;
        height: 100%;
       
        padding-top: 40px;
        /*
        -webkit-transition: 0.3s ease-out;
        -moz-transition: 0.3s ease-out;
        -ms-transition: 0.3s ease-out;
        -o-transition: 0.3s ease-out;
        transition: 0.3s ease-out;
        -webkit-transform: translateY(-40%);
        -moz-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
        -o-transform: translateY(-40%);
        transform: translateY(-40%);
        */
        transform: translateY(-200%);
        -webkit-transform: translateY(-200%);
        opacity: 0;
        width: 100%;
        width: 100vw;
    }
    .nav--open.nav--responsive {
	    pointer-events: auto;
	    transform: none;
	    -webkit-transform: none;
    }
    .nav--responsive li {
        border-bottom: 1px solid #fff;
        display: block;
        line-height: 60px;
        text-align: center;
        width: 100%;
    }
    .nav--responsive li a {
        background: none;
        color: #818181;
        display: inline-block;
        width: 100%
    }
    .nav--responsive li a:after,
    .nav--responsive li a:before {
        display: none
    }
	
    .nav--responsive .btn--remove {
        color: #fff;
        position: fixed;
        top: 10px;
        right: 20px
    }
	#nav__res.is__fixed {
		margin: 0;
	}
    .nav--open {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        z-index: 1000;
    }

    .menu {
        max-height: none
    }

    .menu-item-has-children.active .sub-menu {
        opacity: 1;
        height: auto
    }

    .col--cell {
        display: block
    }

    .col--bordered {
        float: left;
        margin-bottom: 20px
    }
    .col--bordered:nth-child(2n):after {
        display: none
    }

    .container .col[class*="col"] {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .container .col[class*="col"].col--offset-logo {
        width: 48%
    }

    .col[class*="col"] {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .row--table {
        display: flex;
        flex-wrap: wrap
    }
    
    /*  */
    
    .woocommerce-checkout .woocommerce {
    	max-width: 99999px;
	    position: relative;
    }
    
    div.checkout-opening {
    	xxxposition: relative;
	    width: 100%;   
    }
    div.checkout-opening:before {
	    content: none;
    }
    div.checkout-opening > div {
    	float: none;
    	margin-bottom: 3.2rem;
    	padding: 0;
	    width: auto;
    }
	
	.stockists-container ul li h4, 
	.stockists-container ul li p, 
	.stockists-container ul li div {
		display: block;
		font-size: 13px;
		width: auto;
	}
	.stockists-container ul li div.divlast {
		float: none;
		text-align: left;
		width: auto;
	}
	
	.cart_totals+.checkout-button {
		display: block;
		float: none;
	}
}

@media screen and (max-width: 480px) {
    .overlay {
        padding-top: 40px
    }
}

@media screen and (max-width: 1200px) {
    .search__results .products .product:nth-child(1n+5) {
        display: none
    }
}

@media screen and (max-width: 780px) {
    .header__item--logo {
        font-size: 11px
    }
}

@media screen and (max-width: 760px) {
    .header__item--logo {
        display: none
    }
}

@media screen and (max-width: 640px) and (min-width: 1200px) {
    .nav--responsive li a:hover {
        color: #818181
    }
}

@media screen and (max-width: 640px) and (min-width: 1200px) {
    .nav--responsive li:hover {
        background: #fff
    }
    .nav--responsive li:hover a {
        color: #818181
    }
}

@media screen and (min-width: 820px) {
    .menu-item-has-children:hover>a {
        color: #7ac9de
    }
    .menu-item-has-children:hover>a:after {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
    .menu-item-has-children:hover .sub-menu {
        pointer-events: auto;
        z-index: 1;
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%)
    }
    .menu-item-has-children:hover .sub-menu a {
        text-decoration: none
    }
}

@media screen and (min-width: 820px) and (max-width: 640px) {
    .menu-item-has-children:hover .sub-menu {
        opacity: 1;
        height: auto
    }
}

@media screen and (max-width: 1300px) {
    .page .col[class*="col"].mq-desk-xlrg--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-desk-xlrg--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-desk-xlrg--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-desk-xlrg--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-desk-xlrg--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-desk-xlrg--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-desk-xlrg--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-desk-xlrg--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-desk-xlrg--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-desk-xlrg--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-desk-xlrg--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-desk-xlrg--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-desk-xlrg--left {
        float: left
    }
    .page .col[class*="col"].mq-desk-xlrg--right {
        float: right
    }
    .page .col[class*="col"].mq-desk-xlrg--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--1 {
        width: 8.33333%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--2 {
        width: 16.66667%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--3 {
        width: 25%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--4 {
        width: 33.33333%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--5 {
        width: 41.66667%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--6 {
        width: 50%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--7 {
        width: 58.33333%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--8 {
        width: 66.66667%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--9 {
        width: 75%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--10 {
        width: 83.33333%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--11 {
        width: 91.66667%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--12 {
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .page .col[class*="col"].mq-desk-lrg--left {
        float: left
    }
    .page .col[class*="col"].mq-desk-lrg--right {
        float: right
    }
    .page .col[class*="col"].mq-desk-lrg--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
    .product--preview:nth-child(6n+1), 
    .product--preview:nth-child(5n+1), 
    .product--preview:nth-child(4n+1), 
    .product--preview:nth-child(3n+1), 
    .product--preview:nth-child(2n+1) {
	    clear: none;
    }
    .product--preview:nth-child(4n+1) {
	    clear: left;
	    width: 25% !important;
    }
}

@media screen and (max-width: 1024px) {
    .page .col[class*="col"].mq-desk-med--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-desk-med--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-desk-med--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-desk-med--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-desk-med--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-desk-med--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-desk-med--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-desk-med--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-desk-med--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-desk-med--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-desk-med--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-desk-med--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-desk-med--left {
        float: left
    }
    .page .col[class*="col"].mq-desk-med--right {
        float: right
    }
    .page .col[class*="col"].mq-desk-med--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
    
    .product--preview:nth-child(6n+1), 
    .product--preview:nth-child(5n+1), 
    .product--preview:nth-child(4n+1), 
    .product--preview:nth-child(3n+1), 
    .product--preview:nth-child(2n+1) {
	    clear: none;
    }
    .product--preview:nth-child(4n+1) {
	    clear: left;
	    width: 25% !important;
    }
}

@media screen and (max-width: 960px) {
    .page .col[class*="col"].mq-desk--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-desk--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-desk--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-desk--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-desk--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-desk--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-desk--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-desk--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-desk--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-desk--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-desk--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-desk--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-desk--left {
        float: left
    }
    .page .col[class*="col"].mq-desk--right {
        float: right
    }
    .page .col[class*="col"].mq-desk--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
    .product--preview:nth-child(6n+1), 
    .product--preview:nth-child(5n+1), 
    .product--preview:nth-child(4n+1), 
    .product--preview:nth-child(3n+1), 
    .product--preview:nth-child(2n+1) {
	    clear: none;
	    width: 25% !important;
    }
    .product--preview:nth-child(4n+1) {
	    clear: left;
    }
}

@media screen and (max-width: 820px) {
    .page .col[class*="col"].mq-tab-lrg--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-tab-lrg--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-tab-lrg--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-tab-lrg--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-tab-lrg--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-tab-lrg--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-tab-lrg--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-tab-lrg--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-tab-lrg--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-tab-lrg--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-tab-lrg--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-tab-lrg--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-tab-lrg--left {
        float: left
    }
    .page .col[class*="col"].mq-tab-lrg--right {
        float: right
    }
    .page .col[class*="col"].mq-tab-lrg--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
    .product--preview {
    	padding: 2rem 2rem;
	    width: 50% !important;
    }
    .product--preview:nth-child(6n+1), 
    .product--preview:nth-child(5n+1), 
    .product--preview:nth-child(4n+1), 
    .product--preview:nth-child(3n+1), 
    .product--preview:nth-child(2n+1) {
	    clear: none;
	    width: 50% !important;
    }
    .product--preview:nth-child(2n+1) {
	    clear: left;
    }
    
    /*  */
    
    .col--4 .bg--ratio--portrait {
	    height: 143vw;
    }
    
}

@media screen and (max-width: 768px) {
    .page .col[class*="col"].mq-tab--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-tab--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-tab--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-tab--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-tab--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-tab--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-tab--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-tab--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-tab--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-tab--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-tab--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-tab--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-tab--left {
        float: left
    }
    .page .col[class*="col"].mq-tab--right {
        float: right
    }
    .page .col[class*="col"].mq-tab--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 765px) {
    .page .col[class*="col"].mq-tab-sml--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-tab-sml--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-tab-sml--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-tab-sml--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-tab-sml--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-tab-sml--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-tab-sml--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-tab-sml--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-tab-sml--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-tab-sml--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-tab-sml--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-tab-sml--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-tab-sml--left {
        float: left
    }
    .page .col[class*="col"].mq-tab-sml--right {
        float: right
    }
    .page .col[class*="col"].mq-tab-sml--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 640px) {
    .page .col[class*="col"].mq-mob-lrg--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-mob-lrg--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-mob-lrg--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-mob-lrg--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-mob-lrg--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-mob-lrg--6 {
        width: 50%;
    }

    .page .col[class*="col"].mq-mob-lrg--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-mob-lrg--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-mob-lrg--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-mob-lrg--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-mob-lrg--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-mob-lrg--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-mob-lrg--left {
        float: left
    }
    .page .col[class*="col"].mq-mob-lrg--right {
        float: right
    }
    .page .col[class*="col"].mq-mob-lrg--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 520px) {
    .page .col[class*="col"].mq-mob-med--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-mob-med--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-mob-med--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-mob-med--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-mob-med--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-mob-med--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-mob-med--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-mob-med--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-mob-med--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-mob-med--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-mob-med--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-mob-med--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-mob-med--left {
        float: left
    }
    .page .col[class*="col"].mq-mob-med--right {
        float: right
    }
    .page .col[class*="col"].mq-mob-med--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 480px) {
    .page .col[class*="col"].mq-mob--1 {
        width: 8.33333%
    }

    .page .col[class*="col"].mq-mob--2 {
        width: 16.66667%
    }

    .page .col[class*="col"].mq-mob--3 {
        width: 25%
    }

    .page .col[class*="col"].mq-mob--4 {
        width: 33.33333%
    }

    .page .col[class*="col"].mq-mob--5 {
        width: 41.66667%
    }

    .page .col[class*="col"].mq-mob--6 {
        width: 50%
    }

    .page .col[class*="col"].mq-mob--7 {
        width: 58.33333%
    }

    .page .col[class*="col"].mq-mob--8 {
        width: 66.66667%
    }

    .page .col[class*="col"].mq-mob--9 {
        width: 75%
    }

    .page .col[class*="col"].mq-mob--10 {
        width: 83.33333%
    }

    .page .col[class*="col"].mq-mob--11 {
        width: 91.66667%
    }

    .page .col[class*="col"].mq-mob--12 {
        width: 100%
    }

    .page .col[class*="col"].mq-mob--left {
        float: left
    }
    .page .col[class*="col"].mq-mob--right {
        float: right
    }
    .page .col[class*="col"].mq-mob--inline {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        float: none
    }
}

@media screen and (max-width: 768px) {
    .bg--fixed {
        background-attachment: initial
    }
}

@media screen and (max-width: 480px) {
    .bg--ratio--square.mq-mob--6 {
        padding-bottom: 50%
    }
}

@media screen and (max-width: 640px) {
    .mob__only {
        display: block !important
    }
}

@media screen and (max-width: 1260px) {
	/*
	.product--preview {
		width: 33.3333%;
	}
	.product--preview:nth-child(3n+1){
		clear: left;
	}	
	.product--preview:nth-child(4n+1){
		clear: none;
	}
	*/
}

/*

@media screen and (max-width: 820px) {
    .filters__heading {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .filters__heading {
        width: 100%;
        display: inline-block
    }
}

@media screen and (max-width: 640px) {
    .filters__heading--border {
        margin-bottom: 20px
    }
}

*/