/* Css Responsive */
@media only screen and (max-width: 1366px){
	#wrapper {overflow: hidden}
	.box-top{overflow: hidden}
	.banner{overflow: hidden}
	.footer-end{overflow: hidden;padding:0 10px;}
}

@media only screen and (max-width: 1080px){
	#wrapper {overflow: hidden}
}

@media only screen and (max-width: 980px){
	.logo img{width: 70%;}
}

@media only screen and (max-width: 800px){
	.row-container {padding: 0 15px}
	.left-top-header {width: 100%; text-align: center; margin-bottom: 10px}
	.logo {float: initial; display: inline-block; position: relative; top: 8px}
	.right-top-header {width: 100%; text-align: center; height: auto}
	.right-top-header ul {display: none}
	.nav-show-mobile {display: block}
	.left-top-header {float: left; padding: 0px 0;vertical-align: text-bottom;}
	.logo img{width: 70%;}
}

@media only screen and (max-width: 768px){
	.news-link-img{width:100%;}
	.news-link-title{width:100%;font-size:14px;text-decoration:none;padding:10px 0;}
	.news-link ul li{padding:5px 0;}
	/*.dn-search{padding-bottom: 10px;width: 80%;}*/
	
}

@media only screen and (max-width: 640px){
	.main, .sidebar {width: 100%; margin-right: 0}
	.content-sidebar a {text-align: center} 
	.content-sidebar a img {display: inline-block}
	.box-slide-sidebar ul li {display: inline-block}
	.nav-ft {padding: 5px 15px; text-align: center}
	.nav-ft ul li a {line-height: 26px}
	.col-left, .col-right {width: 100%; padding: 0 15px; margin-bottom: 15px}
	.logo img{width: 60%;}
}

@media only screen and (max-width: 568px){
	.module-cate-content > ul {display: inline}
	.module-cate-content > ul > li {width: 100%}
	.menu-mini-slide-news {width: 100%}
	.module-cate-content > ul > li > a {width: 100%; height: auto; margin: 0; padding: 0 0 7px 35px}

	.news-link ul li{width:100%;list-style:none;display:block;clear:both;padding:15px 0;}
	.news-link-img{width:40%;float:left;}
	.news-link-img img{width:100%;text-align:center;}
	.news-link-title{width:60%;display:inline-block;padding:0 10px;font-size:14px;text-decoration:none;}		
	.logo{left:40%;}
	.nav>li>a{padding: 6px 8px;}	
}

@media only screen and (max-width: 480px){
	.col-1 {width: 100%; margin-bottom: 15px}
	.col-2 {width: 100%}
	.img-slide {max-width: none; width: 100%}
	.img-slide img {width: 100%}
	.img-item img {width: 100%}
	.logo{left:40%;}
	.logo img{ width: 60%;}
	.nav>li>a{padding: 6px 8px;}

}

@media all and (min-width: 176px) and (max-width: 600px) {
	.box-rows, .list-box-rows-6 ul li:nth-child(1) {width: 100%}
	.list-box-rows-6 ul li {width: 50%}
	.nav>li>a{padding: 6px 8px;}

}