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

@media all and (max-width:767px){
body{}
.wrap{ width:100%; display:block;}
.content {font-size:13px; line-height:20px; text-align:justify;}
.content p{ line-height:20px; 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%;}
.mob25{ width:25%;}
.mob33{ width:33%;}
.mob75{ width:75%;}
.mobDisplayNone{ display:none;}
.mobRadius{ border:5px;}
.mobDisplayBlock{ display:block;}
.mobBorderNone{ border:none;}
.mobFloatnone{ float:none!important;}

.paddingRight{ padding-right:0px;}
.paddingLeft{ padding-left:0px;}
.paddingTop{ padding-top:0px;}
.paddingBottom{ padding-bottom:0px;}
.paddingInBox{ padding:5px;}
.paddingInBoxExtra{ padding:10px;}


/*theme style*/
.mobIcon{ width:40px; height:40px; background:url(../images/mobicon.png) 0 0/40px 40px scroll no-repeat #fff; margin:10px 0px 0px 10px; cursor:pointer;}
.closeIcon{ width:40px; height:40px; background:url(../images/close.png) 0 0/40px 40px scroll no-repeat #d62718; margin:10px 0px 0px 10px; cursor:pointer; position:absolute; border-radius:5px;}
.mobFlex{ display:flex; flex-wrap:wrap;}
.mobFont11{ font-size:13px; line-height:20px;}
.logo-panel{ width:50px; overflow:hidden; margin:0px 5px;}
.navigation{ display:none; position:absolute; top:63px; left:0px; background:rgba(255,255,255,0.95);}
.navigation ul li{ width:100%;}
.navigation ul li a{ border-bottom:solid 1px #ddd; width:100%;}
.banner-panel{ height:380px;}
.title{ font-size:40px; line-height:32px; padding:20px 25px 30px; border-radius:10px; margin:150px auto 0px; width:96%;}
.headingFont{ font-size:24px;}
.whyBox, .admProcBox{ width:96%; margin:30px 2% 10px;}
.docReq ul li{ width:46%; margin:5px 2%;}
.docReq ul li img{ height:auto;}
#testi-sec .slides-next{right:0px;}
#testi-sec .slides-prev{ left:0px;}
.docReq{ padding:20px 0px 0px 0;}
.accordion_container{ width:84%; margin:15px 8%;}
.accordion_head{ font-size:14px;}
.checkbox{ margin:4px 20px 40px 0px;}
.footerSection a{ padding:5px 15px;}
.topBtn{ right:5px; bottom:125px;}
.eliBG{ padding:0px 20px;}
}







/*ipad*/
@media all and (min-width:768px) and (max-width:1024px){
.logo-panel{ width:50px; overflow:hidden; margin:0px 5px;}
.ipadRow{width:100%;}
.wrap{width:100%;}
.navigation ul{ margin:8px 0px;}
.navigation ul li a{ font-size:13px; padding:10px;}	
.banner-panel{ height:450px;}
.title{ font-size:60px; line-height:60px; width:70%; padding:20px 30px 30px; border-radius:15px;}
.whyBox, .admProcBox{ width:32%;}
.docReq ul li{ width:32.33%;}
.docReq{ padding:20px;}
#testi-sec .slides-next{right:0px;}
#testi-sec .slides-prev{left:0px;}
.eliBG{ padding:0px 20px;}
.ipadAlignCenter{text-align:center;}
.topBtn{ right:20px; bottom:150px;}
}