@media (min-width: 905px) and (max-width: 1025px){
.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#588500;}
.trISO{ display:none;}

.trRightBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; float:right; color:#fff; font-weight:300; font-size:13px;}

/*-- Banner Css --*/
.bannerHeading{width:50%; height:auto; padding:10px 2% 12px 8%; margin:auto; position:absolute; z-index:1; top:37%; color:#fff; font-size:35px; font-weight:900; line-height:45px; text-align:left; text-shadow:0 2px 2px #000;}

/*-- Product Categories --*/
.pcpanel{width:94%; height:auto; padding:45px 0 65px 0; margin:0 auto;}
.pcbox{width:29.3%; height:auto; padding:10px 1% 7px 1%; margin:0 1%; float:left; border-radius:7px;}
.pcimgbox{width:94%; height:auto; padding:7px 3%; margin:0; background:#fff; border-radius:7px; overflow:hidden;}
.pcnamebox{width:90%; height:auto; padding:12px 5% 7px 5%; margin:7px 0 0 0; color:#fff; font-weight:bold; font-size:25px; text-align:center; line-height:35px; text-shadow:0 1px 1px #000;font-family:'Catamaran', sans-serif !important;}
}

@media (min-width: 480px) and (max-width: 905px){
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:18px; color:#fff; text-align:left; font-weight:900; text-transform:uppercase;}

.topRibon{width:96%; height:auto; padding:0px 2%; margin:auto; background:#588500;}
.trISO{ display:none;}

.trRightBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; float:right; color:#fff; font-weight:300; font-size:13px;}


header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:none; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:275px;height: auto; padding:0px 0 0 10px; margin:15px auto 7px 0 !important; float:none;position:relative; top:0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:130px;height: auto; padding:0px 0 0 10px; margin:0px auto 7px 0 !important; float:none;position:relative; top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:50%; height:auto; padding:10px 2% 12px 12%; margin:auto; position:absolute; z-index:1; top:25%; color:#fff; font-size:30px; font-weight:900; line-height:45px; text-align:left; text-shadow:0 2px 2px #000;}

/*-- Heading --*/
.hpHeadingbox{width:98%; height:auto; padding:7px 1%; margin:0 0 20px 0;}
.hpHeadingSmallText{width:100%; height:auto; padding:0; margin:5px 0 0px 0; font-size:15px; text-align:center; color:#999;font-family:'Catamaran', sans-serif !important;}

/*-- Product Categories --*/
.pcpanel{width:94%; height:auto; padding:45px 0 40px 0; margin:0 auto;}
.pcbox{width:95%; height:auto; padding:10px 1.5%; margin:0 1% 25px 1%;float:left; border-radius:7px;}

/*-- Milk Bottal Section --*/
.mbpanel{width:92%; height:auto; padding:45px 4%; margin:0 auto; background:#f1f1f1 url(../images/cowbg.jpg) no-repeat center center fixed; background-size:200% auto;}
.mbheadingBox{width:100%; height:auto; padding:15px 0 25px 0; margin:0;}
.mbheadingsmtext{width:80%; height:auto; padding:15px 0 25px 0; margin:0 auto; text-align:center; font-size:16px; font-weight:400;color:#000; line-height:27px;font-family:'Catamaran', sans-serif !important;}
.mbleftbox{width:90%; height:auto; padding:0; margin:0 5%; float:auto;}
.mbmidbox{width:40%; height:auto; padding:0; margin:30px auto; float:none;}
.mbrightbox{width:90%; height:auto; padding:0; margin:0 5%; float:none;}

/*-- Index About Box --*/
.aboutpanel{width:89%; height:auto; padding:0px 5% 50px 5%; margin:0; background:url(images/bgimg1.jpg) no-repeat center center fixed; font-size:13px; color:#555; line-height:22px;}
.aboutBox{width:50%; height:auto; padding:0; margin:0; float:left;}
.aboutText{width:100%; height:auto; padding:0; margin:40px auto 0 auto; color:#333; font-size:16px; line-height:27px; text-align:center;font-family:'Catamaran', sans-serif !important;}

.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}
.readmorebox2{width:auto; padding:0; margin:0 auto 0 40%; cursor:pointer;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:45px 0 0 0; margin:auto; background:#0e0e0e url(../images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerCol1{width:90%; height:auto; padding:0 5% 0 5%; margin:auto; float:none;}
.footerCol2{width:90%; height:auto; padding:15px 0 0px 0; margin:auto 5% 15px 5%; float:none; border-top:dashed 1px #fff; border-bottom:dashed 1px #fff;}
.footerCol3{width:90%; height:auto; padding:0 5% 0 5%; margin:auto; float:none;}
.fContactDetailsBox{width:100%; padding:0px 0 15px 0;}
div#fNav1 ul { margin:10px 0 10px 0; padding: 0; list-style: none; }
div#fNav2 ul { margin:10px 0 10px 0; padding: 0; list-style: none; } 

.copyright{width:100%; height:auto; margin:0 0 10px 0; text-align:center; float:none;}
.poweredby{width:100%; height:auto; text-align:center; float:none;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#006bcf;}

/*== INNER PAGE ==*/
.innWrap{width:92%; height:auto; padding:45px 0 50px 0; margin:0 auto;color:#333; font-size:16px; line-height:25px; text-align:justify;}

/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin: 0 !important; position:relative;}
.ipImg{width:95%; height:auto; padding:0; margin:2.5%;}

/*-- About Page --*/
.aboutLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:98%; height:auto; padding:7px 1%; margin:25px 0 0 0; background:#f1f1f1; border:solid 1px #e1e1e1; float:none;}

/*-- Products Page --*/
.productLeftBox{width:23%; height:auto; padding:17px 1% 0px 1%; margin:auto; float:left; background:#f5f5f5; border:solid 1px #e1e1e1; display:none;}
.productRightBox{width:100%; height:auto; margin:0; float:none;}

.ipBox{width:48%; height:auto; padding:0; margin:0 1% 20px 1%;float:left; background:#f5f5f5;}


/*-- Contact Page --*/
.iContactPanel{width:90%; height:auto; padding:0 5%; margin:0; }
.iContactInquiryBox{width:100%; height:auto; padding:0; margin:0; float:none;}
.iContactDetailsBox{width:90%; height:auto; padding:25px 5% 15px 5%; margin:0; background:#f1f1f1; border:solid 1px #e1e1e1; line-height:20px;float:none;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:0 0 25px 0; color:#000; font-size:25px; font-weight:900; text-transform:uppercase;}

}
@media (min-width: 320px) and (max-width: 480px){
h1{width:100%; height:auto; padding:0px;color:#000; font-size:20px; font-weight:900; font-family:Arial, Helvetica, sans-serif;}
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:15px; color:#fff; text-align:left; font-weight:900; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
	
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:18px; color:#fff; text-align:left; font-weight:900; text-transform:uppercase;}
.left{ text-align:center;}
h2{width:100%; height:auto; padding:0; margin:5px 0;font-size:18px; color:#fff; text-align:left; font-weight:900; text-transform:uppercase;}

.topRibon{width:98%; height:auto; padding:0px 1%; margin:auto; background:#588500;}
.trISO{ display:none;}

.trRightBox{width:100%; height:auto; padding:0; margin:0 0 10px 0; float:right; color:#fff; font-weight:300; font-size:13px;}
.trCallUs{width:auto; height:auto; padding:9px 0 0 0; margin:0; float:left; color:#fff; font-weight:600; font-size:12px;}
.trEmail{display:none;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff;border-bottom:solid 0px #d30205; position:relative; z-index:101;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important; }
 
header .rightBox{width:100%;float:none; margin:0; text-align:right;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header .logoBox{width:250px;height: auto; padding:0px 0 0 10px; margin:15px auto 7px 0 !important; float:none;position:relative; top:0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

header.smaller {height: auto; }
header.smaller .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:relative; z-index:99999; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .rightBox{width:100%;float:none; margin:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}
header.smaller .logoBox{width:250px;height: auto; padding:0px 0 0 10px; margin:15px auto 7px 0 !important; float:none;position:relative; top:0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s !important;}

/*-- Banner Css --*/
.bannerPanel{width:100%; height:auto; margin:0;}
.banner{width:100%; height:auto; padding:0; margin:0;position:relative;}
.bannerHeading{width:70%; height:auto; padding:10px 15%; margin:auto; position:absolute; z-index:1; top:25%; color:#fff; font-size:25px; font-weight:900; line-height:35px; text-align:left; text-shadow:0 2px 2px #000;}

/*-- Heading --*/
.hpHeadingbox{width:98%; height:auto; padding:7px 1%; margin:0 0 20px 0;}
.hpHeadingSmallText{width:100%; height:auto; padding:0; margin:5px 0 0px 0; font-size:15px; text-align:center; color:#999;font-family:'Catamaran', sans-serif !important;}

/*-- Product Categories --*/
.pcpanel{width:94%; height:auto; padding:45px 0 40px 0; margin:0 auto;}
.pcbox{width:95%; height:auto; padding:10px 1.5%; margin:0 1% 25px 1%;float:left; border-radius:7px;}

/*-- Milk Bottal Section --*/
.mbpanel{width:92%; height:auto; padding:45px 4%; margin:0 auto; background:#f1f1f1 url(../images/cowbg.jpg) no-repeat center center fixed; background-size:200% auto;}
.mbheadingBox{width:100%; height:auto; padding:15px 0 25px 0; margin:0;}
.mbheadingsmtext{width:80%; height:auto; padding:15px 0 25px 0; margin:0 auto; text-align:center; font-size:16px; font-weight:400;color:#000; line-height:27px;font-family:'Catamaran', sans-serif !important;}
.mbleftbox{width:90%; height:auto; padding:0; margin:0 5%; float:auto;}
.mbmidbox{width:40%; height:auto; padding:0; margin:30px auto; float:none;}
.mbrightbox{width:90%; height:auto; padding:0; margin:0 5%; float:none;}

/*-- Index About Box --*/
.aboutpanel{width:89%; height:auto; padding:0px 5% 50px 5%; margin:0; background:url(images/bgimg1.jpg) no-repeat center center fixed; font-size:13px; color:#555; line-height:22px;}
.aboutBox{width:50%; height:auto; padding:0; margin:0; float:left;}
.aboutText{width:100%; height:auto; padding:0; margin:40px auto 0 auto; color:#333; font-size:16px; line-height:27px; text-align:center;font-family:'Catamaran', sans-serif !important;}

.aboutreadmorebox{width:auto; height:auto; padding:0; margin:40px auto 0 auto;}
.readmorebox2{width:auto; padding:0; margin:0 auto 0 40%; cursor:pointer;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:45px 0 0 0; margin:auto; background:#0e0e0e url(../images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerCol1{width:90%; height:auto; padding:0 5% 0 5%; margin:auto; float:none;}
.footerCol2{width:90%; height:auto; padding:15px 0 0px 0; margin:auto 5% 15px 5%; float:none; border-top:dashed 1px #fff; border-bottom:dashed 1px #fff;}
.footerCol3{width:90%; height:auto; padding:0 5% 0 5%; margin:auto; float:none;}
.fContactDetailsBox{width:100%; padding:0px 0 15px 0;}
div#fNav1 ul { margin:10px 0 10px 0; padding: 0; list-style: none; }
div#fNav2 ul { margin:10px 0 10px 0; padding: 0; list-style: none; } 

.copyright{width:100%; height:auto; margin:0 0 10px 0; text-align:center; float:none;}
.poweredby{width:100%; height:auto; text-align:center; float:none;}
.poweredNav{color:#fff;}
.poweredNav:hover{color:#006bcf;}

/*== INNER PAGE ==*/
.innWrap{width:92%; height:auto; padding:45px 0 50px 0; margin:0 auto;color:#333; font-size:16px; line-height:25px; text-align:justify;}

/*-- Page Heading --*/
.innBanner{width:100%;margin:0; padding:0; margin: 0 !important; position:relative;}
.ipImg{width:95%; height:auto; padding:0; margin:2.5%;}

/*-- About Page --*/
.aboutLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none;}
.innAboutHeading{width:100%; height:auto; padding:0px; margin:0 0 30px 0; color:#000; font-size:22px; font-weight:900; text-transform:uppercase;}
.aboutRightBox{width:98%; height:auto; padding:7px 1%; margin:25px 0 0 0; background:#f1f1f1; border:solid 1px #e1e1e1; float:none;}

/*-- Products Page --*/
.productLeftBox{width:23%; height:auto; padding:17px 1% 0px 1%; margin:auto; float:left; background:#f5f5f5; border:solid 1px #e1e1e1; display:none;}
.productRightBox{width:100%; height:auto; margin:0; float:none;}

.ipBox{width:98%; height:auto; padding:0; margin:0 1% 20px 1%;float:left; background:#f5f5f5;}

/*-- Contact Page --*/
.iContactPanel{width:90%; height:auto; padding:0 5%; margin:0; }
.iContactInquiryBox{width:100%; height:auto; padding:0; margin:0; float:none;}
.iContactDetailsBox{width:90%; height:auto; padding:25px 5% 15px 5%; margin:0; background:#f1f1f1; border:solid 1px #e1e1e1; line-height:20px;float:none;}
.iContactHeading{width:100%; height:auto; padding:0px; margin:0 0 25px 0; color:#000; font-size:25px; font-weight:900; text-transform:uppercase;}
}