﻿.news .item {
    display: block;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

    .news .item .content {
        width: calc(100% - 215px);
        float: left;
    }

.news .img {
    float: left;
    position: relative;
    width: 200px;
    max-height : 300px;
    margin-right: 15px;
    overflow: hidden;
}

    .news .img img {
        width: 100%;
        height: 100%;
    }

.news .item .content a {
    color: #333;
    font-size: 24px;
    text-align: justify;
}

.news .container h3 {
    margin-top: 0;
}

.news .content a:hover {
    color: #037101;
}

.news .danhmuc {
    background-color: #037101;
    color: #fff;
    padding: 0 10px;
    max-width: 150px;
    line-height: 1.3;
    margin: 0;
    float: left;
}

.news .arrow {
    background-image: url(../../images/arrowR.png);
    height: 20px;
    width: 40px;
    background-repeat: no-repeat;
}

.news .item .content a {
    color: #0964aa;
    font-size: 18px;
    text-align: justify;
    /*text-transform: lowercase;*/
}

.news .item .content a:hover {
    color: #036185;
}

 /* Danh cho man hinh desktop*/
@media all and (min-width: 1280px )
{

}

@media all and (min-width: 1024px ) and (max-width: 1280px) 
{
   
}

/* Dành cho máy tính bảng chiều ngang */
@media all and (max-width: 480px) 
{
		.news .img {
            width: 100%!important;
            max-height: 400px;
        }
		.item{
			height:auto;
		}
		.news  .item:first-child{
			height:200px!important
		}
		.news .item .content{
			    width:100%!important;
			    height: auto!important;
				    margin-top: 10px;
		}
		 .item .content h3:first-child{
			margin-top: 5px!important;
		}
		.content text-justify {
			margin-top: 20px!important
		}
		 
}

 /* Dành cho máy tính bảng chiều dọc */
@media all and (max-width: 720px)
{
		
}

 /* Dành cho máy tính bảng chiều dọc */
@media all and (max-width: 600px)
{

}

 /* Dành cho máy tính bảng chiều dọc */
@media all and (max-width: 480px)
{
   
  .news .img{
			width:100%!important;
			height:180px
		}

}
