/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

.my-gallery {
    float : left;
    width : 100%;
}

.my-gallery img {
    height : auto;
    width  : 100%;
}

.my-gallery figure.figure-row {
    display     : block;
    float       : left;
    margin-left : 1.25%;
    width       : 19%;
}

.my-gallery figure.first {
    margin-left : 0;
}

.my-gallery figcaption {
    display : none;
}

/******************************************************************************/

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/******************************************************************************/

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}

/******************************************************************************/

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}

/******************************************************************************/

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}