section {min-width: 100%;opacity: 0;}
.loaded section,.no-js section {opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.homeSlide{padding:130px 0 50px;}

.bcg {background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%;}

.hsContainer {width: 100%;height: 100%;/*overflow: hidden;*/position: relative;}

.hsContentLeft,.hsContentRight {position: absolute; left: 10%; top: -60px; color:#fff; width:40%; padding:40px;}
.hsContentmain {position: absolute; right: auto; left:auto; margin:auto; top: 20%; color:#fff; width:100%; height:100%;}
.hsContentRight {left:auto; right: 0;}
.hsContentLink{font-size:26px; color:#fff; display:block; text-transform:capitalize;}
.hsContentLink span::after{content:''; display:block; width:60px; height:5px; background:#fad919; -webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.hsContentLink:hover{color:#fad919;}
.hsContentLink:hover span::after{background:#186dc8;}

#slide-1 .bcg {background-image:url(../images/exterior-bg.jpg)}
#slide-2 .bcg {background-image:url(../images/interior-bg.jpg)}
#slide-3 .bcg {background-image:url(../images/hardware-bg.jpg)}
#slide-4 .bcg {background-image:url(../images/logistics-bg.jpg)}

.innerBg { padding:50px 0; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%;}
.milkFat-bg.innerBg {background-image:url(../images/milk-fat-bg.jpg)}
.ultraFat-bg.innerBg {background-image:url(../images/animal-nutrition-bg.jpg)}
.ultraFatVeg-bg.innerBg {background-image:url(../images/ultra-fat-vegitable.jpg)}
.felxitanks-bg.innerBg {background-image:url(../images/felxitanks-img1.jpg)}


@media only screen and (max-width:575px){
.hsContentLeft,.hsContentRight { left: 0; right:0; margin:auto;	 top: -12%; color:#fff; font-size:12px; width:90%;}
.hsContentLink{font-size:14px;}
.hsContentLink span::after{width:26px;}
}

@media only screen and (max-width:767.5px){
.hsContentLeft,.hsContentRight { left: 0; right:0; margin:auto;	 top: -12%; color:#fff; font-size:14px; width:90%; padding: 15px;}
.hsContentLink{font-size:14px;}
.hsContentLink span::after{width:26px;}
}


@media only screen and (min-width:768px){
.hsContentLeft,.hsContentRight { left: 10%; top: -12%; color:#fff; width:60%;}
.hsContentRight { left: auto; right: 2%;}
.hsContentLink{font-size:18px;}

}
@media only screen and (min-width:992px){
.hsContentLeft,.hsContentRight { top: -7%;}
.homeSlide {padding: 130px 0 20px;}
}

@media only screen and (min-width:1200px){
.homeSlide {padding: 130px 0 50px;}
.hsContentLeft,.hsContentRight {left: 10%; top:-12%; width:42%;}
.hsContentRight {left:auto; right: 0;}
.hsContentLink{font-size:26px;}
}