@media all and (max-width: 1500px) {

	#header ul#header-nav li a, #header ul#header-c2a-nav li a {
		padding: 0 10px;
	}

}

@media all and (max-width: 1300px) {

	#wrapper{
		background-size:100vh;
	}

}

@media all and (min-width: 1221px) {

	#header ul#header-nav{
		display:block !important;
	}

}

@media all and (max-width: 1220px) {

	.hamburger{
		display:block;
	}
	
	#header ul#header-nav{
		display:none;
	}

	#header ul#header-nav{
		position:absolute;
		right:15px;
		top:85%;
		width:300px;
		z-index:9;
		text-align:right;
	}
	
	#header ul#header-nav li{
		float:right;
		background:#fff;
		margin:5px;
		clear:both;
	}
	
	#header ul#header-nav li a{
		padding:5px 30px;
		border-bottom:5px solid #00ad7e;
	}
	
	
	#header ul#header-nav li.menu-item-has-children > a:after,
	#header ul#header-nav ul.sub-menu{
		display:none !important;
	}	

	.banner .textbox{
		left:4%;
	}	

	.banner .textbox h1{
		font-size:42px;
		line-height:1.2em;
	}

	.banner .textbox h2{
		font-size:26px;
	}	

}

@media all and (max-width: 980px) {

	.home .banner{
		margin-bottom:0;
	}
	
	.introduction {
		padding-bottom:50px;
	}
	
	
	.introduction h2 {
		max-width:80%;
	}	

	.introduction .text,
	.introduction .ticks{
		float:none;
		width:100%;
	}

	.introduction .ticks{
		max-width:800px;
		margin: 0 auto;
	}
	

	.introduction .ticks li{

	}
	
	.gallery .post-content {
		padding: 30px 0;		
		max-width:100%;
	}	
	
	.product-panels .product,
	.product-panels .product:nth-child(even){
		float:none;
		margin:20px auto 20px auto;
		height: auto !important;
		padding-bottom:0;
		width:100%;
		max-width:980px;
	}



	.product-panels .text-wrapper .buttons .btn {
		margin: 0 0 12px 0;
		width: 100%;
	}


	#product-tabs ul.tab-links{
		text-align:left;
		padding-top:20px;
	}
	
	#product-tabs ul.tab-links li{
		padding:0;
		display:block;
	}

	#product-tabs ul.tab-links li a{		
		font-size:22px;
		padding:8px 10px;
		border-bottom:3px solid #eee;	
	}
	
	#footer{
		margin-top:40px;
	}	

}


@media all and (max-width: 890px) {

	.banner .bx-wrapper video,
	.banner .bx-wrapper img{
		max-height: 50vh;
		min-height: 50vh;
	}
	.banner .textbox{
		position:relative;
		max-width:100%;
		width:100%;
		top: auto;
		transform: none;
		left:auto;		
		background:#000;
		padding:30px 30px;
	}	
	
	.banner .textbox h1{
		font-size:28px;
		padding-bottom:10px;
	}

	.banner .textbox h2{
		font-size:21px;
	}		

	.banner span.banner-badge,
	.banner span.banner-badge-2{
		top: 25px;
		height:150px;
		width:150px;
	}

	.banner span.banner-badge-2 {
		top: 190px;
	}

	.products .product h2 {
		font-size:24px;
	}

	.products .product h4 {
		font-size:16px;
		margin: 0 auto;
		padding: 10px 20px 20px 20px;
	}

	#wrapper{
		background-size:70vh;
	}


	.grid.col3{
		grid-template-columns: repeat(2, 1fr);
	}

	.boxes .box,
	.boxes .box:nth-child(3n+1),
	.boxes .box:nth-child(3n){
		width:48%;
		float:left;
		margin-right:0;
		clear:none;
		margin-bottom:30px;
	}

	.boxes .box:nth-child(even){
		float:right;
	}


}


@media all and (max-width: 740px) {

	.footer-icons ul li:nth-child(3) {
		clear: left;
	}

}


@media all and (max-width: 680px) {

	.introduction {
		padding-bottom: 0;
	}

	.buttons {
		padding-top: 40px;
	}

	.introduction .ticks li{
		width: 140px;
		height: 140px;
  	margin:0 2% 3% 2%;
	}

	.introduction .ticks li i{
		font-size:38px;
	}	
	
	.introduction .ticks li span{
		font-size:14px;
		line-height:1.2em;
	}	

	.products .product,
	.products .product:nth-child(even){
		float:none;
		width:100%;
		text-align:left;
		border-bottom:10px solid #eee;
		padding-bottom:25px;
	}
	
	.products .product h4{
		height: auto !important;
		max-width:100%;
		padding-left:0;
	}


	.products-single .product .table-cell,
	.products-single .product .table,
	.products-single .product .table-cell.desc{
		display:block;
		width:100%;
	}

	.products-single .product .table-cell.desc{
		padding:0;
	}

	.grid.col2,
	.grid.col3{
		grid-template-columns: repeat(1, 1fr);
	}

	
	#footer .footer-left,
	#footer .footer-right,
	#footer .footer-section{
		float:none;
		text-align:left;
		width:100%;
		clear:both;
	}

	#footer .footer-section.last{
		padding-top:40px;
	}	

}

@media all and (max-width: 580px) {

	#wrapper{
		padding-bottom:150px;
	}

	.introduction h2 {
		padding-bottom: 40px;
		font-size: 32px;
	}

	p.large, .p-large p, .page-introduction p {
		font-size: 19px;
	}

	#header ul#header-c2a-nav li.telephone{
		display:none;
	}
	
	.boxes .box,
	.boxes .box:nth-child(3n+1),
	.boxes .box:nth-child(3n),
	.boxes .box:nth-child(even){
		width:100%;
		float:none;
		clear:both;
		height: auto !important;
	}
	
	.products-single .product .images-wrapper a,
	.products-single .product .images-wrapper a:nth-child(3n){
		float:none;
		margin:20px 0 20px 0;
		width:100%;
	}

	.benefits-tab-content .post-content ul{
		margin: 20px 20px;
	}

}




@media all and (max-width: 520px) {

	.hamburger {
  	margin-left:30px;
	}

	.contactform .wpcf7 .field .right-contact,
	.contactform .wpcf7 .field .left-contact{
		width:100%;
		float:none;
	}

	.banner span.banner-badge,
	.banner span.banner-badge-2{
		height:130px;
		width:130px;
		right:20px;
	}

	.banner span.banner-badge-2 {
		top: 170px;
	}
	
	.footer-icons ul li{
		margin-right:15px;
	}	

	.footer-icons img{		
		height:80px;
	}



}