/* .container{ border: 2px solid green }
.grid-item{ border: 2px solid red; padding: 20px;}
.grid{ border: 1px solid blue} */

/*
.grid{}
.grid .rows{}
.grid .rows > div{}
.grid .grid-item{height: 280px;padding:10px;}
.grid .grid-item .gallery-image {display:inline-block;width: 100%;height: 100%;position: relative;overflow: hidden;background-size:cover;background-position: center center;}
.grid .grid-item .gallery-image img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;}
*/


.filters ul{text-align: center;padding: 0px;margin: 0px auto 40px auto;list-style: none;max-width: 540px;}
.filters ul li{cursor: pointer;display: inline-block;color: #26478b;font-size: 14px;font-weight: 600;text-align: center;padding: 5px 20px 5px 20px;margin: 5px;position: relative;transition: 0.3s;border: 1px solid;border-radius: 100px;}
.filters ul li:hover{color: #EB2D3A;}
.filters ul li.is-checked{color: #ffffff;background: #26478b;}
.filters ul li:last-child{margin-right: 0;}


.grid {}
.grid:after {content: '';display: block;clear: both;}

.grid-item,
.grid-sizer {width: 25%;}

.grid-item {float: left;height: 30vh;border: 1vh solid #ffffff;}

.grid-item--width2 { width: 50%; }
.grid-item--height2 { height: 45vh; }

.grid .grid-item .gallery-image {display:inline-block;width: 100%;height: 100%;position: relative;overflow: hidden;background-size:cover;background-position: center center;}
.grid .grid-item .gallery-image img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	

	.hero-sec-01{min-height:auto;padding-top: 160px;padding-bottom: 30px;}
	.hero-sec-01 .pt-5{padding-top: 0px !important;}
	

	.grid-item,
	.grid-sizer {width: 50%;}
	.grid-item {height: 140px;}
	.grid-item--width2 { width: 50%; }
	.grid-item--height2 { height: 140px; }
	
	
}