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

}
@media (min-width: 1025px) and (max-width: 1250px){

}
@media (min-width: 769px) and (max-width: 1025px){
.trContactDetails{width:auto; height:auto; padding:0; margin:0; float:left; color:#fff; font-weight:bold; font-size:15px;}
	
header {width: 100%;height: auto;position:relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.2);-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:right; 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:30%;height: auto; padding:0px; margin:10px 35%; float:left; -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.2);}
header.smaller .rightBox{width:100%;float:right; 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:30%;height: auto; padding:0px; margin:10px 35%;-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 .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative;}

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

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:50px 5% 40px 5%; margin:auto; background:#231f20; border-top:solid 4px #fe802b;}
.footerCol1{width:25%; height:auto; padding:0; margin:0; float:left;}
.footerCol3{width:60%; height:auto; padding:0; margin:0 5% 0 0; float:right;}
.fIconBox{width:3%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:30px; color:#fe802b;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}
}
@media (min-width: 479px) and (max-width: 769px){
.trContactDetails{width:100%; height:auto; padding:0 0 7px 0; margin:0; float:left; color:#fff; font-weight:bold; font-size:14px;}
.trContactBox{ width:auto; height:auto; padding:0; margin:7px 10px 0 0; float:left;}
.trRightBox{ display:none;}
	
header {width: 100%;height: auto;position:relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.2);-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:right; 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:50%;height: auto; padding:0px; margin:10px 25%; float:left; -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.2);}
header.smaller .rightBox{width:100%;float:right; 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:50%;height: auto; padding:0px; margin:10px 25%;-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 .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative;}

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

/*-- Gallery Css --*/
.galleryPanel{width:94%; height:auto; padding:35px 3%; margin:auto; background:#fff;}
.galleryBox{width:100%; height:auto; padding:0px; margin:0; float:none;}

.newsBox{width:100%; height:265px; padding:0px; margin:20px 0 0 0; float:none; border-left:solid 0px #f2f2f2;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:30px 5% 30px 5%; margin:auto; background:#231f20; border-top:solid 4px #fe802b;}
.footerCol1{width:100%; height:auto; padding:0; margin:0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:30px 5% 0 0; float:none;}
.fIconBox{width:3%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:30px; color:#fe802b;}
.copyright{width:100%; height:auto; float:none; font-size:15px; text-align:center;}
.poweredBy{width:100%; height:auto; padding:5px 0 0 0; float:none; text-align:center;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}

.clientLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none;}
.clientRightBox{width:100%; height:auto; padding:30px 0 0 0; margin:auto; float:none;}

.tableContainer{width:100%; height:100%; padding:0; margin:0; overflow:scroll;}
.table {width:1000px;border-collapse: collapse;}

/*-- Contact Us Page Css --*/
.contactFormBox{width:100%; height:auto; float:none;}
.contactDetailsBox{width:100%; height:auto; margin:0; float:none; font-size:17px; line-height:30px; text-align:left !important;}
}
@media (min-width: 320px) and (max-width: 480px){
.topRibon{width:40%; height:auto; padding:0px 35% 0px 25%; margin:auto; background:#fe802b;}
.trContactDetails{ display:none;}
.trRightBox{ display:block; text-align:center;}
	
header {width: 100%;height: auto;position:relative;top: 0;left: 0;z-index: 999;}
header .header{width:100%; height:auto; padding:0px; margin:auto; background:#fff; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.2);-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:right; 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:70%;height: auto; padding:0px; margin:10px 15%; float:left; -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.2);}
header.smaller .rightBox{width:100%;float:right; 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:70%;height: auto; padding:0px; margin:10px 15%;-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 .menuBox{ margin:0px 0 0 0;}

/*-- Banner Css --*/
.banner{width:100%; height:auto; margin:0; position:relative;}

/*-- About Us Css --*/
.aboutPanel{width:94%; height:auto; padding:50px 3% 55px 3%; margin:auto; background:#f2f2f2;}
.aboutText{width:95%; height:auto; margin:auto; font-size:18px; color:#777; font-weight:300; line-height:25px; text-align:center;}

/*-- Gallery Css --*/
.galleryPanel{width:94%; height:auto; padding:35px 3%; margin:auto; background:#fff;}
.galleryBox{width:100%; height:auto; padding:0px; margin:0; float:none;}
.galleryImgBox{width:48%; height:auto; padding:0; margin:3px 1%; float:left;}
.viewMoreBox{width:100%; height:auto; padding:0; margin:10px 0 0 0; text-align:center !important;}

.newsBox{width:100%; height:265px; padding:0px; margin:20px 0 0 0; float:none; border-left:solid 0px #f2f2f2;}

/*-- Footer Panel --*/
.footerPanel{width:90%; height:auto; padding:30px 5% 30px 5%; margin:auto; background:#231f20; border-top:solid 4px #fe802b;}
.footerCol1{width:100%; height:auto; padding:0; margin:0; float:none;}
.footerCol3{width:100%; height:auto; padding:0; margin:30px 5% 0 0; float:none;}
.fIconBox{width:3%; height:auto; padding:0; margin:0 0 0 0; float:left; font-size:20px; color:#fe802b;}
.fPhoneNo{ font-size:20px; font-weight:bold;}
.fEmail{ font-size:20px; font-weight:bold;}
.copyright{width:100%; height:auto; float:none; font-size:15px; text-align:center;}
.poweredBy{width:100%; height:auto; padding:5px 0 0 0; float:none; text-align:center;}

/*=== INNER PAGE ===*/
.innWrap{width:100%; height:auto; padding:0; margin:0;}

.clientLeftBox{width:100%; height:auto; padding:0; margin:auto; float:none; font-size:15px; line-height:25px;}
.clientRightBox{width:100%; height:auto; padding:30px 0 0 0; margin:auto; float:none; font-size:15px; line-height:25px;}

.tableContainer{width:100%; height:100%; padding:0; margin:0; overflow:scroll;}
.table {width:1000px;border-collapse: collapse;}

/*-- Contact Us Page Css --*/
.contactFormBox{width:100%; height:auto; float:none;}
.contactDetailsBox{width:100%; height:auto; margin:20px 0 0 0; float:none; font-size:16px; line-height:25px; text-align:left !important;}
.cFormRow1{width:100%; margin:0px;}
.cFormLabel{width:100%; padding:7px 0 7px 0; float:none; font-size:17px; text-align:left;}
.cFormField{width:100%; float:none; position:relative;}
.cName{width:100%; padding:18px 0px 20px 0px; text-align:left; font-size:22px; color:#fe802b; font-weight:bold;}
.submitBtnAlign{text-align:center;}
}