/* small devices */
@media (min-width:640px) {
    .sm-100{
        width: 100%;
    }
    .sm-50{
        width: 50%;
    }
    .sm-30{
        width: 33.333%;
    }
    .sm-25{
        width: 25%;
    }
    .sm-20{
        width: 20%;
    }
    .sm-16{
        width: 16.6666%;
    }
    #gallery .meals{
    columns: 1;
}
}
/* md devices */
@media (min-width:768px) {
    .md-100{
        width: 100%;
    }
    .md-50{
        width: 50%;
    }
    .md-30{
        width: 33.333%;
    }
    .md-25{
        width: 25%;
    }
    .md-20{
        width: 20%;
    }
    .md-16{
        width: 16.6666%;
    }
    #gallery .meals{
    columns: 2;
}
}
/* large devices */
@media (min-width:1024px) {
    .lg-100{
        width: 100%;
    }
    .lg-50{
        width: 50%;
    }
    .lg-30{
        width: 33.333%;
    }
    .lg-25{
        width: 25%;
    }
    .lg-20{
        width: 20%;
    }
    .lg-16{
        width: 16.6666%;
    }
    #gallery .meals{
    columns: 3;
}
}
/* extra large devices */
@media (min-width:1280px) {
    .xl-100{
        width: 100%;
    }
    .xl-50{
        width: 50%;
    }
    .xl-30{
        width: 33.333%;
    }
    .xl-25{
        width: 25%;
    }
    .xl-20{
        width: 20%;
    }
    .xl-16{
        width: 16.6666%;
    }
}
/* extra extra large devices */
@media (min-width:1536px) {
    .xxl-100{
        width: 100%;
    }
    .xxl-50{
        width: 50%;
    }
    .xxl-30{
        width: 33.333%;
    }
    .xxl-25{
        width: 25%;
    }
    .xxl-20{
        width: 20%;
    }
    .xxl-16{
        width: 16.6666%;
    }
}