.loop-grid-column {
	display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: dense;
	grid-gap             : 20px;
	padding-bottom: 40px;
}



.loop-grid-column__items {
    grid-row: span 1;
	grid-column: span 1;
	
}


.loop-regular__image-shadow {
	background-color: rgba(8,8,8,.2);
    bottom: 0;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1;
}

.loop-grid-column__items:hover .loop-grid-column__image .loop-regular__image-shadow {
	opacity: 1;
}
.loop-grid-column__items:hover .loop-grid-column__packages,
.loop-grid-column__items:hover .loop-grid-column__title
{
	display: block;
	/* opacity: 1; */
}

div.loop-grid-column__items:first-child,div.loop-grid-column__items:nth-child(7n+7),div.loop-grid-column__items:nth-child(6n+5){
    grid-row: span 2;
	grid-column: span 2;
	/* max-height: 576px; */
}
/* div.loop-grid-column__items:first-child img,div.loop-grid-column__items:nth-child(7n+7) img,div.loop-grid-column__items:nth-child(6n+5) img{
	max-height: 576px;
}

.loop-grid-column__items:not(:first-child) img,.loop-grid-column__items:not(:nth-child(7n+7)) img ,.loop-grid-column__items:not(:nth-child(6n+5)) img{
	max-height: 278px;
}
.loop-grid-column__items:not(:first-child) img,.loop-grid-column__items:not(:nth-child(7n+7)) img ,.loop-grid-column__items:not(:nth-child(6n+5)) {
	max-height: 278px;
} */

.loop-add-to-card__packages{
	opacity: 0.65;
}



.loop-grid-column__items .loop-grid-column__image img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loop-grid-column__image {
	height: 100%;
}

.loop-grid-column__items {
	height: 0;
    overflow: hidden;
    padding-top: 75%;
    background: #211b1b;
    position: relative;
}

.loop-grid-column__packages {
	position  : absolute;
	bottom    : 0;
	right     : 0;
	background: black;
	font-size : 12px;
	padding   : 2%;
	display: none;
	transition: display .3s ease;
	z-index: 10;
	opacity: 0.65;
}

.loop-grid-column__title {
	position: absolute;
	top     : 5%;
	left    : 5%;
	color   : white;
	display: none;
	transition: display .3s ease;
	z-index: 10;
}

.loop-grid-column__title>span {
	font-style    : normal;
	font-weight   : 600;
	font-size     : 14px;
	line-height   : 19px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.loop-grid-column__packages span {
	font-style : normal;
	font-weight: normal;
	font-size  : 14px;
	line-height: 19px;
	color      : #FFFFFF;
	/* opacity    : 0.65; */
	padding    : 0 5px;
}

@media only screen and (max-width:768px) {
	div.loop-grid-column {
		grid-template-columns: repeat(1, 1fr);
	}

	div.loop-grid-column__items {
		grid-row: auto;
		grid-column: auto;
	}
	
	div.loop-grid-column__items:first-child,div.loop-grid-column__items:nth-child(7n+7),div.loop-grid-column__items:nth-child(6n+5){
		grid-row: auto;
		grid-column: auto;
	}
}