.tile {
    display: block
}


.row.tiles .columns:first-child {
    padding-right: 0.4687em;
}

.row.tiles .columns:last-child {
    padding-left: 0px;
}



.tile > span {
	background-color: #fff;
	display: block;
    padding: 10px;
    position: relative;
    min-height: 100px;
   
}

.tiles .columns .rows .columns {
	padding: 0 0.5em;
	margin-bottom: 0.9375em;
}

.tiles .image {
	height: 191px;
	background-position: top right;
	background-size: cover;
}
.tiles.centerbg .image {
	background-position: center;
}



.tiles .large .image {
	height: 469px;
}


.tile .title {
    color: #005D8F;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 5px;
    display: block;
}

.small .tile span.text{
    display: none;
}
.tile span.text {
	color: #000;
	font-size: 0.8em;
	display: block;
	padding: 5px 10px;
	min-height: 80px;
}

.tiles .link {
	font-size: 10px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	margin: 0px;
	padding: 0px;
    opacity: 1;
    z-index: 9;
}
.tiles .link i.fa {
	margin: 0px;
	padding: 0px;
}

/*============ pgtiles CSS =================*/
	.pgtiles .tile > span {
		min-height: 220px;
	}
	.pgtiles .tile > span.image {
		min-height: 400px;
		background-size: cover;
	}
	.columns.pgtiles {
		margin-bottom: 20px;
	}

	.row.tiles .columns.pgtiles:first-child {
		padding-right: 0.9375em;
	}
	
	.row.tiles .columns.pgtiles:last-child {
		padding-left: 0.9375em;
	}
	
	

/*============ Mobile  Portrait =================*/
@media all 
and (max-width: 480px) {
	.small .tile span.image{
		display: none;
	}
	.tiles .columns .rows .columns {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 0.2687em;
		margin-top: 0.2687em;
	}
	.tiles .large{
		margin-bottom: 0.2687em;
		margin-top: 0.2687em;
		display: block;
	}
	.row.tiles .columns{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.tile > span {
		padding: 10px;
		min-height: 0px;
	}
	.tile .title {
		font-size: 14px;
	}
	.tiles .image,
	.tiles .large .image {
		height: 250px;
		background-position: top right;
		background-size: cover;
	}

	.full .small .tile span.image {
		display: block;
	}
	.full .tile span.text{
		display: none;
	}
	
	 

}

/*============ Mobile  landscape  =================*/
@media all 
and (max-width: 767px)
and (orientation: landscape) {


}