﻿.d-grid{
    display:grid !important;
}

.d-flex {
    display: flex !important;
}

.flex-wrap{
    flex-wrap:wrap;
}

.reference-row{
    display:flex;
    flex-wrap:wrap;    
}

.reference-row .img-wrapper{
    display:flex;
    padding:15px;
    justify-content:center;
    align-items:center;
    width:50%;    
}


.img-fluid{
    max-width:100%;
    height:auto;
}
.product-img-container{
    display:flex;
    flex-wrap:wrap;    
    column-gap: 1.5rem;
}

.product-img-wrapper {
    width: 100%;
    flex: 0 0 auto;
    padding:5px;   
    margin:0 -0.5rem;
}

@media only screen and (min-width:576px) {
    .product-img-wrapper {
        width: 50%;
    }
}

@media only screen and (min-width:768px){
    .reference-row .img-wrapper {
        display: flex;
        padding: 20px;        
        align-items: center;
        width: 33.3333%;
    }

    .product-img-wrapper {
        width: 33.33333333%;
    }
}



@media only screen and (min-width:992px) {
    .reference-row .img-wrapper {
        display: flex;
        padding: 25px;
        justify-content: center;
        align-items: center;
        width: 25%;
    }
}