/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {
	.mainmenu {width: 15%;}
}

@media (max-width: 1800px) {
	.mainmenu {width: 16%;}
}

@media (max-width: 1600px) {
	.mainmenu {width: 17%;}
}

@media (max-width: 1400px) {
	.mainmenu {width: 18%;}
}



@media (max-width: 1199px) {
	.topbar li {margin: 0 12px;padding: 0 8px;}
	.mainmenu {width: 16%;}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.mainmenu {width: 20%;}
}


@media (max-width: 991px) {
	.topbar li {margin: 0 3px;padding: 0 1px;}
	ul.news_list li {width: 31%;margin:0 1% 2% 1%;}
	.mainmenu {position: relative;margin:0;}
	.mainmenu ul {margin:30px 0;}
	.mainmenu {width: 100%;}
}


@media (min-width: 768px) and (max-width: 990px) {


}


@media (max-width: 767px) {
	.top-logo {float: none;text-align:left;}
	.top-logo img {width:180px;margin: 10px 0 0 0;}
	.button_container {display: block;}
	#header .topbar,#banner {display: none;}
	#header .topitem {height: 80px;}
	footer011,.footer012,.footer021,.footer022 {text-align:center;}
	.mainpage {padding: 10px 10px 30px 10px;}	
	.page_main {padding: 10px;}
	ul.news_list li {width: 48%;margin:0 1% 3% 1%;}
	ul.team_list li {width: 48%;margin:0 1% 3% 1%;}
	.index_00 {margin-top:10px;}
	div.top-search-0 {display: inline-block;margin-bottom: 0;vertical-align: middle;}
}


@media (min-width: 480px) and (max-width: 767px) {
	
}


@media (max-width: 479px) {
	.mainmenu ul {margin:20px 0;}
	.contact_01 h3,.about_01 h3,.system_01 h3 {padding: 10px 0;}
	ul.news_list li {width: 99%;margin:0 0 3% 0;}
	ul.team_list li {width: 99%;margin:0 0 3% 0;}
	ul.dis_list li {padding:5px 15px;margin: 0 10px 10px 0;}
	.tech_021, .tech_022 {text-align:center;}
	.tech_022 img {margin-left:0px;}
}