@charset "utf-8";
/* CSS document written by Harish Kohli */

@media all and (max-width:767px){
body{}
.wrap{ width:100%; padding:0px 10px;}
.content {font-size:11px; line-height:16px; text-align:justify;}
.content p{ line-height:18px; font-size:13px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-sm-1Forth, .col-sm-1Third, .col-sm-3Forth{ width:100%;}
.mobRow{ width:100%;}
.mobPaddingNone{ padding:0px!important;}
.mobMarginNone{ margin:0px!important;}
.mobmarginBtm30{ margin-bottom:30px;}
.mobAlignCenter{ text-align:center;}
.mobAlignJustify{ text-align:justify;}
.mobAlignLeft{ text-align:left;}
.mobmarginTop{ margin-top:10px;}
.mobmarginBottom{ margin-bottom:10px;}
.mobDivCenter{ margin:0 25% 10px; float:none; display:block; width:50%;}
.mobwidth{margin:0 15% 10px; width:70%;}
.moblineheight{ line-height:20px;}
.mobGap{ padding:0px;}
.mob10{ width:10%;}
.mob20{ width:20%;}
.mob30{ width:30%;}
.mob40{ width:40%;}
.mob50{ width:50%;}
.mob60{ width:60%;}
.mob70{ width:70%;}
.mob80{ width:80%;}
.mob90{ width:90%;}
.mobDisplayNone{ display:none;}
.mobRadius{ border:5px;}
.mobDisplayBlock{ display:block;}
.mobBorderNone{ border:none;}
.mobFloatnone{ float:none!important;}
.paddingInBox{ padding:5px;}
.paddingInBoxExtra{ padding:10px;}
.paddingRight{ padding-right:0px;}
.paddingLeft{ padding-left:0px;}
.paddingTop{ padding-top:0px;}
.paddingBottom{ padding-bottom:0px;}
h4{ font-size:14px;}


/*theme style*/
.menuIcon{display:block;cursor:pointer;padding:0px;position:absolute;left:0px;top:10px;padding:20px;}
.closeIcon{display:none;cursor:pointer;padding:0px;position:absolute;left:0px;top:10px;padding:20px;}
.bodyShiftLeft{left:320px;position:fixed;top:0px;  border-left:solid 1px #ddd;}
.bodyShiftLeftRemove{left:0px;}
.headerSection{ height:60px; background:#fff; position:absolute;}
.service-Panel a{ margin:0px!important; width:100%; padding:7px 10px; border-bottom:dashed 1px #ddd;}
.mob-navigation-Panel{ display:block; position:absolute; top:0px; left:-321px; width:320px; background:#f1f1f1;}
.mob-navigation-Panel a{ width:100%; color:#000; padding:7px 10px; border-bottom:solid 1px #ccc;}
.mob-navigation-Panel .socialLinks{ float:none; margin:auto; width:100%; padding:0px 0px 0px; display:table;}
.mob-navigation-Panel .socialLinks a{ width:25%; background:#000; padding:10px;}
.navigation-Panel, .service-Panel{ display:none;}
.logoPanel{ top:0px; left:40px; max-width:150px; margin:auto; float:none; padding:5px;}
.logoPanel img{ width:70px; height:70px;}
.mailBox{ position:absolute; right:15px; top:20px; display:block;}
.bannerSection{ margin-top:60px; background-position:top center; height:157px; background-size:auto 100%;}
.captionPanel{ top:-135px; left:40px; width:200px; padding:10px 5px 5px; font-size:11px; height:125px;}
.captionPanel span{ font-size:14px;}
.captionPanel img{ width:50px; height:50px;}
.gapping{ padding:15px 0px;}
.heading-panel{ font-size:24px;}
.whyUsPanelBox{ padding:15px;}
.package-item{ width:95%; margin:0px 2.5%; height:360px;}
.packageImg img{ width:145px; height:145px; border-radius:70px 0px 70px 0px;}
.packageImg{ min-height:151px;}
.packageTitle{ font-size:13px;}
.whyus{ padding:10px;}
.whyus ul li{ width:100%; margin:10px 0px 0px; padding:10px 20px; min-height:100px; font-size:13px;}
.whyus .fa{ margin-bottom:10px; font-size:24px;}
.footerSection{ margin-top:60px;}
.footerLogo{  padding:5px;}
.footerLogo img{ width:150px; height:150px;}
.links{ padding:0px;}
.links a{ padding:5px; font-size:11px;}
.slideshow{ height:157px;}
.portfolioLoopBox{ width:50%;}
.branchBox{ width:100%; margin:5px 0px; height:auto;}
.mobbranch{ height:640px;}

}







/*ipad*/
@media all and (min-width:768px) and (max-width:1024px){
	
}