
section[data-module="az-video-gallery-grid"] {

}

section[data-module="az-video-gallery-grid"] .d-flex {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

}



section[data-module="az-video-gallery-grid"] .btn-close {
	margin-left: auto;
}

section[data-module="az-video-gallery-grid"] .az-video-thumb {
    width: 33%;
    height: 320px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: transform 0.3s;
    margin: 3px;
}

section[data-module="az-video-gallery-grid"] .az-video-thumb:hover {
    transform: scale(1.03);
    z-index: 2;
}

section[data-module="az-video-gallery-grid"] .az-video-thumb .fab {
	color: white;
	font-size: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	text-shadow: 0 0 8px rgba(0,0,0,0.6);
	transition: 0.3s;
	z-index: 1;
}

section[data-module="az-video-gallery-grid"] .az-video-thumb:hover .fab {
    color: red;
    transition: 0.3s;
    box-shadow: -1px 1px 13px 1px rgba(0,0,0,0.69);
-webkit-box-shadow: -1px 1px 13px 1px rgba(0,0,0,0.69);
-moz-box-shadow: -1px 1px 13px 1px rgba(0,0,0,0.69);
}


section[data-module="az-video-gallery-grid"] .overlay {
	background-color: #00000085;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s;
}

section[data-module="az-video-gallery-grid"] .az-video-thumb:hover .overlay {
	background-color: #0000001a;
	transition: 0.3s;
}



@media only screen and (max-width: 1440px) and (min-width: 1200px) {

    section[data-module="az-video-gallery-grid"] .az-video-thumb {
        width: 32%;
        height: 230px;
    }

}

@media (min-width: 768px) and (max-width: 980px) {

    section[data-module="az-video-gallery-grid"] .az-video-thumb {
        width: 32%;
        height: 150px;
    }

    section[data-module="az-video-gallery-grid"] .az-video-thumb .fab {
        font-size: 30px;
    }

}
@media (max-width: 480px) {

    section[data-module="az-video-gallery-grid"] .az-video-thumb {
        width: 48%;
        height: 90px;
    }

    section[data-module="az-video-gallery-grid"] .az-video-thumb .fab {
        font-size: 30px;
    }
 
}

