/* ***********************************************
**
**		MAX 1200
**
************************************************ */

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

	h2.shortcode-row-title {
		font-size: 28px;
		margin: 0 0 20px 0;
	}
	
	h2.site-logo {
		top: 35px;
	}

	#menu-icon {
		display: block;
		opacity: 1;  
		top: 35px; 
	}                                                                                                                          	

	.main-nav-container {
		opacity: 0;
		height: 95px;
		padding: 35px 30px 30px 50px;
	}

	.menu-active .main-nav-container {
		opacity: 1;
		height: auto;
	}

	ul.main-nav,
	.main-nav li {
		width: 150px;
	}

		.main-nav li {
			line-height: 8px;
			height: 8px;
			opacity: 0;
		}

		.menu-active .main-nav li {
			line-height: 35px;
			height: 35px;
			opacity: 1;
		}
			
	/* .contentWrapper {
		padding-top: 95px;
	} */
	
	a.mega-menu-basket span.mega-menu-basket-count {
		right: 5px; /* Adjust horizontal position */
	}

}

/* ***********************************************
**
**		MAX 1080
**
************************************************ */

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

	#canvas .setwidth {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.contentContainer {
		padding-top: 30px;
	}	

	h2.site-logo {
		left: 30px;
	}
	
	#menu-icon {
		right: 30px;
	}
	
	#mega-menu-wrap-sub-mega-nav {
		display: none !important;
	}
	
	.hero-text {
		padding: 30px;
	}

	.image_rows .image_text {
		padding-left: 30px;
	}

	.slideshow_row {
		padding-bottom: 100px;
	}

	.row-carousel {
		overflow: hidden;
	}
	
	.carousel_slideshow_slide,
	.carousel_slideshow_gallery {
		margin-left: -10px;
		margin-right: -10px;
/* 		overflow: hidden; */
	}

		.carousel_slideshow_slide .slick-list .slick-slide,
		.carousel_slideshow_gallery .slick-list .slick-slide {
			margin-left: 10px;
			margin-right: 10px;
		}
	
	.slick-dots {
		bottom: -50px;
		width: auto;
		left: 0;
		right: 0;
		top: auto;
		margin: auto;
	}	

	.row-hdots .slick-dots {
		bottom: -70px;
	}

		.slick-dots li {
			display: inline-block;
			margin-left: -5px;
		}

	.hero-slider .slick-dots {
		left: auto;
		right: 30px;
		bottom: 20px;
	}	

	.menu-active .main-nav-container,
	.stickyHeader.menu-active .main-nav-container {
		height: auto;
	}

		.main-nav-container {
			padding: 35px 30px 30px 30px;
		}
	
		.menu-active .main-nav-container {
			padding: 100px 30px 30px 30px;
		}
			
			ul.main-nav {
				width: 150px;
				display: block;
			}
	
			.main-nav li {
				text-align: right;
			}
		
	.hero-text {
		width: 60%;
	}
	
	.row-topmargin {
	    margin-top: 100px;
	}

	.flexible-row {
		margin-bottom: 100px;
	}

	.three_column_text_row > div {
		width: 32%;
		width: calc( 33.33% - 25px );
	}
	
	.v12calc {
		padding: 30px;
	}
	
	.two_column_text_row.two_column_text_row_50_50 .two_column_text_row_col,
	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_two  {
		width: 50%;
		width: calc( 50% - 25px );
	}	
	
	.row-blurred {
		margin-bottom: 100px;
	}
		
	.wpfMainWrapper {
		padding-bottom: 50px;
	}

}

/* ***********************************************
**
**		 MAX 992
**
************************************************ */

@media only screen and (max-width: 992px) {
	
	/* moved to 1080px
	#mega-menu-wrap-sub-mega-nav {
		display: none !important;
	} */

}

/* ***********************************************
**
**		 MAX 768
**
************************************************ */
	
@media only screen and (max-width: 768px) {


	h1 {
		font-size: 30px;
	}
	
	.row-banner-title {
		padding-top:30px;
		padding-bottom: 25px;
	}
	
	h1.archive-product-title {
		font-size: 30px;
	}
	
	.row-pad {
		padding: 30px 0;
	}
	
	.row-home-grid.flexible-row {
		padding-top: 10px;
	}

	h2.shortcode-row-title {
		font-size: 26px;
		margin: 0 0 15px 0;
	}
		
	#mega-menu-wrap-main-mega-nav .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo {

		max-width: 75%;
	}

	.hero-slider .slick-slide.slick-active .hero-text {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	
	.hero-text {
		top: auto;
		bottom: 0;
		-webkit-transform: translateY(-4%);
		-ms-transform: translateY(-4%);
		transform: translateY(-4%);
		width: 100%;
		padding: 30px 30px 60px 30px;
	}
	
	
		.hero-text h2.bigitalics {
			margin: 0 0 60px 0;
			font-size: 48px !important;
		}

		.hero-text h2.bigitalics:after {
			bottom: -30px;			
		}
					
		.hero-text p {
			font-size: 15px;
		}
		
		.hero-text p.button {
			margin-top: 20px !important;
		}


		
	.row-countdown h3 {
		font-size: 36px;
	}
	
	.row-countdown h3.countdown2 {
		font-size: 24px;
	}

	.contentContainer article,
	p,
	address {
		padding: 0 0 30px 0;
	}
	
	.row-pad-medium {
	    padding: 80px 0;
	}
	
	.product_details {
		padding: 50px 0 0 0;
	}
	
	.flexible-row.fullwidth {
		margin-bottom: 30px;
	}	
	
	.flexible-row.row-quotes {
		padding: 100px 0 100px 0;
	}

	blockquote,
	.entry-content blockquote,
	.wp-block-quote.is-large,
	.wp-block-quote.is-style-large {
		position: relative;
		text-align: left;
		padding: 200px 0 50px 0;
	}
	
	blockquote:after,
	.entry-content blockquote p,
	.entry-content blockquote cite {
		left: 0;
	}

	.wp-block-quote.is-large p,
	.wp-block-quote.is-style-large p {
		padding: 0 30px 30px 30px;
		text-align: left;
	}

	.wp-block-quote.is-large:after,
	.wp-block-quote.is-style-large:after {
		top: 15px;
	}

	.row-quotes p.caption,
	.entry-content blockquote cite,
	.wp-block-quote.is-large cite,
	.wp-block-quote.is-style-large cite {
		position: relative;
		top: auto;
		left: 0;
	}	

	.wp-block-quote.is-large:after,
	.wp-block-quote.is-style-large:after,
	.wp-block-quote.is-large cite,
	.wp-block-quote.is-style-large cite {
		left: 30px;
	}
	
	.entry-content blockquote {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.entry-content blockquote:after {
		left: 30px;
		top: 40px;
	}

	.entry-content blockquote p {
		text-align: left;
	}	

	p.button-inline {
		display: block;
		width: 100%;
		padding: 0;
		margin: -1px 0 0 0;
	}

		p.button-inline a,
		p.button-inline button {
			width: 100%;
			box-sizing: border-box;
			text-align: center;
			text-decoration: none;
		}		

	.quote_row h3 {
		padding: 0px 0 10px 0;
	}	

	.quote_row p {
		padding: 0px 0 25px 0;
	}
	
	.intro-row {
		flex-direction: column;
	}
	
		.intro-row-left {
			padding: 0 0 30px 0;
			width: 100%;
		}

			.intro-row-left ul:last-of-type {
				margin: 25px 0 0 0;
			}	

			.intro-row-left.intro-row-both p {
				width: 100%;
			}
			
		.intro-row-right {
			padding: 0;
			width: 100%;
		}

	/* filters */
	
	.wpfMainWrapper {
		flex-direction: column;
		padding-bottom: 30px;
	}
	
	.wpfMainWrapper #wpfBlock_2 {
		margin: -1px 0;
	}

	.wpfMainWrapper .wpfFilterWrapper {
		width: 100% !important;
	}
	
	.wpfMainWrapper .wpfFilterButtons {
		width: 100%;
	}
	
	#canvas .wpfMainWrapper .wpfFilterButtons button.wpfFilterButton {
		padding: 1em 5px;
	}

	.row-product-gallery {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	
	.product_details.image_left .column1,
	.product_details.image_right .column1 {
		padding-bottom: 50px;
	}
	
	.two_column_text_row,
	.two_column_text_row .setwidth,
	.two_column_text_row.fullwidth,
	.twin_image_row,
	.three_column_text_row,
	.basic_image_row .row_container,
	.image_text_row .row_container,
	.image_left .row_container {
		flex-direction: column;
	}
	
	.twocol_bottompadding .two_column_text_row_col {
		padding-bottom: 100px;
	}

	.product_details.image_left .row_container {
		flex-direction: column;
	}

	.row-blurred {
		margin-bottom: 50px;
	}
	
	.column1,
	.column2,
	.two_column_text_row.two_column_text_row_50_50 .two_column_text_row_col,
	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_70_30 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_30_70 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_60_40 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_40_60 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_two,
	.two_column_text_row.two_column_text_row_80_20 .two_column_text_row_col.two_column_one,
	.two_column_text_row.two_column_text_row_20_80 .two_column_text_row_col.two_column_two  {
		width: 100%;
	}
	
	.basic_image_row.image_left .basic_row_text h3,
	.basic_image_row.image_left .basic_row_text p,
	.basic_image_row.image_left .basic_row_text hr {
		float: left;
	}

	.twin_image_row .text_image_row_first,
	.twin_image_row .twin_image_row_first,
	.twin_text_image_row .twin_text_image_row_first,
	.twin_image_row .text_image_row_second,
	.twin_image_row .twin_image_row_second,
	.twin_text_image_row .twin_text_image_row_second,
	.image_left .column1,
	.image_left .column2,
	.image_right .column1,
	.image_right .column2,
	.column1,
	.column2,
	.row-tiktok-double .two_column_one,
	.row-tiktok-double .two_column_two {
		padding: 0;
	}
	
	
	.twin_image_row .twin_image_row_first {
		padding-bottom: 30px;
	}
	
		.three_column_text_row > div {
			width: 100%;
		}

	/* 	news / journal */
			
	.article-header .article-header-imageWrapper,
	.article-header .article-header-details {
		width: 100%;
		margin-right: 0;
		float: none;
		display: block;
	}
	
	.article-header .article-header-imageWrapper {
		margin-bottom: 30px;
	}
		
	/* portfolio */

	#canvas .vp-filter__style-default .vp-filter__item,
	#canvas .vp-pagination__style-default .vp-pagination__item {
		margin: 0 0 20px -1px;
	}


	/* 	mailchimp signup */

	#mc_embed_signup {
		text-align: center;
		padding: 0 30px;
		box-sizing: border-box;
	}

	#mc_embed_signup input {
		text-align: center;
	}	

	.mc-field-group,
	#mc_embed_signup_scroll h3,
	#mc_embed_signup .clear {
		display: block;
	}

	#mc_embed_signup .clear {
		margin-top: -1px;
	}	

		#mc_embed_signup_scroll {
			padding: 0;
		}
			
			#mc_embed_signup_scroll h3 {
				 padding-right: 0;
				 margin: 25px 0;
			}
	 
	#mce-EMAIL,
	#mc-embedded-subscribe {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	
	/* 	mailchimp signup */
	
	
	.footerWrapper ul.menu {
		float: left;
		margin: 110px 0 20px 30px;
	}
		.footerWrapper ul.menu li {
			display: block;
			height: auto;
			line-height: 1.25em;
			margin: 0;
		}
		
		.footerWrapper ul.menu li:after {
		    font-size: 6px;
		    width: 16px;
			margin-right: 10px;
		}
	
	
	ul.social-nav {
		width: 100%;
		clear: both;
		text-align: center;
	}
			
	ul.footer-nav {
		float: none;
		clear: both;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		ul.footer-nav li {
			margin: 0 0 0 1em;
		}	

	p.button-inline.button-inline-details-chat {
		display: none;
	}

}

/* ***********************************************
**
**		MAX 480
**
************************************************ */

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

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	#canvas .setwidth {
		padding-right: 25px;
		padding-left: 25px;
	}
	
	#canvas .setwidth.wpfMainWrapper_container {
		padding-right: 0;
		padding-left: 0;
	}
	
	.wpfMainWrapper {
		flex-direction: column;
		padding-bottom: 0;
	}
	
		#canvas .wpfMainWrapper .wpfFilterButtons button.wpfFilterButton,
		.wpfFilterContent select {
			font-size: 14px;
			padding: 10px 15px;
		}

		.select_arrow, .wpfFilterContent::after {
			top: 17px;
			right: 15px;
		}

	h1 {
		font-size: 24px;
	}
	
	.row-banner-title {
		padding-top:15px;
		padding-bottom: 15px;
		background-color: black;
	}
	
	h1.archive-product-title {
		font-size: 24px;
		color: white;
	}
	
	h3.archive-product-subtitle {
		color: white;
	}
	
	.row-pad {
		padding: 20px 0;
	}
	
	.row-pk-products-grid.row-pad {
		padding: 20px 0 20px 0;
	}
		
	.row-home-grid.flexible-row {
		padding-top: 0;
	}
	
	h2.shortcode-row-title {
		font-size: 20px;
		margin: 0 0 10px 0;
	}
	
	.row-pk-products-grid h2.shortcode-row-title {
		font-size: 20px;
		margin: 0;
	}
	
	.pk-products-load-more-link {
		margin: 10px auto 20px;
	}
	
	h2.site-logo, h2.site-logo a, h2.site-logo svg {
		width: 224px;
		height: 20px;
	}	

	h2.site-logo {
		top: 25px;
		left: 25px;
		z-index: 9999;
	}
	.stickyHeader h2.site-logo {
		top: 25px;
	}
	
	.main-nav-container {
		padding: 25px;
		width: 100%;
	}

		ul.main-nav {
			width: 100%;
		}
		
		.main-nav li {
			text-align: center;
			width: 100%;
		}
	
	.menu-active .main-nav-container {
		padding: 70px 25px 25px 25px;
	}
	
	#menu-icon,
	.stickyHeader #menu-icon {
		top: 25px;
		right: 25px;
	}
	
	#menu-icon {
		width: 20px;
		height: 20px;
	}
				
		#menu-icon span,
		#menu-icon span:before,
		#menu-icon span:after {
		  height: 2px;
		  width: 20px;
		}
		
		#menu-icon span {
		  top: 9px;
		}
		
		#menu-icon span:before {
		  top: -8px;
		}
		
		#menu-icon span:after {
		  bottom: -8px; 
		}
	
	
		.hero-text {
			padding: 25px 25px 75px 25px;
		}
		

 	/* remove the videos */
	
	.hero-slider .slick-slide video.slide-video,
	.hero-slider .slick-slide .loading {
		display: none;
	}

	.hero-slider .video .slide-image {
		display: block;
	}
	
	.hero-text h2.bigcaps,
	.hero-text h2.bigitalics {
		text-align: center;
	}
			
	.hero-text h2.bigitalics {
	    margin: 0 0 20px 0;
	    font-size: 28px !important;
	}
	
	.hero-text h2.bigitalics::after {
		content: '';
		display: none;
	}
	
	.hero-text p,
	.hero-text p a {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.hero-text.hero-home1 h3 {
		margin-bottom: 30px;
	}

	.underlined:after {
		bottom: -15px;
	}
	
	.hero-text.hero-home1 h2.bigcaps,
	.hero-text h2.bigcaps {
		font-size: 24px !important;
		margin-bottom: 10px;
	}
	
	ul.home-social-links li {
		padding: 0 .25em;
	}

	.row-home-intro {
		padding: 10px 0;
	}
	
	.button-container {
		gap: 10px;
	}
}