/* ==========================================================================
    Elen-footer-RESPONSIVE STYLES - DEVICES RESOLUTION

<meta content="width=device-width, initial-scale=1" name="viewport" />
   
@media (min-width: 1340px){}
@media all and (max-width: 640px) {}
@media only screen and (min-width: 320px) and (max-width: 479px){}

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




}

@media only screen and (min-width: 150px) and (max-width: 519px){
/*CSS for animal food*/
.whitebg {background-color: #FFF;padding:30px 0;float: left;height: auto;width: 100%;}
.head-a {
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 20px;
}

.copyright br {display:block;}
.copyright span {display:none;}
.copyright {font-size: 13px;line-height: 13px; line-height:20px}	


.contact-address {padding:30px 0;}
.contact-address .in {width:94%;}
.frm {width:100%;padding-right:0px; border-right:none;  padding-bottom:30px; margin-bottom:10px; border-bottom:solid 1px #FFF;;}
.frm h4 {color:#FFF; font-size:14px; line-height:22px;}
.adrs {width:100%;}
.adrs h4 {color:#FFF; font-size:14px; line-height:22px; font-weight:normal !important; }
.contcfom label {width: 96%;margin-right: 0%;margin-bottom: 22px;}

.top-e {padding:50px 0;	width: 100%;}
.top-e .in {width:96%;}
.top-e .in ul li {
	float: left;
	width:97%;
	position: relative;
	margin:10px 1.5%;
}



.top-d ul li:nth-child(even) .items {float: right;}
.top-d ul li .items {width: 100%; text-align:center}
.top-d ul li .texxt {width: 94%;	padding:30px 1% 20px 5%;}
.top-d ul li .texxt h2 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	color: #0286d0;
	margin:0 0 10px 0;
}
.top-d ul li .texxt p {
	font-size:14px;
	color:#3e3e3e;
	line-height:20px;
	margin:0 0 6px;
}
.top-d ul li .items img {width:80%; height:auto;}


.top-c {padding: 35px 0;width: 100%;}
.top-c .in {width:96%;}
.top-c .in p {font-size:14px;line-height:20px; margin-bottom:10px;}


/*Banner*/
.top-b {width: 100%;}
.full2 {width:100%; height:auto; float:left; position:absolute; top:0;}
.full2in {width:100%; height:auto; margin:0 auto; position:relative;}
.bbox {width:52%; height:auto; background:#FFF; margin-top:0px; margin-left:0px; position:relative;}
.bbox ul {list-style:none;}
.bbox ul li {width:100%; height:auto; float:left;}
.bbox ul li img {width:100%; height:auto;}
.bbox .pgin {position:absolute; bottom:5px; left:40%; width:60px; display:none}

/*nav*/
.top-a {width:100%; height:auto; float:left; background:#0286d0;}
.top-a .in {width:100%;}
.top-a .in .logo {
	float: left;
	position: relative;
	background-color: #0286d0;
	width:200px;
	height:70px
}
.top-a .in .navig {
	width:100%; height:auto; float:left;
	background-color:transparent !important;;
	position:relative;
	right:0;
}

}


@media only screen and (min-width: 520px) and (max-width: 819px){
	/*CSS for animal food*/
.copyright br {display:none;}
.copyright {font-size: 13px;line-height: 13px; line-height:20px}

.whitebg {background-color: #FFF;padding:50px 0;float: left;height: auto;width: 100%;}
.head-a {
	font-size: 34px;
	line-height: 34px;
	padding-bottom: 24px;
}

.contact-address {padding:30px 0;}
.contact-address .in {width:94%;}
.frm {width:100%;padding-right:0px; border-right:none;  padding-bottom:30px; margin-bottom:10px; border-bottom:solid 1px #FFF;;}
.frm h4 {color:#FFF; font-size:14px; line-height:22px;}
.adrs {width:100%;}
.adrs h4 {color:#FFF; font-size:14px; line-height:22px; font-weight:normal !important; }
.contcfom label {
	font-family: 'Montserrat', sans-serif;
	line-height:35px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	width: 46%;
	position: relative;
	margin-right: 4%;
	margin-bottom: 22px;
}


.top-e {padding:100px 0;	width: 100%;}
.top-e .in {width:96%;}
.top-e .in ul li {
	float: left;
	width:47%;
	position: relative;
	margin:10px 1.5%;
}




.top-d ul li:nth-child(even) .items {float: right;}
.top-d ul li .items {width: 100%; text-align:center}
.top-d ul li .texxt {width: 94%;	padding:30px 1% 20px 5%;}
.top-d ul li .texxt h2 {
	font-size: 22px;
	line-height: 22px;
	font-weight: 500;
	color: #0286d0;
	margin:0 0 12px 0;
}
.top-d ul li .texxt p {
	font-size:14px;
	color:#3e3e3e;
	line-height:22px;
	margin:0 0 10px;
}
.top-d ul li .items img {width:70%; height:auto;}


.top-c {padding: 35px 0;width: 100%;}
.top-c .in {width:96%;}
.top-c .in p {font-size:15px;line-height:24px; margin-bottom:15px;}


/*Banner*/
.top-b {width: 100%;}
.full2 {width:100%; height:auto; float:left; position:absolute; top:0;}
.full2in {width:100%; height:auto; margin:0 auto; position:relative;}
.bbox {width:47%; height:auto; background:#FFF; margin-top:10px; margin-left:10px; position:relative;}
.bbox ul {list-style:none;}
.bbox ul li {width:100%; height:auto; float:left;}
.bbox ul li img {width:100%; height:auto;}
.bbox .pgin {position:absolute; bottom:5px; left:40%; width:60px;}



/*nav*/
.top-a {width:100%; height:auto; float:left; background:#0286d0;}
.top-a .in {width:100%;}
.top-a .in .logo {
	float: left;
	position: relative;
	background-color: #0286d0;
	width:30%;
	height:80px;
}
.top-a .in .navig {
	width:100%; height:auto; float:left;
	background-color:transparent !important;;
	position:relative;
	right:0;
}


}



@media only screen and (min-width: 150px) and (max-width: 319px){

}


@media only screen and (min-width: 320px) and (max-width: 479px){

}


@media only screen and (min-width: 480px) and (max-width: 569px){

}


@media only screen and (min-width: 570px) and (max-width: 767px){

}


@media only screen and (min-width: 768px) and (max-width: 991px){
 
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}


@media (min-width: 1200px) {

}


@media (min-width: 1340px){

}