@media screen and (min-width:767px){
	#header nav{display:block!important;}
}

@media screen and (min-width: 800px) {
    .pic{position:relative;}
   .serv-col a:hover .pic:before, .serv-col a.active .pic:before{content:" "; position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.3); }
}

@media screen and (max-width:767px){
	/*header{background:#272041; border-bottom:1px #fff solid;}*/
	.navbar-brand{width:auto; height:auto;}
	#header{text-align:left; min-height:inherit; padding:11px 0;}
	 #header nav{display:none;}
	.main-nav{padding:20px 0 0;}
	.main-nav > li{width:100%; padding:0; text-align:center;}
	.main-nav > li.logo-gap{padding:0;}
	.main-nav > li a{line-height:30px; display:block; color:#fff;}
	/*.banner-bullet{width:100%;}
	.banner-bar{padding:7px 0 0;}
	.banner-sq{text-align: center;}
	.banner-sq li{display:inline-block; float:none; padding:0;}*/
	.banner-sq li a{height:5px; width:5px;}
	
	.section{padding:25px 0;}
	.serv-col{padding-top:5px;}
	.welcome{font-size:17px; line-height:20px; padding:0;}
	
	.serv-col .h3{font-size:14px;}
	
	.logo{position:static; margin:0;}
	.copyright{padding-right:0;}	
	.designby{text-align:left; padding-left:0;}
	
	.right-side{border-top:2px #585f6a solid; padding-top:20px;}

	/*-------------21fed 2016--------------*/
	.navbar-toggle {border:2px #3d1d3a solid ; padding:5px; margin:27px 0 0; border-radius:0;}
    .navbar-toggle .icon-bar{background:#3d1d3a; width:38px; height:3px;}
	
	.main-nav{margin:10px 0 0; }
	.main-nav > li a{border-bottom:1px rgba(0,0,0,0.2) solid; color:#272041;}
	.main-nav > li:last-child a{border:none;}
}