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

@media all and (max-width:767px){
body{}
.wrap{ width:100%; display:table;}
.content ul li{ width:95%; margin-left:5%;}
.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;}
.paddinglftrgt{ padding-right:0px; padding-left:0px;}
.paddingTop{ padding-top:0px;}
.paddingBottom{ padding-bottom:0px;}
.paddingInBox{ padding:5px;}
.paddingInBoxExtra{ padding:10px;}

.mobPaddingInBox{ padding:5px;}

.mobBorderNone{ border:0px!important;}


/*theme style*/
.headerSection{ padding:10px;}
.logo-panel{ margin-left:50px;}
.logo-panel img{ width:150px;}
.logo-panel:after{ bottom:-50px; border-width:20px 35px; left:15px;}
.menuIcon{ display:block; position:absolute; left:15px; top:15px; cursor:pointer; width:30px; height:30px; background:url(../images/mobicon.png) 0 0/30px 30px scroll no-repeat;}
.soicalLinks{ margin-top:5px;}
.height209{ height:auto!important;}
.font30{font-size:24px; line-height:32px;}
.font28{font-size:20px; line-height:28px;}
.bodypanel{ padding:7px; margin-top:40px;}
.blogListing{ width:80%; margin:10px 8% 20px 12%; height:auto;}
.blogImg img{ height:100px;}
.navigation-panel{ display:none; background:rgba(255,255,255,0.95); position:absolute; top:59px; left:0px; z-index:10;}
.navigation-panel a{ width:100%; text-align:left; border-bottom:solid 1px #ccc; margin:15px 0px 0px;}
.navigation-panel a.active{background:none; color:#6c6c6c; border-radius:0px;}
.banner-panel{ padding:60px 0px 0px; min-height:200px;}
/*div.bgcarousel div.slide div.desc{ width:340px; font-size:24px; line-height:30px;}
#mybgcarousel{ height:200px;}*/
.slideshow{ height:200px;}
.slide img { height:200px; }
.slide .description{ width:300px; font-size:20px; line-height:30px;}
.font20{font-size:16px;  line-height:22px;}
.font16{font-size:14px; line-height:20px;}
.font36{font-size:24px; line-height:32px;}
.themeBG{ background-size:auto 100%;}
.gapping{ padding:25px 0px;}
.tableWrap{ width:330px; overflow:scroll; margin:0px auto 20px; float:none;}
.galleryBox a{ width:98%!important;}
.galleryBox a img{min-width:300px; height:220px!important;}
.gallery .galleryBox a img{width:300px!important; height:100%!important;}
.example-image-link section{ width:100%;}
.overflowDot{white-space:normal;}
}







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