@media only screen and (max-width: 1199px) {
	#wrapper{ padding: 20px;}
	
	#mainmenu .nav.menu > li{ margin-right: 35px;}
	#mainmenu .btn-navbar{ margin-right: 0px;}
}


@media only screen and (max-width: 1100px) {
	#title h1{ font-size: 29px; line-height: 35px; }
}



@media only screen and (max-width: 979px) {
	
	#top{margin-bottom: 15px;}

	#mainmenu.alive{display: block;}
	
	#mainmenu .nav-child{
		position: relative;
		padding: 10px 0px 0px;
		margin: 0px;
	}
	
	#mainmenu,
	#mainmenu .inner{
		width: 100% !important;
		display: block;
		float: none;
	}
	
	#mainmenu .btn-navbar{ margin-bottom: 40px;}
	#mainmenu .nav-collapse{ padding-right: 10px;}
	
	#logo{ width: auto !important; display: inline-block;}
	#logo img{ width: 75px; margin-top: 10px;}
	
	#title{display: inline-block !important;}
	#title{ margin-left: 25px;}
	#title h1{ font-size: 25px; line-height: 31px;}
	
	#content{ padding-left: 0px;}

	#mainmenu .btn{
		background: #fff;
		box-shadow: none;
		border-radius: 0px;
		border: 0px;
	}
	
	#mainmenu .btn .icon-bar{
		background-color: #000;
		box-shadow: none;
		width: 24px;
		margin: 4px 0;
	}
	
	#mainmenu .btn:hover, #mainmenu .btn:focus, #mainmenu .btn:active{
		outline: 0;
	} 
	
	.item-page .page-header h2{ font-size: 30px; line-height: 36px;}
	
}

@media only screen and (max-width: 767px) {
	body{ padding: 0px;}
			
	.span4{
		width: 48% !important;
		margin: 0px 1% 10px 1% !important;
		float: left !important;
	}
	
	.row-fluid::after{ clear: none; }
	.row-fluid:last-child::after{ clear: both; }
	
	.categories-list .item,
	.blog .item{ min-height: 200px;}
	
	.aboutus .leftside{width: 40% !important}
	.aboutus .rightside{width: 60% !important}
	
}

@media (max-width: 700px){
	.aboutus .leftside{width: 30% !important}
	.aboutus .rightside{width: 70% !important}
}

@media (max-width: 560px){
	.aboutus .leftside,
	.aboutus .rightside{width: 100% !important}
}

@media only screen and (max-width: 520px) {
	#top{ text-align: center; margin-bottom: 10px;}
	#logo{ float: none}
	#logo img{ width: 60px;}
	#title{margin-left: 15px;padding-top: 20px;}
	#title h1{font-size: 20px; line-height: 26px;}
	#title p{font-size: 12px; line-height: 18px;}
	#mainmenu{ padding-top: 20px; }
	#mainmenu .btn-navbar{ margin: 0px}
	#mainmenu .nav.menu{margin-bottom: 20px;}
	
	.span4{
		width: 100% !important;
		margin: 0px 0px 10px 0px !important;
		float: none !important;
	}
	
	.categories-list .row-fluid, 
	.blog .row-fluid{margin-bottom: 0px;}
	
	.row-fluid::after{ clear: both; }
	
	.categories-list .item,
	.blog .item{ min-height: 150px; }
	
	.categories-list .item.disabled{	display: none;}
	
	#wrapper .leftside,
	#wrapper .rightside{ float: none; width: 100% !important; padding: 0px;}
	
	.item-page .itembody{ padding: 0px;}
	
	.blog2 .leftside h2{width: 100%; margin-bottom: 15px;}

	#mainmenu .nav.menu > li{
		display: block;
		width: 100%;
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	
	#mainmenu .nav-child{padding:10px 0px;}
	
	#breadcrumbs{
		text-align: left;
		margin-top: 5px;
	}
	
	#wrapper{ padding-top: 10px !important;}
}

@media (max-width: 400px){
	.aboutus .vbottom td{
		display: block;
		padding: 0px;
		margin-bottom: 10px;
	}
	
	.aboutus .imgtd{margin-bottom: 10px;}
	.aboutus h1{margin-bottom: 0px;}
	.aboutus .vbottom {margin-top: 30px;}
	.aboutus table{margin: 0px auto;}
}

@media (max-width: 335px){
	#title{ margin-left: 0px;}
}