@font-face {
	font-family: 'gilroy-bolduploaded_file';
	src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
		 url('../fonts/gilroy-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'gilroy-blackuploaded_file';
	src: url('../fonts/gilroy-black-webfont.woff2') format('woff2'),
		 url('../fonts/gilroy-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'gilroy-lightuploaded_file';
	src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
		 url('../fonts/gilroy-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'gilroy-mediumuploaded_file';
	src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
		 url('../fonts/gilroy-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'gilroy-regularuploaded_file';
	src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
		 url('../fonts/gilroy-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
body{
	font-family: 'gilroy-regularuploaded_file';
	color: #231F20
}
body.fullScreen {
    overflow: hidden;
}
a{
	text-decoration: none;
	outline: none
}
figure{
	margin: 0;
	padding: 0
}
main{
	margin: 0;
	padding: 0;
	overflow: hidden
}
#headerLarge{display: block}
#mobileHeader{display: none}
#headerLarge {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #FFF;
    transition: all 0.5s ease;
}
#headerLarge.nav-up {
  top: -140px
}
#mobileHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #FFF;
    transition: all 0.5s ease;
}
#mobileHeader.nav-up {
  top: -140px
}
.largeBanner{display: block !important}
.mobileBanner{display: none !important}

.largeScreen{display: block !important}
.smallScreen{display: none !important}

.banner-section{
	margin-top: 140px;
	text-align: center
}

.logoWrap{
	margin: 0;
	padding-top: 25px;
	padding-bottom: 25px
}
.pt-custom {
    padding-top: 3rem !important;
 }
.pb-custom {
	padding-bottom: 8rem !important;
 }
.py-custom {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
 }
.px-custom{
	padding-left: 3rem!important;
	padding-right: 3rem!important
}

a{
	display: block
}
h1{
	font-family: 'gilroy-blackuploaded_file';
	font-size: 60px;
	color: #ED2120
}
h2{
	font-family: 'gilroy-blackuploaded_file';
	font-size: 50px;
	line-height: 60px;
	color: #ED2120;
	text-transform: uppercase
}
h2.subHead{
	font-size: 40px;
	line-height: normal;
	font-family: 'gilroy-bolduploaded_file'
}

h2.subHead2{
	font-size: 45px;
	line-height: normal;
	font-family: 'gilroy-bolduploaded_file'
}

h3{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 40px;
	color: #231F20
}
h3.subHead{
	font-size: 40px;
	line-height: normal;
	font-family: 'gilroy-bolduploaded_file'
}
h4{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 25px;
	color: #231F20;
}
h5{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 25px;
	color: #231F20;
}
h6{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 25px;
	color: #ED2120
}
h6.headingLarge{
	font-size: 40px;
	color: #ED2120
}
p{
	font-family: 'gilroy-mediumuploaded_file';
	font-size: 20px;
	line-height: normal
}
p.paragraph1{
	font-size: 16px;
}
p.paragraph2{
	font-size: 25px;
}
p.paragraph3{
	font-size: 20px;
}
p.paragraph4{
	font-size: 22px;
}
.d-flex-custom{
	text-align: center
}
strong{
	font-family: 'gilroy-mediumuploaded_file';
	font-weight: normal
}

#goTopBtn {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 80px;
	right: 20px;
	z-index: 999;
	border: none;
	outline: none;
	cursor: pointer;
	display: none;
	transform: scale(0.8); 
	transition: all 0.3s ease;
}
#goTopBtn:hover {
	transform: scale(1);
}
img.free-radicals{
	width: 75%
}
.subHead3{
	font-family: 'gilroy-bolduploaded_file';
    font-size: 30px;
    color: #231F20;
}

.feed-additives-content h2.largeHead{
	font-family: 'gilroy-bolduploaded_file';
	font-weight: normal;
	font-size: 58px;
}
.feed-additives-content ul{
	font-size: 20px;
	list-style: none;
	padding-left: 0
}

.feed-additives-content ul.custom-bullet1 li {
    background-image: url("../images/ellipse.png");
    background-position: left top 7px;
    background-repeat: no-repeat;
    background-size: 12px;
    margin: 0 0 1rem;
    padding: 0 0 0 25px;
	font-family: 'gilroy-mediumuploaded_file';
    font-size: 25px;
	line-height: normal
}

.feed-additives-content ul.custom-bullet1 li strong{
	font-family: 'gilroy-mediumuploaded_file';
	font-weight: normal
}
.textBold strong{
	font-family: 'gilroy-bolduploaded_file' !important;
	font-weight: normal 
}

.feed-additives-content ul.custom-bullet2 li {
    background-image: url("../images/bullet.png");
    background-position: left top 5px;
    background-repeat: no-repeat;
    background-size: 18px;
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 25px;
    line-height: normal;
}

.custom-text-color1{
	color: #8E8E8E !important
}

.custom-text-color2{
	color: #ED2120 !important
}

.paddingLeft{
	padding-left: 100px
}
.zikzak-content p{
	font-family: 'gilroy-mediumuploaded_file';
}
.textCapitalized{
	text-transform: capitalize
}
.menuWrap{
	display: flex;
	align-items: center;
	justify-content: flex-end
}
.logo{
	width: 120px;
	margin: 0;
	padding: 0;
	outline: none
}
/********************************************************/
	.btn {position: relative; margin: 0;padding: 0;border: 0;border-radius: 200px;outline: 0;box-sizing: border-box;box-shadow: none;-webkit-appearance: none;-moz-appearance: none; appearance: none; 
	background-color: rgba(27, 29, 28, 0);cursor: pointer;transition: all 0.3s ease;z-index: 100;}
	.btn:focus{box-shadow: none}
	.btn--hamburger {width: 40px;height: 20px;}
	.navbar__hamburger {transform: translateY(-50%);position: absolute;top: 50%; right: 3rem!important}
	.btn--hamburger__line {content: ''; display: block; position: absolute; right: 0; width: 100%; height: 3px; background-color: #231F20; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.5s ease-in-out; border-radius: 10px}
	.btn--hamburger__line.top {top: 0}
	.btn--hamburger__line.mid {width: 65%; top: 9px; opacity: 1}
	.btn--hamburger__line.bottom {bottom: -1px}
	.is-menu-active .btn--hamburger__line.top {top: 42%;transform: rotate(45deg)}
	.is-menu-active .btn--hamburger__line {background-color: #231F20}
	.is-menu-active .btn--hamburger__line.mid {opacity: 0}
	.is-menu-active .btn--hamburger__line.bottom {bottom: 45%; transform: rotate(-405deg)}
	.btn.d-sm-none{display: none}
/********************************************************/
.brandRed{
	background-color: #DC1B22
}
.brandRed a{
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none
}
.brands-showcase{
	width: 411px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99
}
.brands-showcase video{
	width: 100%
}
.svg-icon {
  width: 1em;
  height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #FFFFFF;
}

.svg-icon circle {
  stroke: #FFFFFF;
  stroke-width: 1;
}

.site-primary-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}
.site-primary-menu li {
	padding: 0 50px 0 0;
	position: relative;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: all 0.5s ease;
}
.site-primary-menu li:last-child{
	padding-right: 0
}
.site-primary-menu li a {
	color: #231F20;
	font-size: 15px;
	text-decoration: none;
}
.site-primary-menu li a:hover,
.site-primary-menu li.active a{
	color: #DC1B22;
}
.site-primary-menu .sub-menu {
	position: absolute;
	left: -30px;
	top: 125px;
	z-index: 9999;
	width: 300px;
	padding: 5px 0 0 0;
	margin: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	list-style: none;
	background-color: transparent;
	overflow: hidden;
}
.site-primary-menu .sub-menu li {
	text-align: left;
	justify-content: flex-start;
	height: auto;
	padding: 0 30px;
	transition: all 0.5s ease;
	position: relative;
	border-bottom: 1px solid #DEDEDE;
	background-color: #FFFFFF;
}
.site-primary-menu .sub-menu li:first-child{
	border-radius: 20px 20px 0 0;
}
.site-primary-menu .sub-menu li:last-child{
	border-bottom: none;
	border-radius: 0 0 20px 20px
}
.site-primary-menu .dropdown:hover .sub-menu{
	opacity: 1;
	visibility: visible;
	top: 100px;
	text-align: left
}
.site-primary-menu .sub-menu li a{
	width: 100%;
	transition: all 0.3s ease;
	display: block;
	position: relative;
	padding: 15px 0;
	margin: 0
}
.site-primary-menu li a.active, .current-menu-parent > a, .current-menu-parent .sub-menu li > a.active{
	color: #DC1B22 !important;
	font-family: 'gilroy-regularuploaded_file';
}
.current-menu-parent .sub-menu li > a{
	color: #231F20 !important;
	font-family: 'gilroy-regularuploaded_file';
}
.site-primary-menu .sub-menu li a:hover,
.site-primary-menu .sub-menu li a.active{
	color: #DC1B22 !important;
	padding-left: 20px
}
.site-primary-menu .sub-menu li a::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	z-index: auto;
	background-image: url("../images/arrow-right-top.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	transform: translateY(-50%);
}
.site-primary-menu .sub-menu li a:hover::after,
.site-primary-menu .sub-menu li a.active::after{
	width: 10px;
	height: 10px;
	opacity: 1;
	visibility: visible
}
.site-primary-menu .dropdown::after {
	content: '';
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-55%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ED2120;
	font-size: 0;
	line-height: 0;
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #444;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bannerPattertop {
    width: 411px;
    position: absolute;
    right: 0;
    top: 411px;
    z-index: 999;
}

.bannerPattertopright {
    width: 437px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.bannerPatterbottom {
    width: 437px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.section{
	position: relative
}

.animal-feed-section{
	position: relative;
	padding: 100px 0
}



.homeBanner{
	overflow: hidden
}
.red-strip-top{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0
}
.red-strip-bottom{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0
}
.red-strip-top img,
.red-strip-bottom img{display: block}
.entry-content {
    padding: 125px 0;
    background-image: url("../images/contentPatterntop.png"), url("../images/contentPatternbottom.png");
    background-position: right top -20px, left bottom -20px;
    background-repeat: no-repeat, no-repeat;
    background-size: 484px, 484px;
}
.contact-form-sec{
	padding: 170px 0 270px
} 
.customBorder{
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}
.customPaddingleft{
	padding-left: 200px
}
.customPaddingright{
	padding-right: 200px
}
.customPaddingboth{
	padding-left: 100px;
	padding-right: 5% !important
}
div.wpforms-container-full input[type=text]:focus:invalid,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full input[type=number]:focus,
div.wpforms-container-full textarea:focus:invalid{
	border: 1px solid #ED2120 !important;
	box-shadow: none !important
}

.customPaddingleftmedium{
	padding-left: 100px
}
.customPaddingrightmedium{
	padding-right: 100px
}
.customPaddingmedium{
	padding-left: 100px;
	padding-right: 100px
}
.customPaddingtop{
	padding-top: 100px
}
.customPaddingleft2{
	padding-left: 48px
}
.swiper-pagination-bullet{
	width: 75px;
	height: 2px;
	border-radius: 0;
	background-color: #FFFFFF;
	opacity: 1
}
.swiper-pagination-bullet-active{
	background-color: #ED2120
}
.bannerContent{
	width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
	z-index: 999;
	text-align: center
}
.overlayContent{
	width: 800px;
	max-width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
	z-index: 999;
	text-align: center
}
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }
.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
	position:absolute;
	right:-30px;
	top:0;
	color: #FFFFFF
}
.video-btn{
	width: 200px;
	background-color: #FFFFFF;
	padding: 10px 20px;
	border-radius: 10px
}
.icon {
	width: 130px;
}
.icon2 {
	width: 200px;
}
.btn-close{
	background-image: url("../images/close.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.mobileMenu {
    width: 100%;
    height: calc(100% - 110px);
    position: fixed;
    left: -110%;
    top: 110px;
    background-color: #FFFFFF;
    z-index: 9999;
    padding: 5px 20px 20px 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    overflow: hidden;
    overflow-y: scroll;
    border-top: 1px solid #f2f2f2
}
.mobileMenu.nav-menu-active{
	left: 0;
	opacity: 1;
    visibility: visible;
}
.mobileMenu ul{
	list-style: none;
	margin: 0;
	padding: 0
}
.mobileMenu ul li {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #f2f2f2;
}
.mobileMenu ul li:last-child{
	border-bottom: none
}
.mobileMenu ul li a{
	color: #231F20;
	font-size: 15px;
	text-decoration: none;
	position: relative;
	padding: 10px 0
}
.mobileMenu ul ul {
    margin: 0;
    padding: 0 0 15px 0
}
.mobileMenu ul ul li{
	padding-left: 50px
}
.mobileMenu .dropdown > a::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ED2120;
    font-size: 0;
    line-height: 0;
    left: auto;
    margin: 0 0 0 10px;
    padding: 0;
}
.mobileMenu ul ul li a {
    position: relative;
    padding: 7px 0 7px 20px
}
.mobileMenu ul ul li a::after {
	width: 10px;
    height: 10px;
    opacity: 1;
    visibility: visible;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: auto;
    background-image: url("../images/arrow-right-top.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.3s ease;
    transform: translateY(-50%);
}

.mobileMenu ul li a.active, .mobileMenu .current-menu-parent > a, .mobileMenu .current-menu-parent .sub-menu li > a.active{
	color: #DC1B22 !important;
	font-family: 'gilroy-regularuploaded_file';
}
.mobileMenu .current-menu-parent .sub-menu li > a{
	color: #231F20 !important;
	font-family: 'gilroy-regularuploaded_file';
}
.mobileMenu .sub-menu li a:hover,
.mobileMenu .sub-menu li a.active{
	color: #DC1B22 !important;
	padding-left: 20px
}

.parallaxBg{
	width: 100%;
	height: 100vh;
	background-image: url("../images/home-video-bg.jpg");
    background-position: left center;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: 100%;
}
.parallaxBg2{
	width: 100%;
	height: 100vh;
	background-image: url("../images/feed-formulations-background.jpg");
    background-position: left center;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: 100%;
}
.parallaxBg3{
	width: 100%;
	height: 100vh;
	background-image: url("../images/introduction-section-background.jpg");
    background-position: left center;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: 100%;
}

.parallaxBg3 .bannerPattertop {
    width: 411px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.parallaxBg3 .bannerPatterbottom {
    width: 216px;
    position: absolute;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
    z-index: 999;
}

.aboutus-section2-content{
	padding: 150px 0 0 0
}
.aboutus-section2-content h3 {
    font-size: 38px;
    width: 1100px;
    margin: 0;
    padding: 0 0 120px 0;
}
.position-absolute-content h3{
	font-size: 40px
}
.custom-bg-color01{
	background-color: #FFEAE2
}
.custom-bg-color02{
	background-color: #FDC9B4
}
.custom-bg-color03{
	background-color: #FFF5ED
}
.custom-bg-color04{
	background-color: #FCDCDE
}
.custom-box{
	background-color: rgba(255,166,130,0.5);
	border-radius: 30px;
	width: 100%;
	height: 100%;
	border: 5px solid rgba(255,166,130,0.1);
	transition: all 1.0s ease;
	
}
.custom-box:hover {
    background-color: rgba(255,166,130,1);
    border: 5px solid #FFFFFF;
    filter: drop-shadow(0px 35px 35px rgba(0,0,0,0.2));
}
.custom-box h3 {
    font-size: 45px;
    line-height: 50px;
    color: #231F20;
    margin: 0;
    padding: 0 0 40px 0;
    position: relative;
    height: 190px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.custom-box h3::after{
	content: '';
	width: 50%;
	height: 5px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 20px;
	background-color: #ED2120;
	transition: all 1.0s ease
}

.custom-box:hover{
	width: 100%;
}
.custom-box:hover h3::after{
	width: 100%;
}

.product-name-board-wrap{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase
}
.product-name-board {
    width: 30%;
    height: 140px;
    margin: 0 1%;
    padding: 0;
    background-color: #FFF5ED;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DC1B22;
    font-family: 'gilroy-bolduploaded_file';
    font-size: 35px;
	text-decoration: none;
	transition: all 0.5s ease
}
.product-name-board:hover{
	color: #FFF5ED;
	background-color: #DC1B22
}
.aboutus-section2 {
    background-color: #ED2120;
    background-image: url("../images/aboutus-section2-pattern-top.png"), url("../images/aboutus-section2-pattern-bottom.png");
    background-position: right top 100px, left top 410px;
    background-repeat: no-repeat, no-repeat;
    background-size: auto, auto;
}
.aboutus-section4 {
    padding: 100px 0;
    background-image: url("../images/product-development-bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.aboutus-section5, .aboutus-section6{
	padding: 100px 0
}
.ian-certification{
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2
}
.ian-certification:nth-child(4),
.ian-certification:nth-child(7){
	border-right: none
}
.ian-certification:nth-child(5),
.ian-certification:nth-child(6),
.ian-certification:nth-child(7){
	border-bottom: none
}
.aboutus-section6 h3{
	text-transform: uppercase;
	font-size: 25px;
}
.aboutus-section6 p{
	padding-left: 5%;
	padding-right: 5%
}
.bottomLine {
    position: relative;
    padding-bottom: 20px;
    margin: 20px 0;
}
.bottomLine::after{
	content: '';
	width: 90px;
	height: 8px;
	background-color: #ED2120;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.approach-section1{
	padding: 100px 0 0 0;
	background-color: #FFEAE2;
}
.approach-section2{
	padding: 130px 0;
	background-color: #FDC9B4
}
.mapBgcustom {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 999;
    width: 45%;
    pointer-events: none
}
.approach-section1 h3{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 50px;
	color: #231F20;
}
.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 40px;
    color: #231F20;
    margin: 0;
    padding: 0 0 20px 0
}
.approach-section1 p, .approach-section2 p {
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 20px;
    line-height: normal;
    color: #231F20
}
.approach-section2 p{
	padding-right: 200px
}
.approach-section1 a {
    font-family: 'gilroy-regularuploaded_file';
    font-size: 16px;
    color: #231F20;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 10px 50px;
    border-radius: 5px;
    display: inline-block;
	transition: all 0.3s ease
}
.approach-section1 a:hover{
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.2))
}
.approach-bg-01{
    background-image: url("../images/approach-img01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.approach-bg-01 .contentDiv {
    padding: 100px 200px 0 90px;
    height: 540px;
}
.approach-bg-02{
    background-image: url("../images/approach-img02.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.approach-bg-02 .contentDiv {
    padding: 0px 90px 0 0;
    height: 463px;
}
.approach-bg-02 .contentDivright {
    padding: 130px 80px 0 220px;
}
.approach-bg-03{
    background-image: url("../images/approach-img03.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.approach-bg-03 .contentDiv {
    padding: 150px 200px 0 90px;
    height: 592px;
}
.approach-bg-03 .contentDivright {
    padding: 150px 50px 0 150px
}

.home-commitment-section{
	padding: 100px 0 0;
}

.commitmentMap{
	width: 1680px;
	margin: 0 auto;
	display: block
}

.bubble-wrap {
    width: 1680px;
    display: block;
    margin: 0;
	padding: 0;
    position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 999;
}

.bubble01 {
    width: 22%;
    position: absolute;
    right: 20%;
    top: 3%;
    z-index: 990;
}

.bubble02 {
    width: 16%;
    position: absolute;
    right: 9%;
    top: 1%;
    z-index: 991;
}

.bubble03 {
    width: 17%;
    position: absolute;
    right: 2%;
    top: 22%;
    z-index: 992;
}

.bubble04 {
    width: 22%;
    position: absolute;
    right: 3%;
    top: 50%;
    z-index: 993;
}

.bubble05 {
    width: 18%;
    position: absolute;
    right: 22%;
    top: 53%;
    z-index: 994;
}

.bubble06 {
    width: 16%;
    position: absolute;
    right: 15%;
    top: 32%;
    z-index: 995;
}

.animal-feed-section1{
	padding: 100px 0
}

.animal-feed-section2{
	padding: 100px 5%;
	background-color: #FFEAE2
}

.animal-feed-section3{
	padding: 100px 5%
}

.animal-feed-section1 h3 {
    font-size: 35px;
    line-height: 45px;
}
.zikzak-content{
	padding-left: 100px;
	padding-right: 100px;
}

.zikzak-content h3, .zikzak-content p {
	padding: 0 0 20px
}

.exploreBtn {
    font-family: 'gilroy-regularuploaded_file';
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #ED2120;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.3s ease;
}

.exploreBtn:hover{
	color: #231F20
}

.customBg{
	background-color: #FFEAE2
}
.customBgred div{
	background-color: #ED2120;
	border-radius: 18px;
	padding: 20px;
	font-family: 'gilroy-bolduploaded_file';
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
}
.custom-rounded{
	border-radius: 30px
}
.bullet-content1, .bullet-content2, .bullet-content3, .bullet-content4, .bullet-content5, .bullet-content6{
	list-style: none;
	padding: 0;
	margin: 0
}

.bullet-content1 li {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #231F20;
    padding: 5px 0 5px 40px;
    margin: 0;
    background-image: url("../images/bullet.png");
    background-position: top 10px left;
    background-repeat: no-repeat;
    background-size: 20px;
}
.bullet-content4 li {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #231F20;
    padding: 5px 0 5px 40px;
    margin: 0 0 10px 0;
    background-image: url("../images/bullet.png");
    background-position: top 10px left;
    background-repeat: no-repeat;
    background-size: 20px;
}

.bullet-content5 li {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #FFFFFF;
    padding: 5px 0 5px 40px;
    margin: 0 0 10px 0;
    background-image: url("../images/bullet-white.png");
    background-position: top 10px left;
    background-repeat: no-repeat;
    background-size: 20px;
}

.bullet-content5 li:last-child{
	margin-bottom: 0
}

.bullet-content6 li {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #231F20;
    padding: 5px 0 5px 40px;
    margin: 0 0 25px 0;
    background-image: url("../images/bullet.png");
    background-position: top 10px left;
    background-repeat: no-repeat;
    background-size: 20px;
}

.bullet-content2 li h3 {
    padding: 10px 0 10px 40px;
    margin: 0;
    background-image: url("../images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.bullet-content3 li {
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #231F20;
    padding: 5px 0 5px 40px;
    margin: 0 40px 15px 0;
    background-image: url("../images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
}

.bullet-content{
	padding: 5px 0 5px 40px;
    margin: 0;
    background-image: url("../images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 25px
}

.bullet-content-red, .entry-content h4.bullet-content-red{
	padding: 5px 0 5px 40px;
    margin: 0;
    background-image: url("../images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 25px;
	font-family: 'gilroy-bolduploaded_file';
	font-size: 30px;
	color: #ED2120;
}

.verticalList {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.verticalList li{
	float: left;
	width: 33.33%;
	margin: 10px 0;
	padding: 0 20px 0 0;
	font-size: 25px
}

.footer-nav li {
    list-style: none;
}

.sectionBg {
    padding: 250px 0 150px;
    background-image: url("../images/white-pattern2.png"), url("../images/white-pattern.png");
    background-position: bottom left -6%, top -5% right -6%;
    background-repeat: no-repeat, no-repeat;
    background-size: 10%, 28%;
}

.sectionBg2 {
    padding: 150px 0;
    background-image: url(../images/white-pattern2.png), url(../images/white-pattern.png);
    background-position: bottom 19% left -5%, top 35% right -10%;
    background-repeat: no-repeat, no-repeat;
    background-size: 10%, 25%;
}

.custom-table1-wrap {
    width: 100%;
    margin: 0;
    padding-top: 50px
}
.table1-head {
    width: 100%;
    background-color: #ED2120;
    float: left;
    font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #FFFFFF;
    margin: 0 0 5px 0;
    padding: 0
}
.table1-row{
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
	float: left
}
.table1-row div:nth-child(1){
	width: 70%;
	height: 100px;
	padding: 2.5%;
	float: left;
	background-color: #FFFFFF;
	font-family: 'gilroy-bolduploaded_file';
    font-size: 22px;
    color: #231F20;
	display: flex;
	align-items: center;
	justify-content: flex-start
}
.table1-row div:nth-child(2) {
    width: calc(30% - 5px);
    height: 100px;
    padding: 2.5%;
    float: left;
    background-color: #FFFFFF;
    font-family: 'gilroy-bolduploaded_file';
    font-size: 22px;
    color: #231F20;
    margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center
}
.table1-head .table1-row div{
	background-color: transparent;
	color: #FFFFFF;
	height: auto;
	font-size: 22px;
}
.red-point-wrap {
    width: 100%;
    margin: 0 0 15% 0;
    padding: 0;
}
.red-point{
	width: 100%;
	padding: 20px;
	margin: 0 0 10px 0;
	background-color: #ED2120;
	font-family: 'gilroy-bolduploaded_file';
    font-size: 25px;
    color: #FFFFFF;
	border-radius: 10px
}
#counter{
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 999;
	transform: translateX(-50%);
	font-family: 'gilroy-blackuploaded_file';
    font-size: 82px;
    color: #FCDCDE
}
.redText{
	color: #ED2120
}

#feed-animation {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	height: 710px;
	background-image: url(../images/feed-pyramid.png);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat
}

.segment {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transform: scale(1);
	transition: all 0.5s ease;
}

.introduction-section3{
	padding: 200px 0;
	position: relative
}

.introduction-section4{
	padding: 100px 0;
	position: relative;
	background-color: #ED2120
}

.introduction-section5{
	padding: 100px 0;
	position: relative
}

.lactation-period-table{
	position: absolute;
	top: 0
}

.line-chart{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	transform: scale(0);
	transition: all 1.0s ease
}
.line-chart.active{
	transform: scale(1);
}
.red-round{
	position: absolute;
	z-index: 999
}
.round01 {
    top: 11.6%;
    left: 19.9%;
    width: 12%;
}
.round02 {
    top: 23%;
    left: 6%;
    width: 15%;
}
.round03 {
    top: 40.5%;
    left: 1%;
    width: 15%;
}
.round04 {
    top: 60%;
    left: 6%;
    width: 14%;
}
.round05 {
    top: 72%;
    left: 19.9%;
    width: 12%;
}
.round06 {
    top: 15.3%;
    left: 8.5%;
    width: 13.8%;
}
.round07 {
    top: 32.5%;
    left: 1.3%;
    width: 17.8%;
}
.round08 {
    top: 53.3%;
    left: 8.5%;
    width: 13.8%;
}

.custom-color1{
	color: #FDC9B4 !important
}

.unilab-logo{
	width: 60%
}

footer {
    padding: 160px 0 100px;
    position: relative;
    background-color: #F2F2F2;
    background-image: url("../images/footer-right-pattern.png"), url("../images/contentPatternbottom.png"), url("../images/footerPatternbottom.png");
    background-position: right top, left bottom, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 876px, 323px, 323px
}

footer .logo {
    width: 301px;
    margin: 0;
    padding: 0 0 50px;
}

.footerAdress{
	display: block;
	padding: 30px 0 0;
	margin: 0
}

.footerAdress ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.footerAdress ul li{
	margin: 0;
	padding: 10px 0 10px 40px;
	font-family: 'gilroy-bolduploaded_file';
	font-size: 18px;
	color: #ED2120;
}

.footerAdress ul li a{
	font-size: 18px;
	color: #ED2120;
}

.footerAdress ul li.location{
	background-image: url("../images/locationIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

.footerAdress ul li.phone{
	background-image: url("../images/telephoneIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

.footerAdress ul li.email{
	background-image: url("../images/messageIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

.locationBlock{
	display: block;
	padding: 0;
	margin: 0
}

.locationBlock ul{
	margin: 0;
	padding: 0;
	list-style: none
}

.locationBlock ul li{
	margin: 0;
	padding: 10px 0 10px 40px;
	font-family: 'gilroy-bolduploaded_file';
	font-size: 25px;
	color: #ED2120;
}

.locationBlock ul li a{
	font-size: 25px;
	color: #ED2120;
}

.locationBlock ul li.location{
	background-image: url("../images/locationIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

.locationBlock ul li.phone{
	background-image: url("../images/telephoneIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

.locationBlock ul li.email{
	background-image: url("../images/messageIcon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 30px
}

footer h5{
	font-family: 'gilroy-bolduploaded_file';
	font-size: 30px;
	color: #ED2120;
	margin: 0;
	padding: 0 0 30px;
	display: block
}

.footer-navigation{
    align-self: flex-start;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin: 0;
    padding: 0;
}

.footer-navigation li{
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0
}

footer ul{
	margin: 0;
	padding: 0;
	list-style: none
}

footer ul li{
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none
}

.footer-navigation li a, footer ul li a{
	display: block;
	font-family: 'gilroy-bolduploaded_file';
	font-size: 18px;
	color: #231F20;
}

.footer-navigation li a:hover, footer ul li a:hover{
	color: #ED2120
}

.social-links{
	padding: 0;
	margin: 0;
	list-style: none;
}

.social-links li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block
}

.social-links li a{
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 0 20px 0 0;
	list-style: none;
	display: block
}

.social-links-wrap{
	padding-top: 75px
}

.copyright {
    margin: 0;
    padding: 0;
    background-color: #ED2120;
    display: inline-block;
    width: 100%
}

.copyrightBlock{
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0
}

.copyrightBlock p{
	margin: 0;
	padding: 0;
	font-size: 16px
}

.copyrightBlock a{
	display: inline-block;
	color: #FFFFFF
}

.wpforms-container .wpforms-field{
	float: left !important;
	clear: none !important;
	width: 50% !important;
	padding: 10px !important;
}

.wpforms-field.wpforms-field-textarea{
	width: 100% !important;
}

.wpforms-container .wpforms-field input[type=text], 
.wpforms-container .wpforms-field input[type=email], 
.wpforms-container .wpforms-field input[type=number] {
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 20px;
    color: #8E8E8E;
    background-color: #F4F3F2;
    border: none;
    height: 70px;
    padding-left: 40px;
    padding-right: 40px;
}

.wpforms-container .wpforms-field textarea {
    font-family: 'gilroy-mediumuploaded_file';
    font-size: 20px;
    color: #8E8E8E;
    background-color: #F4F3F2;
    border: none;
    padding: 25px 40px!important;
    resize: none !important;
    height: 190px !important;
}

.wpforms-container .wpforms-submit {
    font-family: 'gilroy-mediumuploaded_file' !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
    background-color: #ED2120 !important;
    padding: 20px 60px !important;
    border: none;
    border-radius: 0 !important;
    height: auto !important;
    margin: 20px 0 0 10px;
}

@media only screen and (max-width: 1680px), only screen and (max-device-width: 1680px) {
	h2, h2.subHead{
		font-size: 40px;
		line-height: 40px
	}
	h3{
		font-size: 33px;
	}
	h3.subHead{
		font-size: 36px
	}
	
	h5 {
    	font-size: 22px;
		line-height: 27px
	}
	p{
		font-size: 16px;
	}
	p.paragraph2, 
	.feed-additives-content ul.custom-bullet1 li,
	.feed-additives-content ul.custom-bullet2 li,
	.verticalList li{
		font-size: 22px;
	}
	p.paragraph3{
		font-size: 18px;
	}
	.certification1{
		width: 351px
	}
	.feed-additives-content h2.largeHead{
		font-size: 48px
	}
	.product-name-board {
		height: 120px;
		font-size: 32px
	}
	.subHead3 {
    	font-size: 26px
	}
	.zikzak-content {
		padding-left: 80px;
		padding-right: 80px;
	}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4{
		font-size: 30px
	}
	.approach-section2 p {
    	padding-right: 0;
	}
	.customPaddingright{
		padding-right: 150px
	}
	.customPaddingleft{
		padding-left: 150px
	}
	.entry-content {
    	padding: 110px 0
	}
	.contact-form-sec{
		padding: 170px 0 300px;
	} 
	.wpforms-container .wpforms-field textarea {
    	height: 155px !important;
	}
	.aboutus-section2 {
		background-position: right -80px top 100px, left -80px top 410px;
		background-size: 482px, 216px;
	}
	.commitmentMap, .bubble-wrap{
		width: 1580px
	}
	footer .logo {
    	width: 241px
	}
	footer {
    	background-position: right -110px top, left bottom, right bottom
	}
	.sectionBg {
    	background-position: bottom left -7%, top -5% right -10%;
	}
	.custom-table1-wrap {
    	padding-top: 20px;
	}
	.bullet-content3 li{
		font-size: 22px
	}
	.custom-container-2{
		max-width: 1440px !important
	}
	.customBgred div {
    	padding: 12px 20px;
	}
}
@media only screen and (min-width: 1920px), only screen and (min-device-width: 1920px) {
	.custom-container, .custom-container-2{
		max-width: 1580px;
	}
}
@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px) {
	.banner-section {
		margin-top: 120px;
	}
	h2.subHead2{
		font-size: 42px
	}
	h3 {
		font-size: 30px
	}
	.bullet-content-red, .entry-content h4.bullet-content-red{
		font-size: 25px
	}
	h3.subHead {
		font-size: 30px
	}
	.aboutus-section2-content h3 {
		padding: 0 0 80px 0
	}
	.aboutus-section2 {
		background-position: right -80px top 145px, left -80px top 380px;
		background-size: 360px, 160px
	}
	.valueImg{
		width: 80%
	}
	.brands-showcase {
    	width: 321px;
	}
	.bannerPatterbottom, .bannerPattertopright {
    	width: 387px
	}	
	.bannerPattertop {
		width: 321px;
		top: 321px;
	}
	.site-primary-menu li {
    	height: 80px
	}
	.site-primary-menu .dropdown:hover .sub-menu {
	    top: 80px;
	}
	.commitmentMap, .bubble-wrap{
		width: 1440px
	}
	.customPaddingboth {
		padding-left: 0;
		padding-right: 0
	}
	.entry-content{
		background-size: 444px, 444px;
	}
	.sectionBg {
		padding: 200px 0 100px;
		background-position: bottom left -8%, top 0% right -16%;
	}
	.sectionBg2 {
		background-position: bottom 30% left -8%, top 39% right -14%
	}
	.customPaddingright{
		padding-right: 120px
	}
	.customPaddingleft{
		padding-left: 120px
	}
	.parallaxBg3 .bannerPattertop {
    	width: 321px;
	}
	.parallaxBg3 .bannerPatterbottom {
    	width: 156px;
    	top: 55%;
	}
	.aboutus-section6 h3 {
    	font-size: 23px
	}
	.ian-certification img {
		width: 220px;
		height: 220px
	}
	.custom-box h3 {
		font-size: 40px;
		line-height: 40px
	}
	h4,
	.bullet-content1 li,
	.bullet-content3 li, 
	.bullet-content4 li,
	.bullet-content5 li, 
	.bullet-content6 li {
    	font-size: 20px;
	}
	.sectionBg .bullet-content4 li{
		margin-bottom: 18px
	}
	.bullet-content4 li:last-child{
		margin-bottom: 0
	}
	.bullet-content5 li{
		margin-bottom: 15px
	}
	h6.headingLarge {
    	font-size: 30px;
	}
	.subHead3 {
    	font-size: 22px
	}
}

@media only screen and (max-width: 1440px), only screen and (max-device-width: 1440px) {
	h2, h2.subHead {
		font-size: 38px;
		line-height: normal;
	}
	.sectionBg2{
		padding: 100px 0
	}
	.table1-row div:nth-child(1), 
	.table1-row div:nth-child(2){
		height: 80px
	}
	.custom-container-2 {
    	max-width: 1320px !important;
	}
	.banner-section {
		margin-top: 127px;
	}
	.animal-feed-section1 h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.site-primary-menu li {
		padding: 0 40px 0 0;
	}
	.site-primary-menu .dropdown::after{
		right: 25px
	}
	.brands-showcase {
    	width: 311px;
	}
	.bannerPattertop {
		width: 311px;
		top: 311px
	}
	.bannerPatterbottom, .bannerPattertopright {
    	width: 311px
	}
	.approach-section1 h3 {
    	font-size: 36px
	}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
		font-size: 28px;
	}
	.approach-section1 p, .approach-section2 p {
    	font-size: 16px;
	}
	.approach-bg-02 .contentDiv {
    	padding: 0px 150px 0 0;
	}
	.approach-section1 a{
		font-size: 13px;
	}
	.approach-bg-01 .contentDiv {
		padding: 140px 200px 0 90px;
	}
	.approach-bg-03 .contentDiv {
		padding: 180px 335px 0 90px;
	}
	.approach-bg-03 .contentDivright {
    	padding: 190px 50px 0 200px;
	}
	.approach-bg-02 .contentDivright {
    	padding: 130px 80px 0 300px;
	}
	.brandRed a {
    	font-size: 14px
	}
	.site-primary-menu li a {
    	font-size: 14px
	}
	.site-primary-menu .dropdown::after {
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #ED2120
	}
	.site-primary-menu li {
		height: 90px
	}
	.site-primary-menu .dropdown:hover .sub-menu{
		top: 90px
	}
	.mapBgcustom {
    	width: 50%
	}
	.commitmentMap, .bubble-wrap{
		width: 1366px
	}
	footer {
		background-position: right -140px top, left bottom, right bottom;
		background-size: 806px, 330px, 330px
	}
	.aboutus-section2 {
		background-position: right -120px top 80px, left -80px top 305px;
		background-size: 350px, 126px
	}
	.aboutus-section2-content h3 {
		font-size: 30px;
    	padding: 0 0 40px 0;
	}
	.custom-box h3 {
		font-size: 35px;
		line-height: 35px
	}
	.aboutus-section6 h3 {
    	font-size: 20px;
	}
	.approach-section2 p {
    	padding-right: 50px
	}
	.entry-content {
    	padding: 90px 0;
    	background-size: 410px, 410px
	}
	.contact-form-sec{
		padding: 170px 0 300px;
	} 
	.valueImg{
		width: 80%
	}
	.social-links li a {
		width: 30px;
		height: 30px
	}
	.social-links-wrap {
		padding-top: 55px;
	}
	.customPaddingboth {
		padding-left: 5%;
		padding-right: 5%;
	}
	.zikzak-content h3, 
	.zikzak-content p {
    	padding: 0 0 10px;
	}
	.zikzak-content {
		padding-left: 60px;
		padding-right: 60px;
	}
	.exploreBtn {
		font-size: 13px;
		padding: 8px 20px;
	}
	p.paragraph1 {
		font-size: 14px;
	}
	h4,
	.bullet-content1 li,
	.bullet-content3 li, 
	.bullet-content4 li,
	.bullet-content5 li, 
	.bullet-content6 li {
    	font-size: 18px;
	}
	.ian-certification img{
		width: 220px;
		height: 220px
	}
	.video-btn {
    	width: 150px
	}
	#feed-animation {
    	width: 990px;
    	height: 560px
	}
	#counter {
		bottom: 15px;
		font-size: 62px
	}
	.customPaddingright{
		padding-right: 100px
	}
	.customPaddingleft{
		padding-left: 100px
	}
	.unilab-logo {
		width: 50%;
	}
	.locationBlock ul li, .locationBlock ul li a {
    	font-size: 22px
	}
	.feed-additives-content h2.largeHead {
		font-size: 40px
	}
	.product-name-board {
		height: 100px;
		font-size: 30px
	}
	p.paragraph2, 
	.feed-additives-content ul.custom-bullet1 li, 
	.feed-additives-content ul.custom-bullet2 li, 
	.verticalList li {
    	font-size: 18px;
	}
	.feed-additives-content h2.largeHead {
		font-size: 35px
	}
}
@media only screen and (max-width: 1400px), only screen and (max-device-width: 1400px) {
	.aboutus-section2 {
		background-position: right -160px top 80px, left -100px top 310px;
		background-size: 350px, 126px;
	}
	
}
@media only screen and (max-width: 1366px), only screen and (max-device-width: 1366px) {
	.customPaddingrightmedium {
		padding-right: 50px;
	}
	.customPaddingleftmedium {
		padding-left: 50px;
	}
	.customPaddingmedium {
		padding-left: 50px;
		padding-right: 50px;
	}
	.icon2 {
		width: 170px
	}
	.bullet-content-red, .entry-content h4.bullet-content-red{
		font-size: 25px;
	}
	.site-primary-menu li {
		padding: 0 30px 0 0;
	}
	.site-primary-menu .dropdown::after{
		right: 20px
	}
	.site-primary-menu li a{
		font-size: 14px;
	}
	.brandRed a {
    	font-size: 14px
	}
	.px-custom {
    	padding-left: 3.5rem!important;
    	padding-right: 3.5rem!important;
	}
	p.paragraph3 {
		font-size: 16px;
	}
	p.paragraph4{
		font-size: 20px
	}
	footer h5 {
    	font-size: 26px
	}
	footer .logo {
    	width: 231px
	}
	.social-links li a {
		width: 30px;
		height: 30px
	}
	.approach-bg-01 .contentDiv {
		padding: 100px 200px 0 90px;
		height: 480px;
	}
	.approach-bg-02 .contentDiv {
		padding: 0px 150px 0 0;
		height: 410px;
	}
	.approach-bg-02 .contentDivright {
		padding: 90px 80px 0 220px;
	}
	.approach-bg-03 .contentDiv {
		padding: 130px 250px 0 90px;
		height: 532px;
	}
	.approach-bg-03 .contentDivright {
		padding: 140px 50px 0 200px;
	}
	.approach-section2 {
		padding: 100px 0;
		background-color: #FDC9B4;
	}
	.custom-box h3{
		font-size: 30px;
		line-height: 30px;
		height: 140px
	}
	.aboutus-section4 {
    	padding: 100px 0 50px 0;
	}
	.aboutus-section2-content {
    	padding: 100px 0 0 0;
	}
	.aboutus-section2 {
		background-position: right -30px top 80px, left -55px top 260px;
		background-size: 250px, 136px;
	}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
   		padding: 0 0 10px 0;
	}
	.ian-certification img {
    	width: 160px;
		height: 160px
	}
	.commitmentMap, .bubble-wrap{
		width: 1280px
	}
	.custom-container-2 {
		max-width: 1280px !important;
	}
	.poultry-section3 h2.subHead{
		font-size: 36px;
		line-height: normal;
	}
	.table1-row div:nth-child(1), .table1-row div:nth-child(2) {
		font-size: 20px;
		line-height: normal;
		height: 70px;
	}
	.bullet-content3 li {
    	padding: 5px 0 5px 30px
	}
	h2, h2.subHead {
    	font-size: 34px;
    	line-height: normal
	}
	h2.subHead2 {
		font-size: 32px
	}
	h3{
		font-size: 28px
	}
	h3.subHead {
		font-size: 26px;
	}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
		font-size: 24px;
	}
	.introduction-section4 {
    	padding: 50px 0 80px;
	}
	.introduction-section3 {
    	padding: 130px 0
	}
	footer h3 {
    	font-size: 28px;
	}
	.downloadBtn{
		width: 241px
	}
}
@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {
	h4 {
    	font-size: 22px
	}
	p{
		font-size: 14px
	}
	.logo {
    	width: 110px
	}
	.aboutus-section2 {
		background-position: right -70px top 80px, left -85px top 260px;
		background-size: 250px, 136px;
	}
	.aboutus-section6 h3 {
		font-size: 18px
	}
	.commitmentMap, .bubble-wrap{
		width: 1140px
	}
	.exploreBtn{
		font-size: 13px;
	}

	.custom-container-2 {
    	max-width: 1140px !important;
	}
	.poultry-section3 h2.subHead {
    	font-size: 32px
	}
	.table1-row div:nth-child(1), .table1-row div:nth-child(2) {
		font-size: 18px;
		line-height: normal;
		height: 65px;
	}
	footer h3 {
    	font-size: 24px;
	}
	.locationBlock ul li, .locationBlock ul li a {
		font-size: 20px
	}
	
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px){
	h2, h2.subHead, h3.subHead{
		font-size: 28px;
		line-height: normal
}
	.subHead3 {
    	font-size: 20px
}
	.animal-feed-section1 h3 {
		font-size: 20px;
		line-height: 30px
}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
    	font-size: 18px;
}
	h6 {
    font-size: 18px
}
	.banner-section {
		margin-top: 112px;
}
	.logo {
		width: 100px; 
		padding: 10px 0
}
	.entry-content {
		padding: 70px 0;
		background-size: 270px, 270px
}
	.aboutus-section2-content {
		width: 800px;
		margin: 0 auto
}
	.aboutus-section2-content h3 {
		width: 700px;
		font-size: 20px;
		padding: 0 0 60px 0
}
	.swiper{
		height: auto
}
	.swiper-pagination-bullet {
    	height: 1px;
}
	.icon{
		width: 75px
}
	.video-btn {
		width: 140px;
		background-color: #FFFFFF;
		padding: 7px 10px;
		border-radius: 5px
}
	.home-commitment-section {
    	padding: 50px 0 0
}
	h3 {
    	font-size: 19px
}
	h4 {
    	font-size: 18px
}
	h5 {
		font-size: 18px;
		line-height: 24px
}
	
	footer {
		background-position: right -130px top -30px, left bottom, right bottom;
		padding: 55px 0 60px;
		background-size: 60%, 25%, 25%;
}
	footer .logo {
		width: 50%;
		margin: 0;
		padding: 0 0 20px
}
	footer h3 {
		font-size: 20px
}
	.footer-navigation li {
    	margin: 0 0 15px 0
}
	.footer-navigation li a, footer ul li a {
    	font-size: 15px
}
	footer h5 {
    	font-size: 20px
}
	.footerAdress ul li,
	.footerAdress ul li a{
		font-size: 15px
}
	.footerAdress ul li {
    	padding: 10px 0 10px 35px
}
	footer h5{
		padding: 0 0 10px
}
	
	footer ul li {
    	margin: 0 0 15px 0
}
	.social-links-wrap {
    	padding-top: 15px
}
	.social-links li a {
		width: 25px;
		height: 25px
}
	.copyrightBlock {
    	padding: 20px 0
}
	.copyrightBlock p {
 	   font-size: 12px
}
	
	.bannerPattertop {
		width: 201px;
		top: 201px
}
	.brands-showcase {
		width: 201px
}
	.bannerPatterbottom, .bannerPattertopright {
		width: 201px;
}
	.parallaxBg{
		background-image: url("../images/home-video-bg-small.jpg") no-repeat center center fixed;
		background-size: cover;
		background-attachment: inherit
}
	.parallaxBg2{
		background-image: url("../images/feed-formulations-background-small.jpg") no-repeat center center fixed;
		background-size: cover;
		background-attachment: inherit
}
	.parallaxBg3{
		background-image: url("../images/introduction-section-background-small.jpg") no-repeat center center fixed;
		background-size: cover;
		background-attachment: inherit
}
	
	.largeBanner{display: block !important}
	.mobileBanner{display: none !important}
	
	.largeScreen{display: block !important}
	.smallScreen{display: none !important}
	
	#headerLarge{
		display: none
}
	#mobileHeader{
		display: block
}
	.btn.d-sm-none {
		display: inline-block !important
}
	.footerAdress ul li.location,
	.footerAdress ul li.phone,
	.footerAdress ul li.email {
    	background-size: 22px
}
	.overlayContent {
    	width: 600px
}
	.pt-custom {
    	padding-top: 1rem !important
}
	.pb-custom {
    	padding-bottom: 4rem !important
}
	.customPaddingleft {
    	padding-left: 50px
}
	.customPaddingright {
    	padding-right: 50px
}
	p.paragraph1 {
    	font-size: 12px
}
	p.paragraph3 {
    	font-size: 13px;
}
	p.paragraph2, .feed-additives-content ul.custom-bullet1 li, .feed-additives-content ul.custom-bullet2 li, .verticalList li {
    	font-size: 16px;
}
	.aboutus-section6 h3 {
    	font-size: 15px
}
	.approach-bg-01 .contentDiv {
    	padding: 60px 130px 0 60px;
    	height: 400px
}
	.approach-bg-02 .contentDiv {
		padding: 0px 110px 0 0;
		height: 350px
}
	.approach-bg-03 .contentDiv {
		padding: 110px 130px 0 60px;
		height: 440px
}
	.approach-bg-02 .contentDivright {
    	padding: 60px 50px 0 180px
}
	.approach-bg-03 .contentDivright {
    	padding: 110px 50px 0 150px;
}
	.animal-feed-section1 h3 {
		font-size: 25px;
		line-height: 35px
}
	.animal-feed-section1 {
    	padding: 50px 0
}
	.animal-feed-section2 {
		padding: 50px 0;
		background-color: #FFEAE2
}
	.animal-feed-section3 {
    	padding: 50px 0
}
	.zikzak-content {
		padding-left: 30px;
		padding-right: 30px
}
	.paddingLeft {
    	padding-left: 50px
}
	.animal-feed-section {
    	padding: 50px 0
}
	.bullet-content1 li {
		padding: 5px 0 5px 30px;
		background-position: top 7px left;
		background-size: 15px
}
	h4, .bullet-content1 li, .bullet-content3 li, .bullet-content4 li, .bullet-content5 li, .bullet-content6 li {
    	font-size: 16px
}
	.sectionBg .bullet-content4 li {
    	margin-bottom: 10px
}
	.customImgwidth{
		width: 85%
}
	.sectionBg {
    	padding: 130px 0 100px
}
	.icon2 {
    	width: 140px;
}
	.px-custom {
		padding-left: 2rem!important;
		padding-right: 2rem!important
}
	.product-name-board {
    	height: 90px;
    	font-size: 22px;
		border-radius: 15px
}
	.bullet-content-red, .entry-content h4.bullet-content-red {
		font-size: 20px;
		background-size: 20px;
		margin: 0 0 5px 0
}
	.feed-additives-content ul.custom-bullet2 li {
		background-position: left top 0px;
		background-size: 14px
}
	.feed-additives-content h2.largeHead {
    	font-size: 32px
}
	.feed-additives-content ul.custom-bullet1 li {
		background-position: left top 6px;
		background-size: 8px;
		margin: 0 0 5px 0
}
	.customPaddingtop{
		padding-top: 20px
}
	.customPaddingleft2{
		padding-left: 18px
}
	.locationBlock ul li, .locationBlock ul li a {
    	font-size: 16px
}
	.wpforms-container .wpforms-submit {
		font-size: 16px !important;
		padding: 15px 40px !important
}
	.wpforms-container .wpforms-field input[type=text], 
	.wpforms-container .wpforms-field input[type=email], 
	.wpforms-container .wpforms-field input[type=number] {
		font-size: 16px;
		height: 50px;
		padding-left: 30px;
		padding-right: 30px
}
	.wpforms-container .wpforms-field textarea {
		font-size: 16px;
    	height: 125px !important;
		padding: 20px 30px !important
}
	.commitmentMap, .bubble-wrap {
    	width: 960px;
}
	#feed-animation {
		width: 760px;
		height: 440px
}
	#counter {
		bottom: 15px;
		font-size: 42px
}
	.swiper-pagination-bullet {
    	width: 35px
}
	p.paragraph4 {
    	font-size: 16px
}

}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px){
	h2, h2.subHead, h3.subHead {
		font-size: 22px;
		line-height: normal
}
	h5 {
    	font-size: 16px;
    	line-height: 20px;
}
	h6 {
    font-size: 15px;
}
	.brands-showcase {
    	right: calc(var(--bs-gutter-x) * .5);
}
	.navbar__hamburger {
    	right: 1rem!important;
}
	.commitmentMap, .bubble-wrap {
    	width: 720px
}
	.aboutus-section2-content {
		width: 85%;
		margin: 0 auto
}
	.aboutus-section2-content h3 {
		width: 510px;
		font-size: 18px;
		padding: 0 0 60px 0;
}
	.custom-box h3 {
		font-size: 22px;
		line-height: 22px;
		height: auto
}
	.aboutus-section4, 
	.aboutus-section5, 
	.aboutus-section6 {
   		padding: 50px 0
}
	footer .logo {
    	width: 85%;
}
	.ian-certification img {
    	width: 130px;
    	height: 130px
}
	.mapBgcustom {
		width: 75%;
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
		margin: 0 auto;
		display: block
}
	.zikzak-content {
		padding-left: 0;
		padding-right: 0;
		padding-top: 15px;
		padding-bottom: 15px
}
	.animal-feed-section1 h3 {
		font-size: 20px;
		line-height: 26px
}
	.paddingLeft {
    	padding-left: 20px
}
	.paddingRight {
    	padding-left: 20px
}
	.bullet-content-split {
		width: 100%;
		margin: 0 0 48px 0
}
	.bullet-content-split .bullet-content4{
		align-self: flex-start;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		margin: 0;
		padding: 0
}
	.sectionBg {
		padding: 75px 0
}
	#feed-animation {
		width: 520px;
		height: 300px
}
	#counter {
		bottom: 5px;
		font-size: 32px
}
	.px-custom {
		padding-left: 1rem!important;
		padding-right: 1rem!important
}
	.feed-additives-content h2.largeHead {
		font-size: 26px
}
	.no-mold{
		width: 160px
}
	.icon2 {
    	width: 100px;
}
	.customPaddingleftmedium_none{
		padding-left: 3rem !important;
		padding-right: 3rem !important;
}
	.overlayContent {
    	width: 320px
}
	.unilab-logo {
    	width: 75%
}
	.footer-navigation li a, footer ul li a {
    	font-size: 13px
}
	footer h3 {
    	font-size: 16px;
}
	.footerAdress ul li, .footerAdress ul li a {
    	font-size: 13px;
}
	footer h5 {
    	font-size: 16px;
}
	.footerAdress ul li {
    	padding: 5px 0 5px 25px;
}
	.footerAdress ul li, .footerAdress ul li a {
    	font-size: 13px;
}
	
	.social-links li a {
		width: 18px;
		height: 18px;
		margin: 0 15px 0 0
}
	.copyrightBlock {
		display: block
}
	.approach-section1 {
    padding: 50px 0 0 0
}
	.entry-content {
    background-size: 200px, 200px;
}
	.paddingLeft {
		padding-left: 0;
		padding-top: 1rem
}
	ul.bullet-content2 {
    	margin: 0 auto;
}
	.layerfeed-pack {
		width: 65%;
		margin: 2rem auto 0;
		display: block
}
	.bullet-content {
		padding: 5px 0 5px 30px;
		background-size: 20px
}
	.al-kafi-tmr-feed-img2 {
		width: 50%;
		margin: 1rem auto 0;
		display: block
}
	
	.sectionBg2 {
    padding: 50px 0;
}
	
	.custom-container-2 {
    	max-width: 600px !important;
}
	.product-name-board {
		height: 70px;
		font-size: 14px;
		border-radius: 15px
}
	.verticalList li {
		width: 100%;
		margin: 0 0 0.5rem;
		padding: 0;
}
	.customPaddingleft{
		padding-left: calc(var(--bs-gutter-x) * .5)
	}
	.customPaddingright{
		padding-right: calc(var(--bs-gutter-x) * .5)
	}
	.customPaddingboth {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
	.customPaddingleftmedium{
		padding-left: calc(var(--bs-gutter-x) * .5)
	}
	.customPaddingrightmedium{
		padding-right: calc(var(--bs-gutter-x) * .5)
	}
	.customPaddingmedium {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5)
	}
	.parallaxBg3 .bannerPattertop {
    	width: 141px
}
	.parallaxBg3 .bannerPatterbottom {
    	width: 46px
}
	h2.subHead2 {
    	font-size: 24px
}
	.introduction-section3 h3.subHead {
    	font-size: 22px
}
	.introduction-section3 {
    	padding: 50px 0
}
	.introduction-section5 {
		padding: 50px 0;
		position: relative
}
	.introduction-section4 {
    	padding: 50px 0
}
	.wpforms-container .wpforms-field {
    	width: 100% !important
}
	.unimixx-packet{
		width: 60%;
		margin: 0 auto;
		display: block
}
		.round01 {
		top: 15.6%;
		left: 22.9%;
		width: 12%
}
	.round05 {
		top: 68%;
		left: 22.9%;
		width: 12%
}
	.round06 {
		top: 15.3%;
		left: 12.5%;
		width: 13.8%
}
	p.paragraph4 {
    	font-size: 13px
}
}
@media only screen and (max-width: 576px), only screen and (max-device-width: 576px){
	.brandRed a {
    font-size: 12px;
}
	h2, h2.subHead, h3.subHead {
    	font-size: 30px
}
	.introduction-section3 h3.subHead {
    font-size: 22px;
}
	h3 {
    font-size: 24px;
}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
    	font-size: 24px;
}
	
	.largeBanner{
		display: none !important
	}
	.mobileBanner{
		display: block !important
	}
	.largeScreen{
		display: none !important
	}
	.smallScreen{
		display: block !important
	}
	.px-custom{
		padding-left: 2rem!important;
		padding-right: 2rem!important
	}
	.footer-navigation li {
    	margin: 0 0 15px 0
	}
	.footerAdress ul li, .footerAdress ul li a {
		font-size: 16px;
	}
	.footer-navigation li a, footer ul li a {
    	font-size: 16px
	}
	footer {
    background-position: right -70px top 0, left bottom, right bottom;
    padding: 55px 0 60px;
    background-size: 75%, 40%, 40%;
}
	footer .logo {
    	width: 60%
}
	footer h3 {
    	font-size: 25px
}
	footer h5 {
    	font-size: 22px
}
	h6.headingLarge {
    	font-size: 22px
}
	.customImgwidth {
    	width: 100%
}
	.footerAdress ul li {
    	padding: 10px 0 10px 35px
}
	.footerAdress ul li, .footerAdress ul li a {
    	font-size: 16px
}
	.footer-navigation li a, footer ul li a {
    	font-size: 16px
}
	.footerAdress ul li, .footerAdress ul li a {
    	font-size: 16px
}
	h5 {
		font-size: 20px;
		line-height: 26px
}
	h6 {
    	font-size: 20px;
}
	p.paragraph1 {
    	font-size: 15px
}
	.icon {
    	width: 100px;
}
	.customBorder {
		border-top: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		border-left: none;
		border-right: none
}
	.px-custom {
		padding-bottom: 0.5rem!important;
		padding-top: 0.5rem!important;
		padding-left: var(--bs-gutter-x,.75rem) !important;
		padding-right: var(--bs-gutter-x,.75rem) !important
}
	.px-custom:nth-child(3){
		padding-bottom: 0rem!important
}
	.pb-custom {
    	padding-bottom: 1rem !important
}
	.pt-custom {
    	padding-top: 0rem !important
}
	.br-none{
		display: none
	}
	.IAN-logo {
		width: 100px;
		margin-left: auto;
		display: block
}
	.commitmentMap, .bubble-wrap {
		width: 300px;
	}
	.bubble-wrap {
		position: relative;
		left: inherit;
		top: -70px;
		transform: inherit;
		margin: 0 auto
}
	
	.bubble01 {
		width: 53%;
		right: inherit;
		top: 0%;
		left: 0%
}
	.bubble02 {
		width: 39%;
		right: inherit;
		top: -2%;
		left: 43%
}
	.bubble03 {
		width: 45%;
		right: -1%;
		top: 24%
}
	.bubble04 {
		width: 55%;
		right: 4%;
		top: 61%
}
	.bubble05 {
		width: 47%;
		right: inherit;
		top: 64%;
		left: 3%
}
	.bubble06 {
		width: 39%;
		right: 32%;
		top: 38%;
}
	
	.aboutus-section2-content {
    	padding: 50px 0 0 0
}
	.aboutus-section2 {
		background-position: right -60px top 90px, left -55px top 215px;
		background-size: 180px, 75px
}
	.aboutus-section2-content h3 {
		width: 300px;
		font-size: 16px;
		padding: 0 0 30px 0
}
	.custom-box h3 {
		font-size: 30px;
		line-height: 30px
}
	
	.ian-certification:nth-child(5), 
	.ian-certification:nth-child(6), 
	.ian-certification:nth-child(7) {
		border-right: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
}
	.ian-certification:nth-child(4), .ian-certification:nth-child(7) {
    	border-right: 1px solid #E2E2E2;
}
	
	.aboutus-section6 h3 {
    	font-size: 18px;
}
	.bannerContent{
		width: 90%;
}
	.bullet-content2 li h3 {
    	background-size: 20px;
}
	.bullet-content-split .bullet-content4 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1
}
	#feed-animation {
		width: 360px;
		height: 210px
}
	#counter {
		bottom: 2px;
		font-size: 28px
	}	
	.al-kafi-tmr-feed-img2 {
		width: 70%
}
	h4, .bullet-content1 li, .bullet-content3 li, .bullet-content4 li, .bullet-content5 li, .bullet-content6 li {
    	font-size: 18px;
}
	.custom-container-2{
		
	}
	p.paragraph3 {
    	font-size: 16px;
}
	.icon2 {
    	width: 30%;
    	margin: 0 1rem 0;
}
	.product-name-board-wrap{
		display: block
}
	.product-name-board {
		height: 80px;
		font-size: 24px;
		line-height: normal;
		border-radius: 15px;
		padding: 0 10px;
		width: 80%;
		margin: 0 auto 1rem auto;
}
	.mapBgcustom {
    	width: 100%;
}
	.d-flex-custom{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left
}
	.d-flex-custom2{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left
}
	img.free-radicals {
    	width: 100%;
}
	.why-pelleting1{
		width: 250px;
		margin: 0 auto;
		display: block;
}
	.why-pelleting2{
		width: 210px;
		margin: 0 auto 1rem;
		display: block;
}
	.unilab-logo {
		width: 200px;
}
	
	
	
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px){
	
	.logo {
    width: 80px;
    padding: 10px 0;
}
	.mobileMenu {
    height: calc(100% - 98px);
    top: 98px
}
	#feed-animation {
    width: 300px;
    height: 180px;
}
	#counter {
    bottom: 0px;
    font-size: 22px;
}
	h2, h2.subHead, h3.subHead {
    font-size: 25px;
}
	.approach-section1 h4, .approach-section2 h4, .entry-content h4 {
    font-size: 20px;
}
	.aboutus-section2-content h3 {
    width: 220px;
    font-size: 15px;
    padding: 0 0 20px 0;
}
	
}

@media screen and (max-height: 550px) and (orientation: landscape) {
	.logo {
		width: 70px;
	}
	.largeBanner{
		display: block !important
	}
	.mobileBanner{
		display: none !important
	}
	.d-flex-custom{
		display: block;
		text-align: center
	}
	.icon2 {
		width: 100px;
	}
	.customBorder {
		border-top: none;
		border-bottom: none;
		border-left: 1px solid #D1D1D1;
		border-right: 1px solid #D1D1D1;
	}
	p.paragraph3 {
    	font-size: 10px;
	}
}