.content .title-heading {
    margin-bottom: 12px;
}
article.home-left-first {
    width: 576px;
    float: left;
    height: 384px;
    position: relative;
    margin-bottom: 20px;
}
article.home-left-first figure{
	margin: 0;
	height: 384px;
	width: 100%;
}
article.home-left-first figure img{
	width: 100%;
    height: 100%;
}
article.home-left-first .home-title{
	background: url("../images/bg-title.png") repeat;
	position: absolute;
	bottom: 0;
	padding: 10px 15px;
	width: 100%;
}
.home-title .heading{
	margin: 0;
}
.home-title .heading a{
	font-family: "RobotoCB"; 
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
.home-title .summary{
	font-family: "Roboto"; 
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}
.home-right{
	float: right;
	width: 186px;
}
.home-right article.home-item{
	position: relative;
	margin-top: 6px;
	height: 124px;
	width: 186px;
}
.home-right article.home-item:first-child{
	margin-top: 0;
}
.home-right article.home-item img{
	width: 100%;
    height: 100%;
}
.home-right .heading{
	background: url("../images/bg-title.png") repeat;
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
    width: 100%;
	margin: 0;
}
.home-right .heading a{
	font-family: "Roboto"; 
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0;
}

/*** danh muc ***/
.content .list-cat{
	margin-bottom: 20px;
}
.content .list-cat-item{
	border-bottom: 1px dotted #ccc;
	float: left;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.content .list-cat-item img {
    width: 414px;
}
.content .list-cat-item figure{
	margin-bottom: 0px;
	float: left;
    margin-right: 20px;
    position: relative;
}
.content .list-cat-item figure a.catname {
    background: #e53512;
    font-family: "RobotoC";
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 3px 8px;
}
.content .list-cat-item .heading{
	margin-bottom: 10px;
    overflow: hidden;
}
.content .list-cat-item .heading a{
	font-family: "Roboto"; 
    font-size: 16px;
    color: #035192;
    text-decoration: none;
}
.content .list-cat-item .published_time{
    background: url(../images/icon-time.png) no-repeat left center;
    font-family:"Roboto"; 
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
    padding-left: 20px;
    display: table;
}
.content .list-cat-item .published_time span{
    color: #e53512;
}
.content .list-cat-item .published_time.field{
    background: url(../images/icon-field.png) no-repeat left center;
}
.content .list-cat-item .published_time.type{
    background: url(../images/icon-type.png) no-repeat left center;
}
.content .list-cat-item .published_time.price{
    background: url(../images/icon-price.png) no-repeat left center;
}
.content .list-cat-item .published_time.user{
    background: url(../images/icon-user.png) no-repeat left center;
}
.content .list-cat-item .summary{
    font-family:"Roboto"; 
    font-size: 15px;
    color: #333;
}
@media all and (max-width: 640px){
	article.home-left-first,
	article.home-left-first figure{
		width: 100%;
		height: auto;
	}
	.home-title .summary{
		display: none;
	}
	.home-right{
		width: 100%;
		margin-bottom: 20px;
	}
	.home-right article.home-item {
	    width: 32%;
	    float: left;
	    height: auto;
	    margin: 0;
	    margin-left: 2%;
	}
	.home-right article.home-item:first-child {
	    margin-left: 0%;
	}
	.home-right .heading{
	    height: 44px;
	    overflow: hidden;
	}

	.content .list-cat-inner{
		margin-right: -2%;
	}
	.content .list-cat-item{
		width: 48%;
		margin-right: 2%;
	}
}