@media (max-width: 1366px) {}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a {font-size: 14px; padding: 34px 10px;}
	.benefitSection .titleBox h1{display: none;}
	.benefitSection .titleBox h5{margin-bottom: 30px;}
	
	.benefitSection .row>.pr-0{padding-right: 15px;}
	.benefitSection .row>.pl-0{padding-left: 15px;}
	
	.teamSection:before{opacity: 0.3;}
	
	
}
@media (max-width: 860px) {
	.bannerText h1.textH1{font-size: 50px !important; line-height: 1;}
	.bannerText h1 .h1blue{line-height: 1;}
	.freshness {padding-left: 35px; max-width: 220px;}
	.banner {height: 550px;}
	
	h1 {font-size: 30px; line-height: 1.2;}
	
	
	
}
@media (max-width: 767px) {
	.aboutSection,
	.benefitSection,
	.productsSection,
	.teamSection {padding: 70px 0px;}
	
	.h1blue {padding-left: 130px;}
	
	.banner {height: 450px;}
	
	.benefitSection .col-md-8.pr-0 {padding-right: 15px;}
	.benefitSection .col-md-4.pl-0 {padding-left: 15px;}
	.navbar-toggle {margin-top: 25px;}
	
	.aboutSection{padding-bottom: 300px;}
	
	.aboutSection:before {width: 100%; height: 300px; bottom: 0; left: 0; background: url(../images/aboutImgMobile.png) center bottom no-repeat; background-size: contain;}
	.productsSection img.img-responsive {width: 100%; max-width: 250px; margin: 0 auto;}
	
	.conInfo {padding-top: 40px; padding-left: 15px;}
	
	.textInfo h3 {font-size: 20px;}
	h1 {font-size: 26px;}
	
	.navbar-inverse .navbar-nav>li>a { font-size: 15px; padding: 15px 20px;}
	
	.productsSection .col-md-6.textWrap,
	.productsSection .col-md-6.textWrap .container{padding: 0;}
}
@media (max-width: 640px) {}
@media (max-width: 480px) {
	.flexTabNav{ overflow-y: scroll;}
	.banner {background-position: right -50px center;}
	.bannerText h1.textH1 {font-size: 40px !important;}
	.h1blue {padding-left: 105px;}
	freshness {padding-left: 30px; max-width: 200px;}


}
@media (max-width: 360px) {}