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

	.single-product-details .label{
		right:-20px;
	}
	
	#banner{
		min-height:600px;
	}
	
	#banner .text h1{
		font-size:40px;
	}	

	#banner img.bottle{
		width:170px;
		height:auto;
		right:-85px;
	}

}

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

	.footer-links .links.last{
		width:350px;
	}

	.footer-links{
		padding:60px 0;
	}

}


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

	.home .woocommerce ul.products{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 50px;
	}	

	.footer-links .links{
		margin-right:100px;
		padding-right:100px;
	}
	
	
	.footer-links .links.last{
		clear:both;
		float:none;
		padding-top:50px;
	}
	
	#footer .pay-securely{
		right:6%
	}	
	
	
}


@media all and (max-width: 1180px) {
	
	#banner{
		min-height:550px;
	}	
	
	#banner img.bottle{
		width:140px;
		right:-70px;
	}

	
	#banner .text{
		padding:50px 8%;
	}
	
	.goals .products{
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;	
	}
	
	.goals .products .product span.title {
		font-size:18px;
		padding: 12px 10px;

	}	
	
}



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

	#banner{
		min-height:480px;
	}	

	#banner .text h1{
		font-size:32px;
	}

	#banner .text h2{
		font-size:28px;
	}

	
	.footer-links .links{
		margin-right:70px;
		padding-right:70px;
	}	
	
	

}

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

	#header{
		padding:10px 0 10px 0;
	}
	
	#header a.logo{
		float:none;
		margin:0 auto;
		display:block;
		width:300px;
	}	
	
	#header h2.header-slogan {
		padding-left: 0;
		padding-top: 0;		
		position: relative;
		left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin:0 auto;
    display:block;
    text-align:center;
    font-size:24px;
    bottom:5px;
	}
	
	#header #topbar.nav-down h2.header-slogan {
		padding-top: 0;
	}		
	
	.top-nav{
		float:none;
		position:absolute;
		right:20px;
		top:20px;	
	}
	
	#topbar.nav-down{
		padding-top:0;
	}
	
	#navigation .setwidth,	
	.feature-list{
		display:none;
	}
	
	#navigation ul.nav li.mega-menu ul.sub-menu{
		display:none !important;
	}
	
	#navigation{
		background:none;
		position:absolute;
		left:20px;
		top: 50px;
	}	
	
	#navigation ul.nav li.mobile-menu{
		display:block;
	}	
	
	#header #topbar.nav-down #navigation{
		bottom:22px;
		top:auto;
	}
	
	#navigation a.showhidemenu{
		display:inline-block;
		font-size:32px;
		color:#000;
	}
			

	#navigation .setwidth{
		background-image: linear-gradient(120deg, #ffffff 80%, #eee 70%);
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:100%;
	}


	#navigation ul.nav{
		width:100%;
		margin-bottom:30px;
	}
	
	#navigation ul.nav li {
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #eee;
		padding:4px 0;
	}

	#navigation ul.nav li a,
	.mobile-menu-elements{
		display:block;	
	}
	
	#navigation ul.nav li a{
		font-size:17px !important;
		padding:6px 0 !important;
		color:#5d94d6
	}
	
	a.mobile-logo{
		display:block;
		width:100%;
		text-align:center;
	}
	
	a.mobile-logo img{
		margin:35px auto 30px auto;		
		width:80%;
		max-width:300px;
		height:auto;
	}
	
	.close-mobile-menu{
		float:right;
		position:relative;
		top:10px;
		right:0;
		font-size:28px;
	}
	
	
	#navigation ul.nav li.mega-menu.menu-item-has-children > a:after{
		content: "";
		padding-right:0;	
		right:auto;
		top:auto
	}
	
	#navigation ul.nav li.default-menu.menu-item-has-children > a:after {
		padding-right: 0;
		padding-left: 10px;
		right: auto;
		top: 10px;
	}
	
	#navigation ul.nav li.default-menu ul.sub-menu {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		padding: 0 0 20px 0;
	}	
	
	#navigation ul.nav li.default-menu ul.sub-menu li{
		border:0;
	}
	
	#navigation ul.nav li.default-menu ul.sub-menu li a {
		font-size: 15px !important;
		padding: 4px 0 !important;
	}
	
	#navigation h4{
		float:none;
		width:100%;
		text-align:center;
		display:block;
		font-size:20px !important;
	}
	
	#navigation h4,
	#navigation h4 a{
		color:#5d94d6
	}	
	
	#footer .footer-bottom .copyright{	
		width:80%;
	}	
	
	form#registerform{
		margin-top:0;
	}
	
	.page-template-page-register .post-content-980-table{
		display:table;
	}
	
	.page-template-page-register .post-content-left{
		display: table-footer-group;
		float:none;
		width:100%;
	}
	
	.page-template-page-register .post-content-right{
		display: table-header-group;
		float:none;
		width:100%;		
	}
	
	.tabs-container ul.tabs li{
		display:block;
		width:100%;
	}
	
}

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

	#banner,
	#banner .banner-right,
	#banner .banner-left{
		display:block;
		width:100%;
		min-height:auto;
	}
	
	#banner{
		background-image:none !important;
	}
	
	#banner .banner-right{
		height:380px;		
		background-position:center top;
	}	
	
	#banner .banner-left{
		padding:5%;
		background-image:url('images/banner-bg-left.jpg') !important;
		background-size:contain;
		background-color:#000;
	}

	#banner .banner-left:after {
		content: "";
		display: table;
		clear: both;
	}

	#banner .text {
		padding: 0;
		float:left;
		width:80%;
    position: relative;
    z-index: 5;		
	}

	#banner .text p {
		font-size: 24px;
		padding: 5px 40px 5px 0;
	}

	#banner .text h2 {
		font-size:19px;
		padding: 5px 0 10px 0;
	}

	
	#banner .banner-right img.hero{
		display:block;
		width:100%;
		height:auto;
	}	
	
	#banner img.bottle{
		right:5%;
		max-height: 75%;
		width:auto;
	}
	
	#banner .text .btn {
		margin-top: 10px;
	}	
	
	#banner .text .btn{
		padding:8px 25px;
		font-size:16px;
	}	
	

	#recent-news{
		margin-top:0;
	}	
	
	#recent-news .table{
		display:block;
		width:100%;
	}
	
	#recent-news .table-cell{
		display:block;
		width:100%;
		margin-bottom:30px;
	}	

	.box.table-cell.facebook{
		padding:0;
	}
	
	table.alg_wc_variations_table tr {
		float: none;
		width: 100%;
		margin-right: 0;
	}	
	
	
	#testimonials{
		padding:80px 40px;
	}	
	
	#testimonials .testimonial {
		padding: 5px 25px 40px 25px;
	}	
	
	#testimonials .setwidth{
		padding:40px;
	}
	
	#testimonials .table,
	#testimonials .testimonial-left,
	#testimonials .testimonial-right,
	#testimonials .testimonial-middle{
		display: flex;
		flex-direction: column;
		width:100%;
	}

	#testimonials .testimonial-middle{
		max-width:400px;
		margin: 0 auto;
		order: 1;
	}
	
	#testimonials .testimonial-left{
		order: 2;
		padding-top:30px;
	}
	
	#testimonials .testimonial-right{
		order: 3;
	}

}


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

	.footer-links .links.company-info{
		border-right:0;
	}

	.footer-links .links.last{
		width:100%;
		max-width:100%;
	}	
	
	#footer .pay-securely{
		position:relative;
		right:auto;
		top:auto;
		text-align:center;
		margin-top:40px;
	}	
	
	
	.featured-product {
		padding: 40px 0 0 0;
	}	
	
	.featured-product .featured-product,
	.featured-product .featured-image,
	.featured-product .featured-text{
		width:100%;
		display:block;
	}

	.featured-product .featured-image{
		background-image:none !important;
	}

	.featured-product .featured-image img{
		display:block;
		margin:0 auto;
		padding:30px 30px;
		
	}

	.featured-product .featured-text {
		padding: 0px 40px 40px 40px;
	}

	.seen{
		padding:0 20px 40px 20px;
	}

	
	.seen p{
		font-size:26px;
	}

	.seen img{
		max-width:300px;
	}

	.guarantee-panel .text {
		max-width: 580px;
	}

	.guarantee-panel .text h2{
		font-size:28px;
	}

	.guarantee-panel .text p,
	.guarantee-panel .text p a{		
		font-size:19px;
	}

}



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

	.tabs-container ul.tabs li a{
		padding:8px 25px;	
	}	
	
}


@media all and (max-width: 840px) {
	
	#header #topbar span.text{
		display:none;
	}

	#header #topbar.nav-down .top-nav{
		float:none;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		padding:4px 20px;
		text-align: right;
		background:#5d94d6;
	}	
	
	#header #topbar.nav-down .top-nav a{
		font-size: 13px;	
		color:#fff;
		margin-left:20px;
	}
	
	#header #topbar .top-nav a i.fas{
		font-size:26px;	
		margin-right:0;
	}
	
	#header #topbar.nav-down .top-nav a i.fas{
		color:#fff;
	}	
	
	#navigation{
		left: 16px;
		top: 45px;
	}		

	.woocommerce .content-area {
		padding-top: 20px;
	}

	#header{
		padding-top:0;
	}

	#header a.logo{
		padding-top:10px;
		max-width:220px;
	}	
	
	#header h2.header-slogan {
		font-size: 18px;
	}	

	.body-nav-down #header a.logo{
		padding-top:38px;
	}

	.body-nav-down #header h2.header-slogan {
		font-size: 14px !important;
	}	

	#header #topbar.nav-down #navigation {
		bottom: 4px;
	}

	#products{
		padding:50px 0;
	}
	
	.home #products{
		padding-top:0;
	}


	.home .woocommerce ul.products{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.featured-product {
		margin-top:0;
	}	
	
	.featured-product .featured-text .btn {
		width: 100%;
		text-align: center;
	}	

	#products .table{
		display:block;
		width:100%;
	}

	.woocommerce ul.products li.product{
		width:100% !important;
		display:block;
		margin:0 auto 30px auto !important;
		float:none !important;
		clear:both;
		height: auto !important
	}
	
	.woocommerce ul.products li.product .label{
		font-size: 15px;
		padding:6px 20px 6px 20px;
	}


	.woocommerce ul.products li.product:first-of-type{
		margin-top:50px !important;
	}

	.home .woocommerce ul.products li.product:first-of-type{
		margin-top:0px !important;
	}

	.woocommerce ul.products li.product:after{
		content: "";
		display: table;
		clear: both;
	}
	
	.panel{
		padding:0 0 0 0;
	}

	.panel .table,
	.panel .table-cell{
		width:100%;
		display:block;
	}	
	
	.panel .table-cell:first-of-type{
		min-height:250px;
	}
	
	.woocommerce-page div.product div.summary{
		width: 100% !important;
		float:none;
		padding-top:40px;
	}   

	.woocommerce div.product div.images.woocommerce-product-gallery{
		width: 70%;
		float:none;
		margin:0 auto;
	}   	
	
	
	.single-product-details .label {
		position:absolute;
		float:none;
		top:0;
		right:0;
	}
	
	.woocommerce div.product .product_title{
		float:none;
		width:100%;
	}


	.home .panel .table-cell {
    padding-bottom: 20px;
	}

	.goals .products{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;		
	}

	.goals .products .product span.title {
		font-size: 16px;
	}
	
}

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


	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals{
		min-width:auto;
	}
	
	.blog-posts .post,
	.blog-posts .post:nth-child(odd){
		float:none;
		width:100%;
		padding:0 0 50px 0;
		margin:20px 0 80px 0;	
		height:auto !important;
	}
	
	.woocommerce table.shop_table_responsive .qib-button-wrapper {
		float: none;
		text-align: right;
		justify-content: end;
		margin-right: 0;
	}

	.woocommerce form.woocommerce-cart-form table.shop_table > tbody > tr:last-child .coupon input {
		width: 50%;
	}
	
	.woocommerce form.woocommerce-cart-form table.shop_table > tbody > tr:last-child .coupon {
		margin-bottom:20px;
	}

}

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

	.tabs-container ul.tabs li a{
		padding:8px 15px;	
		font-size:14px;
	}	
	
}


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

	#topstrap h3{
		font-size:14px !important;
	}

	#header #topbar.nav-down a.logo{
		width:140px;	
	}
	
	#header #topbar.nav-down h2.header-slogan{
		font-size:18px;
	}	

	.footer-links .links{
		float:none;
		margin-right:0;
		border-right:0;
		padding-right:0;
		min-height:auto;
		max-width:100%;
	}

	.footer-links .links.company-info{
		padding-top:50px;
	}

	.tab-content{
		padding: 10px 10px !important;
	}

}

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

	.promo-banner .offer-txt{
		padding-right:15px;
	}

	.promo-banner .offer-txt h3{
		color:#fff;
		font-size:18px !important;
	}
	
	.panel .table-cell {	
		padding: 50px 0;
	}

	.single-product .single_add_to_cart_button.button.alt {
		width: 250px;
	}	

}


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

	#banner img.bottle {
		max-height: 60%;
	}

	#banner .text h1{
		font-size:22px;
	}

	#banner .text p{
		font-size:18px;
	}

	#banner .text {
		width: 90%;
	}

	#banner .text .btn {
		margin-top: 0px;
	}

}


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

	#navigation {
		top: 34px;
	}

	#header a.logo {
		max-width: 180px;
	}
	
	#header a.logo {
    margin: 0 0 0 50px;
	}	
	
	#header h2.header-slogan {
		-webkit-transform: none;
		transform: none;
		margin: 0 0 0 50px;
		text-align: left;
	}	
	
	#header h2.header-slogan {
		font-size: 12px;
		padding: 5px 0 0 0;
	}

	.top-nav a {
		margin-left: 12px;
	}

	#topstrap h3{
		font-size:12px !important;
	}

	.woocommerce div.product div.images.woocommerce-product-gallery{
		width: 100%;				
	}   	


	.wpcf7 input[type=text],
	.wpcf7 input[type=tel],
	.wpcf7 textarea, 
	.wpcf7 input[type=email],
	.wpcf7 select{
		width:100%;
	}	


	.checkout_coupon.woocommerce-form-coupon{
		float:none;
	}

	.checkout_coupon.woocommerce-form-coupon input#coupon_code{
		width:100% !important;
		height: auto;	
		margin-bottom:5px;
		float:none;
	}

	.checkout_coupon.woocommerce-form-coupon .form-row,
	.checkout_coupon.woocommerce-form-coupon .button,
	.checkout_coupon.woocommerce-form-coupon{
		float:none !important;
		width:100% !important;
		padding:0;
		margin:0 0 5px 0!important;
	}

	.coupon.under-proceed .button{
		width:100% !important;
		height: auto;	
		float: none;
		margin-left: 0;
	}

	
	.blog-post-navigation .table-cell{
		width:100%;
		clear:both;
		display:block;
		vertical-align:middle;
		position: relative;
	}	
	
	body.single-product .qib-button.qib-button-wrapper {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin: 0 auto 20px auto !important;
    text-align: center;
	}	

	.single-product .single_add_to_cart_button.button.alt {
		margin: 0 auto;
		display: block;
		text-align: center;
	}

	.mbg-link {
		text-align: center;	
	}

	.single-product .single_add_to_cart_button.button.alt {
		width:100%;
	}

	.single-product  .qib-button-wrapper {
		display: flex;
		float: none;
		margin: 0 auto 20px auto;
	}	


	.goals .products .product span.title {
		font-size: 14px;
	}
}

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

	.tabs-container ul.tabs li a{
		padding:8px 10px;			
	}
	
	#banner img.bottle {
		max-height: 50%;
	}


}