/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/
@media (max-width: 1580px) {
	
}

@media (min-width: 1200px) and (max-width: 1579px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_one_fifth,
	.col_two_fifth,
	.col_three_fifth,
	.col_four_fifth,
	.col_one_sixth,
	.col_five_sixth {
		width: 100% !important;
		margin-left: 0;
		float: none;
	}
	
	
	#primary-menu-trigger{width:48px;height:48px;z-index:200;top:0;right:0;position:absolute;cursor:pointer;-webkit-transition-duration:.66s;transition-duration:.66s;-webkit-transition-timing-function:swing;transition-timing-function:swing}
	#primary-menu-trigger:before{width:48px;height:48px;background-color:#000;content:"";position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition-duration:.66s;transition-duration:.66s;-webkit-transition-timing-function:swing;transition-timing-function:swing}
	#primary-menu-trigger .icon{width:20px;height:2px;background-color:#fff;position:absolute;top:24px;left:15px;z-index:200;-webkit-transition-duration:.5s;transition-duration:.5s;transiting-timing-function:swing}
	#primary-menu-trigger .icon:after,#primary-menu-trigger .icon:before{width:20px;height:2px;background-color:#fff;content:"";position:absolute;left:0;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:swing;transition-timing-function:swing}
	#primary-menu-trigger .icon:before{top:-5px}
	#primary-menu-trigger .icon:after{top:5px}
	
	#primary-menu {position:absolute;float:none;top:220px;left:0;width:100%;height:100%;background: transparent !important;border-top: 0;margin:0;-webkit-transition-duration:.66s;transition-duration:.66s;-webkit-transition-timing-function:swing;transition-timing-function:swing;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}
	#primary-menu ul li{list-style:none;float:none;padding:0!important;margin:0;width: 100%;}
	#primary-menu ul li a{display:block;padding:10px 0;text-align:center;width:100%;color:#ccc;margin:2px 0;text-decoration:none;font-size:20px;-webkit-transition-duration:1.25s;transition-duration:1.25s;background: transparent;border: 0 !important;}
	#primary-menu > ul > li.current a,#primary-menu > ul > li a.current {background-color: #FFDE82;color: #333;}
	#primary-menu ul li:first-child a,#primary-menu ul li:last-child a {border-radius: 0;}
	
	#primary-menu > ul > li > ul,#primary-menu > ul > li:hover ul {display: none;}
	
	.nav-open {overflow: hidden;}
	.nav-open #primary-menu {-webkit-transform: translateY(-150px);transform: translateY(-150px);}
	.nav-open #primary-menu-trigger {box-shadow: none;}
	.nav-open #primary-menu-trigger:before {width: 3000px;height: 3000px;background-color: rgba(40, 40, 40, 0.9);z-index: 200;}
	.nav-open #primary-menu-trigger .icon {width: 0;}
	.nav-open #primary-menu-trigger .icon:before {
		-webkit-transform: translateY(5px) rotate(45deg);
		  -ms-transform: translateY(5px) rotate(45deg);
		      transform: translateY(5px) rotate(45deg);
	}
	.nav-open #primary-menu-trigger .icon:after {
		-webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		      transform: translateY(-5px) rotate(-45deg);
	}
	
	#header {height: 48px;background: rgba(0, 99, 75, 0.85);position: fixed;top: 0;left: 0;width: 100%;}
	#logo img {margin-top: -2px;margin-bottom: 0;width: auto !important;height: 32px;}
	.head-info h1 {font-style: normal !important;font-size: 1.4rem;margin: 0;padding: 0;line-height: 30px;}
	.head-info h1 .txt-site {color: #FFF !important}
	.flexslider {height: 320px;}
	.baninfo {margin-top: 0;line-height: 1.5em;height: auto;}
	.col-1-3,.col-2-3 {width: 100%;}
	.hotlink .btn-group {display: block;}
	.hotlink img {float: left;width: 16px;height: 16px;}
	.hotlink .btn-group .btn {font-size: 12px;word-break: normal;width: auto;border-radius: 0;}
	
	.page-listcon li a {padding: 8px 10px;overflow: auto; text-overflow: clip;white-space:normal;padding-right: 0;padding-left: 0;padding-top: 35px;}
	.page-listcon i {display: none;}
	.page-listcon li span.listdate {position: absolute;top:12px;left: 0;color: #ccc;}
	
	.page-listcon.mt-20 {margin-top: 0 !important;}
	
	.page-menu-head {padding: 10px 15px;}
	.page-menu-head h3 span {width: 100%;margin: 0;text-align: left;}
	.page-here {margin-top: 0 !important;padding: 10px;}
	.list2item.page-listcon li {width: auto;float: none;}
	.list2item.page-listcon li a {padding-top: 10px;padding-left: 30px;}
	.list2item.page-listcon i {display: block;}
	
	.round8x,.round8l,.round8r {border-radius: 8px !important;}
	.mt-5x {margin-top: 5px;}
	.mt-10x {margin-top: 10px;}
	.mt-30x {margin-top: 30px;}
	.ml-50 {margin-left: 0 !important;}
	.cardbox {align-content: flex-start;}
	.cardbox .col_one_third {flex-shrink: 0;width: 100%;}
	.cardpicnews {height: 240px;}
	.flexorder2 {order: -1;}
	
	.flex-direction-nav a {display: none;}
	
	.page-gallery .col_one_third { width: 48.5% !important; margin-left:3%;float:left;}
	.cardtitle h3 {margin-right: 40px;}
	.cardtitle .more {display: none;}
	.cardx1 h2,.cardx2 h2,.cardx3 h2,.cardx4 h2 {font-size: 1.5rem;height: 50px;line-height: 50px;}
	
	.cardtitlex {height: 100px !important;}
	.cardtitlex2 {width: 25%;}
	.cardx0 .conbox {margin-left: 25%;}

	.page-menu-head:after {content: "";position: absolute;bottom: 8px;right: 40px;border-style: solid;border-width: 0 16px 16px 16px;border-color: transparent transparent #FFDE82 transparent;z-index: 500;}


}

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

}

@media (max-width: 767px) {
	

}

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

}

@media (max-width: 479px) {
	
	.head-info h1 {padding-left: 46px;}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
	
}