/*
------------------------------
RESPONSIVENESS – MEDIA QUERIES
------------------------------
*/


/*Pointer Based Queries*/

@media (pointer:coarse)  {

	.menu-trigger-wrap {
		margin: 16px 5% 21px 0;
	}

	.menu-trigger-wrap .basket-link {
		margin-right: 30px;
	}

	ul.sm-links li {
		margin: 5px 12px;
	}
}

/*Width Based Queries*/

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

	.mandala {
		opacity: 0.2;
	}
}

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

	.mandala {
		opacity: 0.16;
	}
}

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

	.leadimgs {
    width: 100vw;
    margin: 0 0 24px -4.3333334%;
	}

	.leadimg {
		width: 92%;
		margin: 12px 0 0 4%;
	}

	.leadimg-two .litwo-img {
		width: 49%;
	}
}

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

	.mandala {
		opacity: 0.1;
	}

	.twocol.ml {
		padding: 0;
	}

	.twocol.ml .twocol-half {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
	}
}

@media only screen and (max-width: 1092px) {
	
	.nav-right {
		display: none;
	}

	.menu-trigger-wrap {
		display: block;
	}
}

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

	.mandala.footmandala {
		width: 600px;
		top: auto;
		bottom: 0;
		left: 50%;
	}

	.foot-ident {
		display: inline-block;
		top: 24px;
		position: relative;
		width: 72px;
		height: 72px;
	}

	.parallax-content {
		width: 80%;
	}
}

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

	.twocol.topalign .twocol-onethird,
	.twocol.topalign .twocol-twothird {
		width: 100%;
		display: block;
		margin: 0;
	}
}

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

	.map-wrap .twocol .twocol-twothird.col-left {
		width: 100%;
		display: block;
		margin: 0;
	}

	#map-content {
		width: 100%;
		display: block;
		margin: 0;
		text-align: center;
	}
}

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

	.twocol {
		padding: 0;
	}

	.twocol .twocol-half {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
	}

	.ca .fw-content .fw-half {
		width: 100%;
		float: none;
	}

	.ca .fw-content .fw-half .fw-half-copy,
	.ca .fw-content .fw-half:nth-of-type(2n+1) .fw-half-copy,
	.ca .fw-content .fw-half:nth-of-type(2n) .fw-half-copy {
		width: 92%;
		max-width: none;
		margin: 24px auto 36px;
	}

	ul.products li {
		width: 32.222223%;
		margin: 0 2% 18px -4px;
	}

	ul.products li:nth-of-type(4n) {
		margin: 0 2% 18px -4px;
	}

	ul.products li:nth-of-type(3n) {
		margin: 0 0 0 -4px;
	}

	.partner-logo {
		position: relative;
		display: inline-block;
	}
}
@media only screen and (max-width: 767px) {

	.woocommerce .cart-collaterals .cross-sells {
		width: 100%;
	}
}

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

	.pullquote {
		margin-left: 21px;
	}
}

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

	.product {
		display: block;
	}

	.product .summary,
	.woocommerce-product-gallery {
		width: 100%;
		clear: both;
	}

	.product .summary {
		margin-top: 12px;
	}

	.woocommerce-product-gallery {
		max-width: 468px;
	}
}

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

	.fw-img-fs {
		display: none;
	}

	.fw-img-rs {
		display: block;
	}

	.inner-lander-titling {
		width: 88%;
		height: auto;
		left: 50%;
		bottom: 48px;
	}

	.inner-lander-titling h1 {
		display: block;
		background-color: transparent;
		color: #F7F7F2;
		padding: 0;
		font-size: 2.074em;
		text-align: center;
	}

	.filter {
		background: linear-gradient(rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 100%);
	}

	.nolander h1 {
		background-color: transparent;
		padding: 24px 4%;
		text-align: center;
		display: block;
		font-size: 2.074em;
	}

	.ca.prodcat.nolander .content-col {
		width: auto;
	}
}

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

	ul.products li {
		width: 49%;
		margin: 0 2% 18px -4px;
	}

	ul.products li:nth-of-type(3n) {
		margin: 0 2% 18px -4px;
	}

	ul.products li:nth-of-type(2n) {
		margin: 0 0 0 -4px;
	}

	.woocommerce table.cart td.actions .coupon {
		float: none !important;
		width: 100%;
		text-align: right;
		margin-bottom: 6px;
	}
}

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

	.img-fs {
		display: none;
	}

	.img-rs {
		display: block;
	}

	#heightmatch {
		height: auto !important;
	}

	.leadimg {
		width: 100%;
		height: 480px;
		margin: 12px 0 0 0;
	}

	.leadimg img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.leadimg-two,
	.leadimg-three {
		height: 480px;
	}

	.leadimg-two .litwo-img:nth-of-type(2n+1),
	.leadimg-three .lithree-img:nth-of-type(1n) {
		width: 100%;
		height: 480px;
		float: none;
	}
	
	.leadimg-two .litwo-img:nth-of-type(2n),
	.leadimg-three .lithree-img:nth-of-type(2n),
	.leadimg-three .lithree-img:nth-of-type(3n) {
		display: none;
	}

	.section ul, 
	.section ol {
		padding: 12px 36px 24px;
	}

	ul.products {
		padding: 0;
	}

	ul.gridmetas,
	ul.partner-impacts {
		padding: 0 0 12px 0;
	}

	.woocommerce ul.order_details {
		padding: 0;
	}

	.woocommerce ul.order_details li {
		float: none;
		border-right: none;
	}

	p.woocommerce-result-count {
		display: block;
		padding: 0;
	}

	.woocommerce-ordering {
		position: relative;
		display: inline-block;
		margin-left: -4px;
	}
}

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

	img.img-med {
		width: 100%;
		height: auto;
	}

	img.leftalign,
	img.rightalign {
		float: none;
		margin: 6px 0 24px;
	}

	.lander-titling h1 {
		font-size: 2.488em;
	}

	.lander-titling h4 {
		font-size: 1.2em;
	}

	.ca#fold {
		padding-top: 24px !important;
	}

	.ca#fold.nolander {
    padding-top: 144px !important;
    padding-bottom: 0 !important;
	}
}

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

	.lander-titling h1 {
		font-size: 2.074em;
	}

	.lander-titling h4 {
		font-size: 1em;
	}
}

@media only screen and (max-width: 396px) {
	
	.woocommerce .cart-collaterals .cross-sells .add_to_cart_form_shortcode form .nyp {
		width: 100%;
	}

	.woocommerce .cart-collaterals .cross-sells .add_to_cart_form_shortcode form .nyp input.nyp-input {
		padding: 14.5px 24px 11.5px;
		width: calc(100% - 48px);
		display: block;
	}

	.woocommerce .cart-collaterals .cross-sells .add_to_cart_form_shortcode form button.button.alt {
		display: block;
		width: 100% !important;
	}
}

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

	#cookie-law-info-bar {
		width: 100% !important;
		bottom: 0 !important;
		text-align: center !important;
		border-radius: 0 !important;
		padding: 24px 4% !important;
	}
}

/*Height Based Queries*/

@media only screen and (max-height: 700px) {

	.lander-banner {
		min-height: 0;
		height: 60vh;
	}
}

@media only screen and (max-height: 600px) {
	
	.lander-titling {
		bottom: 24px;
	}
}

@media only screen and (max-height: 500px) {

	.lander-banner {
		min-height: 0;
		height: 70vh;
	}
}