/*Laptop 1280*/
@media screen and (max-width: 1280px) {
}

/* tablet - 1080 */
@media screen and (max-width: 1080px) {
}

/*Ipad horizontal - 1024*/
@media screen and (max-width: 1024px) {
	.container{
		width: 100%;
	}
	.navbar ul li a{
		padding: 12px 14px;
	}
}

/*Ipad vertical - 768*/
@media screen and (max-width: 768px) {
	header{
		background: #daf6e7;
	}
	.navbar{
		width: 100%;
		position: absolute;
		left: 0; top: 0;
		margin: 0;
		float: none;
	}
	.navbar ul{
		position: absolute; top: 0;
		display: none;
		background: rgba(0,100,50,0.9);
		width: 100%;
		text-align: left;
		padding: 20px;
	}
	.navbar ul li{
		width: 100%;
		padding: 10px 0;
	}
	.navbar ul li i{
		color: #fff;
	}
	.navbar ul li a{
		color: #fff;
	}
	.bt-nav{
		display: block;
	}

	.hotline{
		margin-left: 50px;
	}
	.notification ul{
		height: auto;
	}
	.notification{
		margin-bottom: 20px;
	}

	.list-item-cat:nth-child(2) img{
		width: 250px;
		height: 200px;
	}
	.list-item-cat .thumb img{
		height: auto;
	}
}
/*mobile and other*/
@media only screen and (max-width : 732px) {
	
}

@media screen and (max-width: 640px) {
	.topnav ul li a span{
		display: none;
	}
	.search{
		margin-bottom: 15px;
	}
	.navbar ul li{
		padding: 0;
	}
	.ct-hot-news h2{
		padding: 5px 15px;
	}
	.ct-hot-news h2 a{
		font-size: 14px;
	}
	.list-item-cat .thumb, .list-item-cat:nth-child(2) .thumb{
		width: 100%;
	}
	.list-item-cat .thumb, .list-item-cat:nth-child(2) img{
		width: 100%;
		height: auto;
	}
	.list-item-cat p{
		margin: 0;
	}
	.filter-search select{
		width: 100%;
		margin: 0 0 10px 0;
	}
}
@media only screen and (max-width : 540px) {
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 414px) {
	
}
@media only screen and (max-width : 375px) {
	
}
@media only screen and (max-width : 320px) {
	.hotline{
		margin: 0;
	}
	.search input[type="text"]{
		width: 90%;
	}
	.ct-hot-news h2{
		padding: 5px 40px 5px 5px
	}
}