
/* responsive */
@media (width: 320px) {
nav ul li .dropdown {
	left: 30px;
	width: 260px;
}
nav .sub .sub-title {
	width: 260px;
}
nav .sub .sub-title .fa-caret-down {
	display: none;
}
}

@media (width: 360px) {
nav ul li .dropdown {
	left: 30px;
	width: 300px;
}
nav .sub .sub-title {
	width: 300px;
}
}

@media (width: 480px) {
nav ul li .dropdown {
	left: 30px;
	width: 420px;
}
nav .sub .sub-title {
	width: 420px;
}
}

@media (max-width: 480px) {
nav .sub .sub-title {
	display: block;
}
}

@media (max-width: 639px) {
header .container {
	height: auto;
}
header .logo {
	margin-top: 3px;
	width: 100%;
	text-align: center;
}
header .content {
	width: 100%;
	padding: 14px 0 15px;
	text-align: center;
}
header .content .input-search {
	width: 108px;
	font-size: 13px;
}
header .content button {
	margin-right: 10px;
}
nav {
	margin: 5px 0;
}
nav ul li a {
	height: 65px;
}
nav ul li a:hover {
	text-decoration: none;
}
nav ul li a span.icon {
	display: block;
}
nav ul li a span.title {
	display: none;
}
.carousel-indicators {
	bottom: 7px;
}
main .page-title .root {
	display: none;
}
main .info .thumb {
	display: none;
}
main #news .thumb {
	display: none;
}
footer .content {
	display: none;
}
footer .responsive {
	display: block;
}
footer table td .title {
	padding-top: 11px;
}
footer table td .title:first-child {
	padding-top: 0;
}
footer .copyright div {
	width: 100%;
	text-align: center;
}
}

@media (max-width: 767px) {
nav ul li a {
	padding: 0 10px;
	font-size: 14px;
}
nav ul li a.active {
	margin: 0 10px;
}
nav ul li .sub {
	padding: 4px 0 11px 0;
}
nav ul li .sub li {
	padding: 0 12px 0 16px;
}
nav ul li .sub li a {
	font-size: 13px;
}
main .info .thumb {
	width: 275px;
}
.tab-content {
	margin-top: 0;
}
.nav-tabs li a {
	border-right: none !important;
}
}

@media (min-width: 480px) and (max-width: 639px) {
nav ul li a {
	padding: 0 18px;
}
nav ul li a.active {
	margin: 0 18px;
}
}

@media (min-width: 768px) {
nav ul li a {
	padding: 0 16px;
}
nav ul li a.active {
	margin: 0 16px;
}
main .info .thumb {
	width: 330px;
}
}

@media (max-width: 991px) {
main .page-title {
	padding-left: 15px;
}
main .content .group-inline {
	padding: 0 15px !important;
}
main .content .group-inline p.title-center {
	display: none;
}
main .content .group.left {
	padding: 0 !important;
}
main .content .group.right {
	padding: 0 !important;
}
.mapbox {
	margin-top: 20px;
}
a.scrollTop {
	display: block;
}
}

@media (min-width: 640px) and (max-width: 991px) {
footer table td .bullet {
	display: none;
}
}

@media (min-width: 992px) {
nav ul li a {
	padding: 0 30px;
}
nav ul li a.active {
	margin: 0 30px;
}
main .info .thumb {
	width: 205px;
}
}

@media (min-width: 1200px) {
nav ul li a {
	padding: 0 40px;
}
nav ul li a.active {
	margin: 0 40px;
}
main .info .thumb {
	width: 255px;
}
}

/* grayscale */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
	-webkit-transition: -webkit-filter .5s;
	transition: -webkit-filter .5s;
}
}
.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter: none;
}
.grayscale.grayscale-replaced > svg {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg {
	opacity: 0;
}

/* retina graphics */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
}
