[data-cattype="218"] ul.grid.latest-news { margin: 15px auto; }
[data-cattype="218"] ul.grid.latest-news li{
    max-width: 350px;
    height: 160px;
    background: #EAECEB;
    padding: 15px;
    margin: 10px;
    text-align: left;
    position: relative;
    float: left;
}

input#date-published[name="daterange"]{
    width: 200px;
    font-size: 12px;
}

[data-cattype="218"] ul.grid.latest-news li.size21 {
	width: 350px;
	height: 160px;
}

[data-cattype="218"] ul.grid.latest-news li.size22 {
	width: 350px;
    height: 340px;
	
}

[data-cattype="218"] ul.grid.latest-news li .imagebox{
    width: 100%;
    height: 170px;
    background: no-repeat center center;
    background-size: cover;
}
[data-cattype="218"] ul.grid.latest-news li hr{ 
    border: none;
    border-bottom: dotted 1px #333; 
    margin: 8px 0;
}

[data-cattype="218"] ul.grid.latest-news li .title{
    font-size: 14px;
    font-style: italic;
    border-bottom: dotted 1px #333;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
[data-cattype="218"] ul.grid.latest-news li .title a{ color: #000; }
[data-cattype="218"] ul.grid.latest-news li .btn-more{
    position: absolute;
    left: 15px;
    bottom: 5px;
    color: #000;
    font-size: 30px;
}
[data-cattype="218"] ul.grid.latest-news li.highlight{  background: url('../../../data/ckfinder/images/angle-top-right.svg') no-repeat top right #E0D4BE; }
[data-cattype="218"] ul.grid.latest-news li.highlight .btn-more{  color: #BC8C4E; }

[data-cattype="218"] ul.grid.latest-news li.locked:before{
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 20px;
    content: "\f023";
    top: 3px;
    right: 8px;
    color: #000;
}

[data-cattype="218"] ul.grid.latest-news li .btn-more:hover{ color: #90100D; }




@media (max-width: 480px){
    [data-cattype="218"] ul.grid.latest-news li{
        width: 270px !important;
        height: 180px;
    }
    [data-cattype="218"] ul.grid.tab-menu li{min-width:100px;}
}