@media screen and (min-width: 1100px) {
.news .inside .gallery { 
	float:left;
	width:100%;
	margin:2vw 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
}
	.news .inside .gallery .gallery-box { 
		float:left;	
		width:33%;
		height:15vw;
		margin:0px 0.5% 5px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:0px solid #000;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.news .inside .gallery .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.news .inside .gallery .gallery-box .fade {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:0;
			top:0;
			color:#fff;
			font-size:16px;
			line-height:16px;
			background-color: rgba(0, 0, 0, 0.6);
			background: rgba(0, 0, 0, 0.6);
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			opacity:0;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.news .inside .gallery .gallery-box:hover .fade {
				opacity:1;
			}
	.news .inside .gallery .last { 
		margin-right:0px
	}
}

@media screen and (min-width: 0px) and (max-width: 1099px) {
.news .inside .gallery { 
	float:left;
	width:100%;
	margin:2vw 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
}
	.news .inside .gallery .gallery-box { 
		float:left;	
		width:50%;
		height:35vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:2px solid #f4f4f4;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.news .inside .gallery .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.news .inside .gallery .gallery-box .fade {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:0;
			top:0;
			color:#fff;
			font-size:16px;
			line-height:16px;
			background-color: rgba(0, 0, 0, 0.6);
			background: rgba(0, 0, 0, 0.6);
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			opacity:0;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.news .inside .gallery .gallery-box:hover .fade {
				opacity:1;
			}
	
}