/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {

}


@media (max-width: 1800px) {

}


@media (max-width: 1600px) {
	.navbar-nav > li {padding: 10px 25px 10px 0;margin: 19px 25px 20px 0;}
}


@media (max-width: 1400px) {
	.navbar-nav > li {padding: 10px 13px 10px 0;margin: 19px 13px 20px 0;}

}


@media (max-width: 1199px) {
	ul.navbar-nav {
		margin-left : 5%;
	}
	.navbar-nav > li {
	}

}


@media (min-width: 992px) and (max-width: 1199px) {
	.top-logo img {width:85%;margin: 13px 0 0 0;}
	.navbar-nav > li {padding: 10px 10px 10px 0;margin: 19px 10px 20px 0;}
	.footer01 li {padding: 10px 15px;}

}


@media (max-width: 991px) {
	.top-logo img {margin: 5px 0;}
}


@media (min-width: 769px) and (max-width: 990px) {
	.navbar-nav > li {padding: 10px 8px 10px 0;margin: 19px 8px 20px 0;}
	.navbar-default .navbar-nav > li > a {font-size: 16px;padding: 3px;}

}


@media (max-width: 768px) {
	#header {min-height: 80px;}
	.top-logo img {width:75%;margin: 15px 0 0 0;padding: 6px 0 3px 20px;}
	.button_container {display:block;top:25px;}
	.navbar {display:none;}
	.mainpage-bar {min-height: 20px;}
	.mainpage-bar h3 {margin: 0px 0 0 0;font-size: 12px;}
	.footer01 li {padding: 10px 20px;}

}


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


@media (max-width: 479px) {
	#header {min-height: 70px;}
	.top-logo img {width:80%;margin: 15px 0 0 0;padding: 6px 0 3px 5px;}
	.button_container {display:block;top: 25px;}
	.mainpage {padding: 20px 0 50px 0;}
	.index021 hr {width: 88%;}
	.about_011,.about_031,.about_032,.about_0341,.service_02,.service_041 {width: 100%;}
	.about_023 {padding-top:30px;}
	.service_03 {width:50%;}
	.service_053 {margin-left: 5%;padding-top:30px;}
	.service_054 {width: 75%;}
	.service_06 hr, .service_07 hr {width: 87%;}
	#products .leftMenu h2 {padding: 0px 0 10px 10px;text-align:center;}
	#products .leftMenu ul li {float:left;width:50%;text-align:center;}
	.quality_02 {width: 100%;}
	.footer01 li {padding: 10px 5px;font-size:15px;width:25%;}
	.footer021 {text-align:center;}
	.footer01 li:last-child {border-right:1px dotted #ffffff;}
}


@media (max-width: 320px) {
	.footer01 li {padding: 7px;font-size:13px;}

}