@charset "utf-8";
/* CSS Document */
/**Responsive Area Starts**/
@media (max-width:1300px) and (min-width:1024px){
	.map_area iframe{width:49.38%;}
	.service_image{width:32.9%;}
	
	.inner_menu_area .nav li a{padding:8px 5px; font-size:11px;}
	.inner_content_box{width:60%;}
}

@media (max-width:1023px) and (min-width:768px){
	.menu_area{top:0; transform:none; width:100%; text-align:center; background:rgba(0,0,0,0.8); padding-bottom:5px;}
	.menu_area .navbar-nav > li{display:inline-block;}
	.menu li a{padding:10px 15px;}
	.home_content_area, .title_area, .service_content_area, .about_content_area, .organisation_content_area, .organisation .title_area, .map_area, .contact_content_area, .service_content_area_parent
	{width:100%;}
	
	.inner_content_box{width:100%;}
	.inner_header{top:50px;}
	.navbar-toggle{width:100%; text-align:right; font-size:20px; color:#fff; padding:8px 10px; margin:0; border-radius:0;}
	.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:hover .menu_plus_icon, .navbar-toggle:focus .menu_plus_icon{color:#000;}
	.inner_menu_area .navbar-nav > li{display:block; margin-top:2px;}
	.menu_plus_icon{font-size:18px;}
	.service_inner{padding-top:150px;}
}

@media (max-width:767px){
	.menu_area{top:0; transform:none; width:100%; text-align:center; background:rgba(0,0,0,0.8); padding-bottom:5px;}
	.menu_area .navbar-nav > li{display:inline-block;}
	.menu li a{padding:10px 5px; font-size:12px;}
	.home_content_area, .title_area, .service_content_area, .organisation .title_area, .about_content_area, .organisation_content_area, .map_area, .contact_content_area, .service_content_area_parent
	{width:100%;}
	.service_image{width:48%;}
	.service_title, .about_title{font-size:20px;}
	.service_name{font-size:12px;}
	.org_box{margin-bottom:10px;}
	.map_area .iframe_area{width:100%;}
	
	.inner_content_box{width:100%;}
	.inner_menu_area{text-align:left;}
	.inner_header{top:50px;}
	.navbar-toggle{width:100%; text-align:left; font-size:20px; color:#fff; padding:8px 10px; margin:0; border-radius:0;}
	.navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:hover .menu_plus_icon, .navbar-toggle:focus .menu_plus_icon{color:#000;}
	.inner_menu_area .navbar-nav > li{display:block; margin-top:2px;}
	.menu_plus_icon{font-size:18px;}
	.navbar-nav{margin:0;}
	.logo{padding-bottom:15px; text-align:center;}
}

@media (max-width:400px){
	.menu li a{padding:10px 5px; font-size:9px;}
	.service_image{width:100%;}
	.service_title, .about_title{font-size:20px;}
	.service_name{font-size:12px;}
}

/**For Tab Responsive Menu**/
@media (max-width: 1023px) {
    .navbar-header{float:none;}
    .navbar-toggle{display:block;}
    .navbar-collapse{border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse{display:none !important;}
    .navbar-collapse.collapse.in{display:block !important;}
    .navbar-nav{float:none !important;}
    .navbar-nav > li{float:none;}
    .navbar-nav>li > a{padding-top:10px; padding-bottom:10px;}
}