@import "_common";
@import "../_site-variables";

.img-gallery{
    .block;
    background:@gray-lighter;
    padding:5px;
    margin:20px 0;
    .img-gallery-item{
        width:50%;
        float:left;
        a{
            .block;
            margin:5px;
        }
    }
}

.col-md-4{
    .img-gallery{
        .img-gallery-item{
            width:100%;
        }
    }
}


@media only screen and (min-width:768px){
    
    .col-md-8{
        .img-gallery{
            .img-gallery-item{
                
            }
        }
    }
    .col-md-12{
        .img-gallery{
            .img-gallery-item{
                width:25%;
            }
        }
    }

}
@media only screen and (min-width:890px){
    
    .col-md-8{
        .img-gallery{
            .img-gallery-item{
                width:33.3%;
            }
        }
    }
    .col-md-12{
        .img-gallery{
            .img-gallery-item{
                width:20%;
            }
        }
    }

}
@media only screen and (min-width:1024px){
    
    .col-md-4{
    .img-gallery{
        .img-gallery-item{
            width:50%;
        }
    }
    }


    .col-md-8{
        .img-gallery{
            .img-gallery-item{
                width:25%;
            }
        }
    }
    .col-md-12{
        .img-gallery{
            .img-gallery-item{
                width:14.28%;
            }
        }
    }

}