.box-body .box-content {

}
	.box-body .box-news {
		display: table;
		width: 100%;
	}
		.box-body .box-news h2 {
	        color: #030a21;
	        margin: 0px;
		    font-size: 1.2em;
	        padding: 0px 12px;
		}
		.box-body .box-news .item {
	        width: 50%;
		    float: left;
		    padding: 12px;
		}
			.box-body .box-news .item .img {
				overflow: hidden;
				border-radius: 15px;
				overflow: hidden;
				border-radius: 15px;
				background-position: center;
				background-size: cover;
				transition: .5s;
				width: 100%;
				margin-right: 15px;
			}
				.box-body .box-news .item img {
					display: block;
				    width: 100%;
				    opacity: 0;
				}
	/*
			@media only screen and (min-width: 1025px) {
				.box-body .box-news .item:hover .img {
					transform: scale(1.05);
				}
			}
	*/
				
			.box-body .box-news .item h1 {
				color: #030a21;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;
				font-size: 1.1em;
				margin: 0px;
				height: 115px;
			    padding: 10px 2px;
			}
			.box-body .box-news .item span {
			    color: #035c98;
		        margin-top: 10px;
			    display: block;
			}
			.box-body .box-news .item .more {
			    color: #000000;
			    background: #ffc24c;
			    display: table;
			    padding: 0px 20px;
			    border-radius: 15px;
			    margin-top: 10px;
			    transition: background .5s;
			}
			@media only screen and (min-width: 1025px) {
				.box-body .box-news .item .more:hover {
				    background: #cacaca;
				}
			}
			
	.box-body .box-pagination {
	    border-top: 1px solid #e5e5e5;
	    border-bottom: 1px solid #e5e5e5;
	}
		
	.box-content a.btn.b2 {
		margin-top: 10px;
		display: table;
	    margin-bottom: 20px;
	}	
		
/* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	
}
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	@media screen and (orientation:portrait) {
		.box-body .box-news .item {
	        width: 100%;
        }
	}
	@media screen and (orientation:landscape) {

	}
}

/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	@media screen and (orientation:portrait) {
		.box-body .box-news .item {
	        width: 100%;
            padding: 12px 0px;
        }
		.box-body .box-news .item h1 {
	        height: auto !important;
		    max-height: 113px;
		    padding: 10px 2px;
		    -webkit-line-clamp: initial !important;
		}
	}
	@media screen and (orientation:landscape) {

	}
}