@media (min-width: 1000px) and (max-width: 1150px){
header .rightBox{width:auto;float:right; margin:20px 0 10px 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.smaller .rightBox{width:auto;float:right; margin:8px 0 5px 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 --*/
.banner{width:100%; height:auto; position:relative; margin:110px 0 0 0;}
.bannerBlackBox{width:100%; height:auto; padding:25px 0; margin:auto; background:none; color:#fff; position:absolute;  top:14%; z-index:1; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:35px; color:#fff; font-weight:900; margin:0 0 15px 0; text-align:center; text-shadow:2px 2px 2px #000; text-transform:uppercase;}
.bannerText{width:96%; height:auto; margin:auto; font-size:15px; color:#fff; font-weight:bold; line-height:32px; text-align:center;text-shadow:2px 2px 2px #000;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:55px 2% 30px 2%; margin:auto;}
.servicesHeading{width:100%; padding:0 0 35px 0;}
.servicesHSMText{width:94%; height:auto; padding:0; margin:10px 3%; font-size:16px; font-weight:400; color:#999; line-height:22px; text-align:center;}

.serviceBox{width:23.2%; height:auto; padding:0; margin:0px 0.75% 25px 0.75%; border:solid 1px #f1f1f1; float:left;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceImgBox{width:96%; height:auto; padding:5px 2%; margin:0;}

.isTextBox{width:90%; height:auto; margin:15px 5% 0 5%; text-align:center; font-size:13px; font-weight:400; color:#fff; line-height:20px; clear:both;}

/*-- About Panel --*/
.aboutPanel{width:90%; height:auto; padding:0 5% 45px 5%; margin:auto; /*background:#ff443b;*/ background:url(../images/aboutbg.jpg) fixed center center !important; background-size:100% 100%;}
.aboutHeading{width:100%; height:auto; padding:50px 0 0 0; margin:0; text-align:left !important;}
.aboutTextBox{width:100%; height:auto; padding:0 !important; margin:0 auto !important; float:none;}
.aboutImgBox{width:100%; height:auto; padding:0; margin:0; float:none;}
.aboutHeadBox{padding:0; margin:30px 0 0 0; font-size:16px; color:#fff; text-align:left !important; font-weight:bold;}
.aboutText{padding:15px 0; margin:10px 0 0 0; font-size:16px; color:#fff; text-align:justify; font-weight:400;line-height:27px;}

/*== INNER PAGE ==*/
.bcPanel{width:91%; height:auto; padding:25px 1.5% 20px 1.5%; margin:110px auto 0 auto; background:#f5f5f5; border-bottom:solid 0px #fff;}
.innwrap{width:90%; height:auto; padding:20px 2% 20px 2%; margin:0 auto 35px auto; background:#fff; font-size:14px; font-weight:400; color:#111; line-height:25px; border-radius:20px; font-family:'Segoe UI',Verdana, Geneva, sans-serif;}

.innImgBox{width:35%; height:auto; padding:5px; margin:0 0 15px 15px; border:solid 1px #f1f1f1; float:right;}
.innimgpanel{ width:100%; height:auto; padding:0; margin:45px 0 20px 0;}
.innImgBox1{width:21.5%; height:auto; padding:5px; margin:0 1%; border:solid 1px #f1f1f1; float:left;}

/*-- Clients --*/
.clientsBox{width:31%; height:auto; padding:7px 0; margin:10px 1%; color:#000; border:solid 1px #e5e5e5; float:left; text-align:center; font-size:14px; font-weight:400;}
.clientsBox:hover{color:#d70a00;border:solid 1px #d70a00;}
.clientsBox:hover .clientsNameBox{border-top:dashed 1px #000;}

}

@media (min-width: 481px) and (max-width: 769px){
.trCallUsToday{width:100%; height:auto; padding:9px 0 9px 0; margin:0; float:none; color:#fff; text-align:center;}
.trEmailId{display:none;}
.trRightBox{display:none;}	
	
header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999; background:#fff;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-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:22%;height: auto; padding:0px; margin:5px auto; float:none; -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:10px 0 0 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.smaller .header{width:100%; height:auto; padding:0; margin:auto; background:#fff; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .logoBox{width:15%;height: auto; padding:0px; margin:5px auto; float:none;-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 .rightBox{width:100%;float:none; margin:10px 0 0 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 --*/
.banner{width:100%; height:auto; position:relative; margin:0;}
.bannerBlackBox{width:100%; height:auto; padding:25px 0; margin:auto; background:none; color:#fff; position:absolute;  top:10%; z-index:1; border-radius:7px;}
.bannerHeading{width:100%; height:auto; font-size:30px; color:#fff; font-weight:900; margin:0 0 10px 0; text-align:center; text-shadow:2px 2px 2px #000; text-transform:uppercase;}
.bannerText{width:96%; height:auto; margin:auto; font-size:14px; color:#fff; font-weight:bold; line-height:32px; text-align:center;text-shadow:2px 2px 2px #000;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:30px 2% 30px 2%; margin:auto;}
.servicesHeading{width:100%; padding:0 0 15px 0;}
.servicesHSMText{width:94%; height:auto; padding:0; margin:10px 3%; font-size:15px; font-weight:400; color:#777; line-height:22px; text-align:center;}

.serviceBox{width:46.5%; height:auto; padding:0; margin:0px 1.5% 20px 1.5%; border:solid 1px #f1f1f1; float:left;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceImgBox{width:96%; height:auto; padding:5px 2%; margin:0;}

/*-- About Panel --*/
.aboutPanel{width:90%; height:auto; padding:0 5% 45px 5%; margin:auto; /*background:#ff443b;*/ background:url(../images/aboutbg.jpg) fixed center center !important; background-size:100% 100%;}
.aboutHeading{width:100%; height:auto; padding:50px 0 0 0; margin:0; text-align:left !important;}
.aboutTextBox{width:100%; height:auto; padding:0 !important; margin:0 auto !important; float:none;}
.aboutHeadBox{padding:0; margin:30px 0 0 0; font-size:16px; color:#fff; text-align:left !important; font-weight:bold;}
.aboutText{padding:15px 0; margin:10px 0 0 0; font-size:16px; color:#fff; text-align:justify; font-weight:400;line-height:27px;}

.aboutEnquiryBox{width:90%; height:auto; padding:20px 5% 10px 5%; margin:0; float:none;}
.abinquiryCol1{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.abinquiryCol2{width:100%; height:auto; padding:0; margin:0 0 18px 0; float:none; position:relative;}
.abinquiryCol3{width:100%; height:auto; padding:0; margin:auto; float:none; position:relative;}

/*-- Short Description --*/
.sPanel{width:90%; height:auto; padding:40px 5% 10px 5%; margin:auto; border-bottom:solid 1px #e5e5e5; background:#f9f9f9;}
.sBox{ width:90% !important; height:auto; padding:0 0 10px 0; margin:auto auto 15px auto; float:none; border-right:solid 0px #e5e5e5; border-bottom:solid 1px #f1f1f1;}
.simgbox{width:50px; height:auto; padding:15px; margin:auto; background:#f4f4f4; border:solid 4px #fff; box-shadow:0px 3px 3px rgba(0,0,0,0.2); border-radius:100px; overflow:hidden; text-align:center;}

/*-- Clients Css --*/
.clientPanel{width:96%; height:auto; padding:35px 2% 40px 2%; margin:auto;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:30px 0 0 0; background:#000 url(images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerNavSection{width:100%; height:auto; padding:20px 0;  color:#fff; font-size:12px; line-height:20px;}
.footerContentBox{width:100%; height:auto; margin:auto;}
.footerCol1{width:45%; padding:0 0 0 5%; float:left;}
.footerCol2{width:45%; height:auto; margin:0 5% 0 0; float:left;}
.footerCol3{width:90% !important; height:auto; padding:15px 0 0 0; margin:35px 5% 0 5%; float:none; clear:both; border-top:dotted 1px #fff;}

.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:15px 0; font-size:14px; color:#fff; font-weight:400; text-align:left;}
.fLocation{width:90%; height:auto; padding-left:35px; background:url(../images/fLocationIcon.png) no-repeat left 5px;}
.fContact{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(../images/fContactIcon.png) no-repeat left 3px;}
.fWhatsApp{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(../images/whatsAppIcon.png) no-repeat left 3px;}
.fEmail{width:75%; height:auto; padding:3px 0px 0px 35px; margin:10px 0;background:url(../images/fMailIcon.png) no-repeat left 5px;}
.fWebsite{width:75%;height:auto;padding:3px 0px 0px 35px;margin:10px 0; background:url(../images/websiteIcon.png) no-repeat left 3px;}

.copyrightBox{width:94%; height:auto; padding:17px 3%; background:#070707; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #383838;}
.copyright{width:auto; height:auto; padding:0; margin:0; color:#fff; font-size:13px; text-align:center; float:left;}
.poweredBy{width:auto; color:#fff; font-size:12px; text-align:right; float:right;}

/*== INNER PAGE ==*/
.bcPanel{width:91%; height:auto; padding:25px 1.5% 20px 1.5%; margin:0px auto 0 auto; background:#f5f5f5; border-bottom:solid 0px #fff;}
.innwrap{width:90%; height:auto; padding:20px 2% 5px 2%; margin:0 auto 35px auto; background:#fff; font-size:14px; font-weight:400; color:#111; line-height:25px; border-radius:20px; font-family:'Segoe UI',Verdana, Geneva, sans-serif;}

.innImgBox{ display:none;}
.innimgpanel{ width:100%; height:auto; padding:0; margin:45px 0 20px 0;}
.innImgBox1{width:44.5%; height:auto; padding:7px; margin:0 1.5% 20px 1.5%; border:solid 1px #f1f1f1; float:left;}

/*-- Clients --*/
.clientsBox{width:47%; height:auto; padding:7px 0; margin:10px 1%; color:#000; border:solid 1px #e5e5e5; float:left; text-align:center; font-size:14px; font-weight:400;}
.clientsBox:hover{color:#d70a00;border:solid 1px #d70a00;}
.clientsBox:hover .clientsNameBox{border-top:dashed 1px #000;}

/*-- Career Page Css --*/
.careerBody{width:90%; height:auto; padding:25px 0; margin:auto 5%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}
.careerDetailsBox{width:100%; height:auto; margin:0 0 25px 0; float:none; font-weight:400; color:#000;}
.careerFormBox{width:100%; height:auto; margin:0; float:none;}

/*-- Contact Us --*/
.contactbox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfoBox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfo{width:27%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 0px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.contactInfo1{width:27%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 0px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}

}
@media (min-width: 320px) and (max-width: 480px){
.trCallUsToday{width:100%; height:auto; padding:9px 0 9px 0; margin:0; float:none; color:#fff; text-align:center;}
.trEmailId{display:none;}
.trRightBox{display:none;}

header {width: 100%;height: auto;position: relative;top: 0;left: 0;z-index: 999; background:#fff;}
header .header{width:100%; height:auto; padding:0; margin:auto; background:#fff; position:relative; z-index:101;box-shadow:0 2px 2px rgba(0,0,0,0.4);-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:35%;height: auto; padding:0px; margin:5px auto; float:none; -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:10px 0 0 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.smaller .header{width:100%; height:auto; padding:0; margin:auto; background:#fff; position:relative; z-index:101; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
header.smaller .logoBox{width:15%;height: auto; padding:0px; margin:5px auto; float:none;-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 .rightBox{width:100%;float:none; margin:10px 0 0 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 --*/
.banner{width:100%; height:auto; position:relative; margin:0;}
.bannerBlackBox{ display:none;}

/*-- Services Css --*/
.servicesPanel{width:96%; height:auto; padding:30px 2% 30px 2%; margin:auto;}
.servicesHeading{width:100%; padding:0 0 15px 0;}
.servicesHSMText{width:94%; height:auto; padding:0; margin:10px 3%; font-size:15px; font-weight:400; color:#777; line-height:22px; text-align:center;}

.serviceBox{width:96.5%; height:auto; padding:0; margin:0px 1.5% 20px 1.5%; border:solid 1px #f1f1f1; float:left;-webkit-transition: all 0.3s !important;-moz-transition: all 0.3s !important;-ms-transition: all 0.3s !important;-o-transition: all 0.3s !important;transition: all 0.3s !important;}
.serviceImgBox{width:96%; height:auto; padding:8px 2%; margin:0;}
.serviceHeading{width:100%; height:auto; padding:10px 0; margin:0; border-top:solid 1px #f1f1f1; font-size:17px; font-weight:bold; text-align:center;}

/*-- About Panel --*/
.aboutPanel{width:90%; height:auto; padding:0 5% 45px 5%; margin:auto; /*background:#ff443b;*/ background:url(../images/aboutbg.jpg) fixed center center !important; background-size:100% 100%;}
.aboutHeading{width:100%; height:auto; padding:50px 0 0 0; margin:0; text-align:left !important;}
.aboutTextBox{width:100%; height:auto; padding:0 !important; margin:0 auto !important; float:none;}
.aboutImgBox{width:100%; height:auto; padding:0; margin:0; float:none;}

.aboutHeadBox{padding:0; margin:30px 0 0 0; font-size:16px; color:#fff; text-align:left !important; font-weight:bold;}
.aboutText{padding:15px 0; margin:10px 0 0 0; font-size:16px; color:#fff; text-align:justify; font-weight:400;line-height:27px;}

.aboutEnquiryBox{width:90%; height:auto; padding:20px 5% 10px 5%; margin:0; float:none;}
.abinquiryCol1{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.abinquiryCol2{width:100%; height:auto; padding:0; margin:0 0 18px 0; float:none; position:relative;}
.abinquiryCol3{width:100%; height:auto; padding:0; margin:auto; float:none; position:relative;}

/*-- Short Description --*/
.sPanel{width:90%; height:auto; padding:40px 5% 10px 5%; margin:auto; border-bottom:solid 1px #e5e5e5; background:#f9f9f9;}
.sBox{ width:90% !important; height:auto; padding:0 0 10px 0; margin:auto auto 15px auto; float:none; border-right:solid 0px #e5e5e5; border-bottom:solid 1px #f1f1f1;}
.simgbox{width:50px; height:auto; padding:15px; margin:auto; background:#f4f4f4; border:solid 4px #fff; box-shadow:0px 3px 3px rgba(0,0,0,0.2); border-radius:100px; overflow:hidden; text-align:center;}

/*-- Clients Css --*/
.clientPanel{width:96%; height:auto; padding:35px 2% 40px 2%; margin:auto;}

/*-- Footer Css --*/
.footerPanel{width:100%; height:auto; padding:30px 0 0 0; background:#000 url(../images/footerBg.png) no-repeat center center; color:#697585; text-align:center;}
.footerNavSection{width:100%; height:auto; padding:20px 0;  color:#fff; font-size:12px; line-height:20px;}
.footerContentBox{width:100%; height:auto; margin:auto;}
.footerCol1{width:90%; padding:0 5% 0 5%; float:none;}
.footerCol2{width:90%; height:auto; margin:0 5% 0 5%; float:none;}
div#fNav2 ul { margin:0; padding: 0; list-style: none; } 
.footerCol3{width:90% !important; height:auto; padding:15px 0 0 0; margin:35px 5% 0 5%; float:none; clear:both; border-top:dotted 1px #fff;}

.footerTextBox{width:100%; text-align:justify; padding:15px 0px;}
.fContactDetailsBox{width:100%; padding:15px 0; font-size:14px; color:#fff; font-weight:400; text-align:left;}
.fLocation{width:90%; height:auto; padding-left:35px; background:url(../images/fLocationIcon.png) no-repeat left 5px;}
.fContact{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(../images/fContactIcon.png) no-repeat left 3px;}
.fWhatsApp{width:75%; height:auto; padding:0px 0px 0px 35px; margin:10px 0; background:url(../images/whatsAppIcon.png) no-repeat left 3px;}
.fEmail{width:75%; height:auto; padding:3px 0px 0px 35px; margin:10px 0;background:url(../images/fMailIcon.png) no-repeat left 5px;}
.fWebsite{width:75%;height:auto;padding:3px 0px 0px 35px;margin:10px 0; background:url(../images/websiteIcon.png) no-repeat left 3px;}

.copyrightBox{width:94%; height:auto; padding:17px 3%; background:#070707; font-size:12px; font-weight:400; color:#fff; text-align:left;border-top:solid 1px #383838;}
.copyright{width:100%; height:auto; padding:0; margin:0; color:#fff; font-size:13px; text-align:center; float:none;}
.poweredBy{width:100%; margin:7px 0 0 0; color:#fff; font-size:12px; text-align:center; float:none;}

/*== INNER PAGE ==*/
.bcPanel{width:91%; height:auto; padding:25px 1.5% 20px 1.5%; margin:0px auto 0 auto; background:#f5f5f5; border-bottom:solid 0px #fff;}
.innwrap{width:84%; height:auto; padding:20px 5% 5px 5%; margin:0 auto 35px auto; background:#fff; font-size:14px; font-weight:400; color:#111; line-height:25px; border-radius:20px; font-family:'Segoe UI',Verdana, Geneva, sans-serif;}

.innImgBox{ display:none;}
.innimgpanel{ width:100%; height:auto; padding:0; margin:45px 0 20px 0;}
.innImgBox1{width:93%; height:auto; padding:7px; margin:0 1.5% 15px 1.5%; border:solid 1px #f1f1f1; float:none;}

/*-- Clients --*/
.clientsBox{width:97%; height:auto; padding:7px 0; margin:10px 1%; color:#000; border:solid 1px #e5e5e5; float:none; text-align:center; font-size:14px; font-weight:400;}
.clientsBox:hover{color:#d70a00;border:solid 1px #d70a00;}
.clientsBox:hover .clientsNameBox{border-top:dashed 1px #000;}

/*-- Career Page Css --*/
.careerBody{width:90%; height:auto; padding:25px 0; margin:auto 5%; font-size:15px; font-weight:300; line-height:25px; text-align:justify;}
.careerDetailsBox{width:100%; height:auto; margin:0 0 25px 0; float:none; font-weight:400; color:#000;}
.careerFormBox{width:100%; height:auto; margin:0; float:none;}

/*-- Contact Us --*/
.contactbox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfoBox{width:100%; height:auto; padding:0; margin:0 auto;}
.contactInfo{width:94%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 25px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}
.contactInfo1{width:94%; height:auto; padding:40px 2% 5px 2%; margin:0 1% 25px 1%; float:left; background:#f3f3f3;border:solid 1px #e1e1e1;}

.cGetInTouchPanel{width:97.75%; height:auto; padding:0 0 20px 0; margin:0px auto 25px auto; background:#f3f3f3; border:solid 1px #e1e1e1;}
.cGetInTouchHeading{width:100%; height:auto; padding:25px 0; margin:0 0 30px 0; text-align:center; font-size:35px; color:#333; font-weight:300;border-bottom:solid 1px #e1e1e1;}
.cgitRow{width:94%; height:auto; padding:0; margin:0 auto 20px auto;}
.cgitCol1{width:100%; height:auto; padding:0; margin:auto; position:relative;}
.cgitCol2{width:100%; height:auto; padding:0 0 20px 0; margin:auto; float:left; position:relative;}
.cgitCol3{width:100%; height:auto; padding:0 0 0 0; margin:auto; float:right; position:relative;}

.gitTextBox1{width:94%; height:auto; padding:15px 3%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}
.gitTextBox2{width:94%; height:auto; padding:15px 3%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}
.gitTextArea{width:94%; height:100px; padding:15px 3%; margin:auto; background:#fff;  border:solid 1px #e1e1e1; font-size:17px;}

}

