@media (min-width: 769px) and (max-width: 2700px){

}
@media (min-width: 479px) and (max-width: 769px){

header .header{width:100%; height:auto; padding:7px 0 0 0; margin:auto; background:#fff; position:relative !important; top:0px; z-index:inherit; box-shadow:0 2px 2px rgba(0,0,0,0.1);} 
header .header1{width:100%; height:auto; padding:7px 0 0 0; margin:auto; background:#fff; position:relative; z-index:inherit; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header {width: 100%;height: auto; position:relative;   }
header .logoBox{width: 100%;height: auto; margin:7px auto; text-align:center;}
header .logoBox1{width: 20%;height: auto; margin:0 40% 7px 40%; text-align:center;}
header .headerContactDetails{width: 100%;height: auto; display:none;}
header.smaller .headerContactDetails{width: 100%;height: auto; display:none;}
header .rightBox{width:100%;float:none; margin:0; clear:both;}
header .menuBox{width:100%; height:auto; margin:0; padding:0; color:#007db8; font-size:17px; font-weight:400;}

header .logoBox img{width:150px;height: auto;}

/*-- Banner Css --*/
.bannerTextBox{width:100%; height:auto; padding:5% 0 0 0; margin:0;  background:url(images/bannerDottes.png) repeat; color:#fff; position:absolute;  top:0; }
.bannerHeading{width:100%; height:auto; font-size:50px; margin:0 0 30px 0;}
.bannerText{width:75%; height:auto; margin:auto; font-size:15px; line-height:25px;}

/*-- Services Css --*/
.serviceBox{width:48%; height:auto; padding:0; margin:1%; float:left;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:#fff;}

/*-- Footer Css --*/
.fCol1{width:38%; height:auto; margin:0 0 0 6%; float:left;}
.fCol2{width:50%; height:auto; padding:0 0 15px 0; float:left;}
.fCol3{width:88%; height:auto; padding:15px 0 0 0; margin:0 0 0 6%; border-top:dotted 1px #fff; float:none; clear:both;}
.copyright{width:100%; height:auto; padding:0; margin:0 0 7px 0;float:none;}
.poweredBy{width:100%;text-align:center; float:none;}

/*=== INNER PAGE ===*/
.innWrap{width:90%; height:auto; padding:25px auto; margin:0 auto;}
.prodBox{width:48%; height:auto; padding:0; margin:1%; float:left;}
.pageHeadContainer {margin:auto;}

.Col2 {width: 98%;height: auto;}

.contactFormBox{width:100%; height:auto; float:none;}

.submitBtnAlign{text-align:left;}
.contactDetailsBox{width:100%; height:auto; margin:0 0 0 0; float:none; font-weight:500; text-align:left;}
.cName{width:100%; margin:auto; padding:18px 0px 15px 0px; text-align:left; font-size:20px; color:#757575; text-transform:uppercase;}

}
@media (min-width: 320px) and (max-width: 480px){
h1{ margin:0 0 40px 0; font-size:20px; text-align:center; font-weight:bold; outline:none; text-transform:uppercase;}
	
header .header{width:100%; height:auto; padding:7px 0 0 0; margin:auto; background:#fff; position:relative; z-index:inherit; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header .header1{width:100%; height:auto; padding:7px 0 0 0; margin:auto; background:#fff; position:relative; z-index:inherit; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header {width: 100%;height: auto; position:relative;   }
header .logoBox{width: 100%;height: auto; margin:10px auto; text-align:center;}
header .logoBox1{width: 30%;height: auto; margin:0 35% 7px 35%; text-align:center;}
header .logo{width:100%;}
header .headerContactDetails{width: 100%;height: auto; display:none;}
header.smaller .headerContactDetails{width: 100%;height: auto; display:none;}
header .rightBox{width:100%;float:none; margin:0; clear:both;}
header .menuBox{width:100%; height:auto; margin:0; padding:0; color:#007db8; font-size:17px; font-weight:400;}

header .logoBox img{width:150px;height: auto;}

/*-- Banner Css --*/
.bannerTextBox{width:100%; height:auto; padding:5% 0 0 0; margin:0;  background:url(images/bannerDottes.png) repeat; color:#fff; position:absolute;  top:0; }
.bannerHeading{width:100%; height:auto; font-size:35px; margin:0 0 15px 0;}
.bannerText{width:90%; height:auto; margin:auto; font-size:12px; line-height:20px;}

/*-- Services Css --*/
.serviceBox{width:98%; height:auto; padding:0; margin:10px 1%; float:left;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:65px 3%; margin:auto; background:#fff;}
.aboutText{width:92%; height:auto; margin:auto; font-size:15px;line-height:25px; text-align:center;}

/*-- Footer Css --*/
.fCol1{width:88%; height:auto; margin:0 0 0 6%; float:none;}
.fCol2{width:88%; height:auto; padding:15px 6% 15px 6%; float:none; border-top:dotted 1px #fff; border-bottom:dotted 1px #fff;}
.fCol3{width:88%; height:auto; padding:15px 0 0 0; margin:0 0 0 6%; border-top:dotted 0px #fff; float:none; clear:both;}
.copyright{width:100%; height:auto; padding:0; margin:0 0 7px 0;float:none;}
.poweredBy{width:100%;text-align:center; float:none;}

/*=== INNER PAGE ===*/
.innWrap{width:90%; height:auto; padding:25px auto; margin:0 auto;}
.prodBox{width:98%; height:auto; padding:0; margin:20px 1%; float:none;}
.pageHeadContainer {margin:auto;}

.Col2 {width: 98%;height: auto;}

.contactFormBox{width:100%; height:auto; float:none;}
.cFormRow1 {width: 100%;margin: 0px 0px;}
.cFormLabel {width:100%;}
.cFormField {width: 100%;}
.submitBtnAlign{text-align:left;}
.contactDetailsBox{width:100%; height:auto; margin:0 0 0 0; float:none; font-weight:500; text-align:left;}
.cName{width:100%; margin:auto; padding:18px 0px 15px 0px; text-align:left; font-size:20px; color:#757575; text-transform:uppercase;}

}