@media (max-height: 850px)	{
	.first-section {
		font-size: 13px;
	}
	.first-section img	{
		height: 390px;
	}
	
}

@media (max-height: 800px)	{
	.first-section {
		font-size: 13px;
	}
	.first-section img	{
		height: 330px;
	}
	
}
@media (max-height: 700px)	{
	.first-section {
		font-size: 13px;
	}
	.first-section img	{
		height: 300px;
	}
	
}

@media (max-height: 640px)	{
	.first-section {
		font-size: 12px;
	}
	.first-section img	{
		height: 220px;
	}
	
}
@media (max-width: 1380px)	{
	.container.wide	{
		width: auto;
	}
}
@media (max-width: 1280px)	{
	
	.first-section img	{
		height: 320px;
	}
	.navigation-dots {
		height: 215px;
		margin-top: -107.5px;
	}
	.navigation-dots div {
		width: 11px;
	    height: 11px;
	    margin: 18px 12px;
	    border: 2px solid #92571b;
	}
	.first-section .big-title .red-part {
		line-height: 7rem;
	}
	.first-section .big-title .middle-part .top, .first-section .big-title .middle-part .bottom {
		width: 65%;
	}
	.first-section .sub-title {
		font-size: 1.150em;
	}
	
}
@media (max-width: 1280px) and (max-height: 650px)	{
	.first-section img {
	    height: 280px;
	}
}
@media (max-width: 1280px) and (max-height: 590px)	{
	.first-section {
		font-size: 11px;
	}	
	.first-section img {
	    height: 230px;
	}
}
@media (max-width: 1280px) and (max-height: 540px)	{
	.first-section img {
	    height: 180px;
	}
}
@media (max-width: 1280px) and (max-height: 490px)	{
	.first-section {
		font-size: 10px;
	}	
	.first-section img {
	    height: 160px;
	}
	.first-section .scroller {
		bottom: 30px;
	}
}
@media (max-width: 1280px) and (max-height: 435px)	{
	.first-section {
		height: 450px;
	}
}
@media (max-width: 1080px)	{
	.first-section {
		font-size: 12px;
	}
	.first-section img	{
		height: 260px;
	}
}
@media (max-width: 1080px) and (max-height: 650px)	{
	.first-section img {
	    height: 280px;
	}
}
@media (max-width: 1080px) and (max-height: 590px)	{
	.first-section {
		font-size: 11px;
	}	
	.first-section img {
	    height: 230px;
	}
}
@media (max-width: 1080px) and (max-height: 540px)	{
	.first-section img {
	    height: 180px;
	}
}
@media (max-width: 1080px) and (max-height: 490px)	{
	.first-section {
		font-size: 10px;
	}	
	.first-section img {
	    height: 160px;
	}
	.first-section .scroller {
		bottom: 30px;
	}
}
@media (max-width: 1080px) and (max-height: 435px)	{
	.first-section {
		height: 450px;
	}
}
@media (max-width: 880px)	{
	
	.first-section .big-title .red-part {
		font-size: 5em;
		line-height: 5rem;
		padding: 0 5px;
	}
	.first-section .big-title .middle-part {
		font-size: 1.253em;
		line-height: 4.5rem;
		padding: 0 5px;
	}
	.first-section .big-title .middle-part .top, .first-section .big-title .middle-part .bottom	{
		width: 51%;
		height: 2px;
		top: 24%;
		margin: 0 17%;
	}
	.first-section .big-title .middle-part .bottom	{
		top: auto;
		bottom: 24%;
	}
	.first-section .sub-title {
	    font-size: 0.950em;
	    letter-spacing: 1px;
	}
	.first-section img	{
		height: 180px;
	}
	.navigation-dots {
	    height: 200px;
	    margin-top: -100px;
	}
	.navigation-dots div {
		width: 9px;
	    height: 9px;
	    margin: 18px 5px;
	}
}

@media (max-width: 768px)	{
	.menu-icon	{
		top: auto;
		right: 20px;
		bottom: 15px;
		width: 60px;
		height: 60px;
		background: #fff;
		border-radius: 30px;
		-webkit-box-shadow: 5px 5px 25px 5px rgba(113,100,88,0.2);
	    -moz-box-shadow: 5px 5px 25px 5px rgba(113,100,88,0.2);
	    box-shadow: 5px 5px 25px 5px rgba(113,100,88,0.2);
	}
	.menu-icon:before	{
		content: '';
		position: absolute;
	    background-image: url(../images/icon-menu.png);
	    background-position: center;
	    background-repeat: no-repeat;
	    width: 60px;
	    height: 60px;
	}
	.navigation-dots,
	.social-pane	{
		display: none;
	}
	.first-section .vertical-center-container	{
		margin-top: -20px;
	}
	.big-title	{
		margin: 0 auto;
    	width: 280px;
	}
	.big-title .col-xs-3 {
		width: 0;
    	padding: 0;
	}
	.first-section .big-title .red-part {
	    width: 110px;	
	}
	.first-section .big-title .middle-part {
		width: 60px;
	}
	.first-section img	{
		width: 100%;
		height: auto;
	}
}
@media (max-width: 768px) and (max-height: 415px)	{
	.fill	{
		height: auto;
	}
	.first-section {
		height: 480px;
	}
}


/*MENU_SECTION*/
@media (max-width: 1580px)	{
	
	.menu-section .container.wide	{
		width: 1220px;
	}
	.container.wide.two	{
		width: 820px;
	}
}
@media (max-width: 1480px)	{
	.menu-section .container.wide	{
		width: 980px;
	}
	.container.wide.two	{
		width: 820px;
	}
	.menu-section .item.centered img, .menu-section .item.centered .subtitle, .menu-section .item.centered .content{
		margin-left: 5%;
	}
	.menu-section .item.right img, .menu-section .item.right .subtitle, .menu-section .item.right .content	{
		margin-left: 5%;
	}
	.menu-section .subtitle, .menu-section .content	{
		width: 89%;
	}
	
	.menu-section .floating-selector {
		width: 445px;
	}
	
}
@media (max-width: 1480px) and (min-width: 990px)	{
	.menu-section .container.wide .item.right img, .menu-section .item.right .subtitle, .menu-section .item.right .content {
		margin-left: 25% !important;
	}
}
@media (max-width: 1280px)	{
	.menu-section	{
		font-size: 14px;
	}
	.menu-section .container.wide	{
		width: 850px;
	}
	.container.wide.two	{
		width: 820px;
	}
	.menu-section .item.centered img, .menu-section .item.centered .subtitle, .menu-section .item.centered .content{
		margin-left: 5%;
	}
	.menu-section .item.right img, .menu-section .item.right .subtitle, .menu-section .item.right .content	{
		margin-left: 5%;
	}
	.menu-section .subtitle, .menu-section .content {
	    width: 79%;
	}
	
	.menu-section .floating-selector {
		width: 405px;
	}
	
}
@media (max-width: 1080px)	{
	.menu-section	{
		font-size: 14px;
	}
	.menu-section .container.wide	{
		width: 800px;
	}
	.container.wide.two	{
		width: 760px;
	}
	
	.menu-section .item.centered img, .menu-section .item.centered .subtitle, .menu-section .item.centered .content{
		margin-left: 0;
	}
	.menu-section .item.right img, .menu-section .item.right .subtitle, .menu-section .item.right .content	{
		margin-left: 0;
	}
	.menu-section .subtitle, .menu-section .content {
	    width: 88%;
	}
	
}
@media (max-width: 990px)	{
	.first-section .big-title .middle-part .top, .first-section .big-title .middle-part .bottom {
	    width: 55%;
	}
	.menu-section	{
		font-size: 16px;
	}
	.menu-section .container.wide	{
		width: 75%;
		margin: 0 auto;
	}
	.menu-section .row,
	.menu-section .subtitle, 
	.menu-section .content	{
		text-align: center;
	}
	
	.menu-section .item.centered img, .menu-section .item.centered .subtitle, .menu-section .item.centered .content{
		margin-left: 0;
	}
	.menu-section .item.right img, .menu-section .item.right .subtitle, .menu-section .item.right .content	{
		margin-left: 0;
	}
	.menu-section .item .subtitle	{
		margin-top: 20px;
	}
	
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 9%;
		box-sizing: border-box;
	}
	.menu-section .subtitle, .menu-section .content {
/*	    width: 100%; */
	}
	
	.menu-section .item.align-center	{
		margin-left: 0;
	}
	.menu-section .item.align-center-sm	{
		margin-left: 25%;
	}
	
}
@media (max-width: 865px)	{
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 2%;
	}
	.xs-fill {
		height: auto;
	}
}
@media (max-width: 768px)	{
	.menu-section .container.wide	{
		width: 85%;
	}
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 7%;
	}
	.menu-section .item img	{
		height: 120px;
	}
	.menu-section .item .subtitle	{
		margin: 20px auto 20px auto;
	}
	.menu-section .item .content{
		display: none;
	}
}
@media (max-width: 525px)	{
	.menu-section {
		font-size: 13px;
	}
	.menu-section .item img	{
		height: 90px;
	}
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 10%;
	}
}
@media (max-width: 455px)	{
	.menu-section .container.wide	{
		width: 90%;
	}
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 6%;
	}
}
@media (max-width: 400px)	{
	.menu-section {
		font-size: 11px;
	}
	.menu-section .container.wide	{
		width: 100%;
	}
	.menu-section .item img	{
		height: 75px;
	}
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 10%;
	}
}
@media (max-width: 345px)	{
	.first-section .big-title .red-part {
	    width: 90px;
	    font-size: 4.5em;
	    line-height: 4.0rem;
	}
	.first-section .big-title .middle-part {
		font-size: 1.125em;
    	line-height: 4.0rem;
	}
	.menu-section {
		font-size: 11px;
	}
	.menu-section .container.wide	{
		width: 100%;
	}
	.menu-section .item img	{
		height: 75px;
	}
	.menu-section .item .subtitle, .menu-section .item .content{
		padding: 0 6%;
	}
}

/* SITES SECTIONS */
@media (max-width: 1680px)	{
	.container.wide	{
		width: 1170px;
	}
	.left-section .vertical-center-container {
		text-align: left;
	}
	.right-section .vertical-center-container {
		text-align: right;
	}
	.content-container	{
		width: 90%;
	}
	.mini-slider {
		margin-left: 0px;
	}
	.right-section .mini-slider {
	    margin-left: -60px;
	    margin-right: 0px;
	}
}
@media (max-width: 1480px)	{
	.container.wide	{
		width: 960px;
	}
	.mini-slider {
		font-size: 14px;
	}
	.mini-slider,
	.mini-slider .slides {
		width: 525px;
	}
	.mini-slider .slide-img {
		top: 55px;
		width: 270px;
	    height: 270px;
	    border-radius: 360px;
	    background-position: top center;
	}
	.mini-slider .slide-textbox {
		top: 176px;
		width: 360px;
    	height: 360px;
	}
	.mini-slider .slides .slide > .content {
		width: 260px;
		font-size: 13px;
	}
	.mini-slider .slides .slide .content .title {
		font-size: 1.563em;
		line-height: 1.250em;
	}
	.mini-slider .slides .slide .content .content p {
		font-size: 1.000em;
	}
}
@media (max-width: 1280px)	{
	.container.wide	{
		width: 900px;
	}
	.content-container {
		font-size: 14px;
	}
	.content-container .small-cmp-title {
		font-size: 0.938em;
	}
	.content-container .title {
		font-size: 2.871em;
	}
	.content-container .content {
		    font-size: 1.125em;
	}
	.right-section .mini-slider {
		margin-left: -30px;
	}
	.right-section .content-container {
		margin-left: 22%;
	}
	.mini-slider .slides .slide > .content {
		margin-left: -135px;
		width: 250px;
	}
	.left-section .mini-slider .slides .slide > .content	{
		margin-left: -145px;
	}
	.mini-slider .dashes .dash {
		width: 37px;
		height: 2px;
	}
	.mini-slider .dashes .dash.active {
		width: 37px;
		height: 3px;
	}
}
@media (max-width: 1120px)	{
	.container.wide	{
		width: 800px;
	}
	.mini-slider {
		font-size: 12.5px;
	}
	.mini-slider .dashes-wrapper {
		bottom: 25px;
		bottom: 0px;
	}
	.mini-slider,
	.mini-slider .slides {
	    width: 445px;
	}
	.mini-slider .slide-img {
		top: 140px;
		width: 290px;
	    height: 290px;
	    border-radius: 290px;
	}
	.content-container {
		font-size: 13px;
	}
	.mini-slider .slide-textbox {
		top: 226px;
		width: 300px;
    	height: 300px;
	}
	.mini-slider .slides .slide .content .title {
		font-size: 1.463em;
		line-height: 1.150em;
		margin-bottom: 10px;
	}
	.mini-slider .slides .slide > .content {
		width: 240px;
		font-size: 12px;
		top: 280px;
	}
	.right-section .mini-slider .slides .slide > .content {
		width: 240px !important;
		margin-left: -120px !important;
		margin-top: -20px;
	}
	
}
@media (max-width:990px)	{
	.container.wide {
	    width: auto;
	}
	.left-section .row, .right-section .row {
		height: auto;
	}
	.mini-slider	{
		height: 510px;
		margin: 0 auto;
	}
	.mini-slider .slide-img {
		top: 30px;
		top: 0px;
		width: 240px;
    	height: 240px;
	}
	.mini-slider .slide-textbox {
		top: 86px;
	}
	.mini-slider .slides .slide > .content {
		top: 140px;
	}
	.right-section .content-container {
		margin-left: 0;
	}
	.right-section .mini-slider {
		margin: 0 auto;
	}
	.left-section .vertical-center-container,
	.right-section .vertical-center-container {
		text-align: center;
	}
	.right-section.fill, 
	.left-section.fill {
	    min-height: 100%;
	    height: auto;
	}
	.float-icon {
		background-position: top center !important;
    	top: 30px;
	}

}
@media (max-width:990px)	{
	.content-container {
		width: 80%;
	}
}
@media (max-width: 520px)	{
	.mini-slider {
		height: 560px;
	}
	.mini-slider {
		font-size: 16px;
	}
	.float-icon {
		width: 100%;
	}
	.right-section .mini-slider .slide-img, 
	.mini-slider .slide-img {
		width: 360px;
		height: 360px;
	    right: 130px;
	    top: 30px;
	    left: auto;
	}
	.mini-slider .slide-textbox {
		top: 106px;
		width: 390px;
		height: 390px;
		right: 0;
	    left: 50%;
	    margin-left: -195px;
	}
	.mini-slider .slides .slide .learn-more {
		right: 30px;
	    bottom: auto;
	    top: 60px;
	}
	.mini-slider .slides .slide .content .title {
		font-size: 1.563em;
		line-height: 1.250em;
		margin-bottom: 20px;
	}
	.mini-slider .slides .slide > .content {
		top: 195px;
		width: 300px;
    	font-size: 15px;
	}
	.left-section .mini-slider .slides .slide .learn-more {
		right: 30px;
	}
	.mini-slider .arrows {
	    position: absolute;
	    width: 80px;
	    height: 40px;
	    top: 83%;
	    left: 50%;
	    margin-left: -40px;
	    /* margin-top: -20px; */
	    z-index: 1;
	}
}
@media (max-width: 470px) {
	.wrapper .placeholder {
		width: 100%;
		height: 560px;
	}
	.right-section .mini-slider, 
	.mini-slider {
		position: absolute;
		top: 0;
		left: 50%;
    	margin-left: -220px;
	}
	.content-container {
		width: 100%;
	}
	.mini-slider .slides .slide .learn-more {
		right: 45px;
	}
	.mini-slider .slides .slide > .content {
		top: 195px;
		width: 275px;
    	font-size: 15px;
    	margin-left: -130px;
	}
	.mini-slider .slides .slide .content .title {
		margin-bottom: 15px;
	}
	.mini-slider .slides .slide .content .content p {
    	margin: 0;
	}
	.mini-slider .dashes-wrapper {
		margin-left: 10px;
	}
	.mini-slider .dashes {
		padding-right: 17px;
    	box-sizing: content-box;
	}
	.clearfix	{
		clear: both;
	}
	/*.right-section .row,
	.right-section .row {
		height: 
	}*/
	.right-section.fill, 
	.left-section.fill {
	    min-height: 100%;
	    height: auto;
	}
}
@media (max-width: 380px)	{
	.mini-slider {
		font-size: 15px;
	}
	.mini-slider .slides .slide .content .title, 
	.mini-slider .slides .slide .content .content {
		width: 94%;
    	margin-left: 3%;
	}
}


@media (max-width: 1100px)	{
	.footer-section {
		display: none;
	}
	.footer-mobile {
		display: block;
	}
}

@media (max-width: 990px)	{
	.links-wrapper {
		margin-top: 35px;
		width: 194px;
	}
}

@media (max-width: 768px)	{
	
	.social-pane	{
		display: none;
	}
	
	.menu-section	{
		margin-top: 50px;
	}
	
	/*.links-wrapper {
	    width: 175px;
	}*/
	
}

@media (max-width: 740px) and (min-width: 613px)	{
	.menu-section .item .subtitle {
		min-height: 69px;
	}
}






/*custom width for background image*/
@media (max-width: 1380px) and (min-width: 990px)	{
	.float-icon {
		height: 100%;
		top: -10px;
	}
	.section .float-icon.small-scale-big-impact	{
		
	}
	.section .float-icon.ingredients-for-a-circular-economy	{
		top:40px;
	}
	.section .float-icon.reference-intake	{
	}
}
