/* Grids */
.grids{
    width:calc(100% + 1.5rem); display:flex; justify-content:flex-start; flex-wrap:wrap;
    margin:0 -1.5rem 0 0; box-sizing:border-box; -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; outline:none;
}
.grids > .grid{
    width:calc(50% - 1.5rem); margin:1.5rem 1.5rem 0 0;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;
}

.grids.no-gap{width:100%; margin:0;}
.grids.no-gap > .grid{width:50%; margin:1.5rem 0 0 0;}

.gallery-grids{
    width:calc(100% + .375rem); display:flex; justify-content:flex-start; flex-wrap:wrap;
    margin:0 -.375rem 0 0; box-sizing:border-box; -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; outline:none;
}
.gallery-grids > .grid{
    width:calc(50% - .375rem); margin:.375rem .375rem 0 0;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;
}

.grids > .sep, .gallery-grids > .sep{width:100%;} 

/* All */
.grids > .grid.all-10{width:calc(10% - 1.5rem);}
.grids > .grid.all-20{width:calc(20% - 1.5rem);}
.grids > .grid.all-25{width:calc(25% - 1.5rem);}
.grids > .grid.all-30{width:calc(30% - 1.5rem);}
.grids > .grid.all-40{width:calc(40% - 1.5rem);}
.grids > .grid.all-50{width:calc(50% - 1.5rem);}
.grids > .grid.all-60{width:calc(60% - 1.5rem);}
.grids > .grid.all-70{width:calc(70% - 1.5rem);}
.grids > .grid.all-75{width:calc(75% - 1.5rem);}
.grids > .grid.all-80{width:calc(80% - 1.5rem);}
.grids > .grid.all-90{width:calc(90% - 1.5rem);}
.grids > .grid.all-100{width:100%;}
.grids > .grid.all-1-3{width:calc(33.3333% - 1.5rem);}
.grids > .grid.all-2-3{width:calc(66.6666% - 1.5rem);}
.grids > .grid.mt-0{margin-top:0;}

.grids.no-gap > .grid.all-10{width:10%;}
.grids.no-gap > .grid.all-20{width:20%;}
.grids.no-gap > .grid.all-25{width:25%;}
.grids.no-gap > .grid.all-30{width:30%;}
.grids.no-gap > .grid.all-40{width:40%;}
.grids.no-gap > .grid.all-50{width:50%;}
.grids.no-gap > .grid.all-60{width:60%;}
.grids.no-gap > .grid.all-70{width:70%;}
.grids.no-gap > .grid.all-75{width:75%;}
.grids.no-gap > .grid.all-80{width:80%;}
.grids.no-gap > .grid.all-90{width:90%;}
.grids.no-gap > .grid.all-100{width:100%;}
.grids.no-gap > .grid.all-1-3{width:33.3333%;}
.grids.no-gap > .grid.all-2-3{width:66.6666%;}

.gallery-grids > .grid.all-10{width:calc(10% - .375rem);}
.gallery-grids > .grid.all-20{width:calc(20% - .375rem);}
.gallery-grids > .grid.all-25{width:calc(25% - .375rem);}
.gallery-grids > .grid.all-30{width:calc(30% - .375rem);}
.gallery-grids > .grid.all-40{width:calc(40% - .375rem);}
.gallery-grids > .grid.all-50{width:calc(50% - .375rem);}
.gallery-grids > .grid.all-60{width:calc(60% - .375rem);}
.gallery-grids > .grid.all-70{width:calc(70% - .375rem);}
.gallery-grids > .grid.all-75{width:calc(75% - .375rem);}
.gallery-grids > .grid.all-80{width:calc(80% - .375rem);}
.gallery-grids > .grid.all-90{width:calc(90% - .375rem);}
.gallery-grids > .grid.all-100{width:100%;}
.gallery-grids > .grid.all-1-3{width:calc(33.3333% - .375rem);}
.gallery-grids > .grid.all-2-3{width:calc(66.6666% - .375rem);}
.gallery-grids > .grid.mt-0{margin-top:0;}

@media screen and (min-width:1200px){
    /* xs */
    .grids > .grid{width:100%;}
    .gallery-grids > .grid{width:100%;}

    /* sm */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-10{width:calc(10% - 1.5rem);}
    .grids > .grid.sm-20{width:calc(20% - 1.5rem);}
    .grids > .grid.sm-25{width:calc(25% - 1.5rem);}
    .grids > .grid.sm-30{width:calc(30% - 1.5rem);}
    .grids > .grid.sm-40{width:calc(40% - 1.5rem);}
    .grids > .grid.sm-50{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-60{width:calc(60% - 1.5rem);}
    .grids > .grid.sm-70{width:calc(70% - 1.5rem);}
    .grids > .grid.sm-75{width:calc(75% - 1.5rem);}
    .grids > .grid.sm-80{width:calc(80% - 1.5rem);}
    .grids > .grid.sm-90{width:calc(90% - 1.5rem);}
    .grids > .grid.sm-100{width:100%;}
    .grids > .grid.sm-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.sm-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.sm-10{width:10%;}
    .grids.no-gap > .grid.sm-20{width:20%;}
    .grids.no-gap > .grid.sm-25{width:25%;}
    .grids.no-gap > .grid.sm-30{width:30%;}
    .grids.no-gap > .grid.sm-40{width:40%;}
    .grids.no-gap > .grid.sm-50{width:50%;}
    .grids.no-gap > .grid.sm-60{width:60%;}
    .grids.no-gap > .grid.sm-70{width:70%;}
    .grids.no-gap > .grid.sm-75{width:75%;}
    .grids.no-gap > .grid.sm-80{width:80%;}
    .grids.no-gap > .grid.sm-90{width:90%;}
    .grids.no-gap > .grid.sm-100{width:100%;}
    .grids.no-gap > .grid.sm-1-3{width:33.3333%;}
    .grids.no-gap > .grid.sm-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.sm-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.sm-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.sm-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.sm-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.sm-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.sm-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.sm-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.sm-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.sm-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.sm-100{width:100%;}
    .gallery-grids > .grid.sm-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.sm-2-3{width:calc(66.6666% - .375rem);}

    /* md */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.md-10{width:calc(10% - 1.5rem);}
    .grids > .grid.md-20{width:calc(20% - 1.5rem);}
    .grids > .grid.md-25{width:calc(25% - 1.5rem);}
    .grids > .grid.md-30{width:calc(30% - 1.5rem);}
    .grids > .grid.md-40{width:calc(40% - 1.5rem);}
    .grids > .grid.md-50{width:calc(50% - 1.5rem);}
    .grids > .grid.md-60{width:calc(60% - 1.5rem);}
    .grids > .grid.md-70{width:calc(70% - 1.5rem);}
    .grids > .grid.md-75{width:calc(75% - 1.5rem);}
    .grids > .grid.md-80{width:calc(80% - 1.5rem);}
    .grids > .grid.md-90{width:calc(90% - 1.5rem);}
    .grids > .grid.md-100{width:100%;}
    .grids > .grid.md-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.md-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.md-10{width:10%;}
    .grids.no-gap > .grid.md-20{width:20%;}
    .grids.no-gap > .grid.md-25{width:25%;}
    .grids.no-gap > .grid.md-30{width:30%;}
    .grids.no-gap > .grid.md-40{width:40%;}
    .grids.no-gap > .grid.md-50{width:50%;}
    .grids.no-gap > .grid.md-60{width:60%;}
    .grids.no-gap > .grid.md-70{width:70%;}
    .grids.no-gap > .grid.md-75{width:75%;}
    .grids.no-gap > .grid.md-80{width:80%;}
    .grids.no-gap > .grid.md-90{width:90%;}
    .grids.no-gap > .grid.md-100{width:100%;}
    .grids.no-gap > .grid.md-1-3{width:33.3333%;}
    .grids.no-gap > .grid.md-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.md-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.md-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.md-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.md-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.md-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.md-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.md-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.md-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.md-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.md-100{width:100%;}
    .gallery-grids > .grid.md-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.md-2-3{width:calc(66.6666% - .375rem);}

    /* lg */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.lg-10{width:calc(10% - 1.5rem);}
    .grids > .grid.lg-20{width:calc(20% - 1.5rem);}
    .grids > .grid.lg-25{width:calc(25% - 1.5rem);}
    .grids > .grid.lg-30{width:calc(30% - 1.5rem);}
    .grids > .grid.lg-40{width:calc(40% - 1.5rem);}
    .grids > .grid.lg-50{width:calc(50% - 1.5rem);}
    .grids > .grid.lg-60{width:calc(60% - 1.5rem);}
    .grids > .grid.lg-70{width:calc(70% - 1.5rem);}
    .grids > .grid.lg-75{width:calc(75% - 1.5rem);}
    .grids > .grid.lg-80{width:calc(80% - 1.5rem);}
    .grids > .grid.lg-90{width:calc(90% - 1.5rem);}
    .grids > .grid.lg-100{width:100%;}
    .grids > .grid.lg-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.lg-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.lg-10{width:10%;}
    .grids.no-gap > .grid.lg-20{width:20%;}
    .grids.no-gap > .grid.lg-25{width:25%;}
    .grids.no-gap > .grid.lg-30{width:30%;}
    .grids.no-gap > .grid.lg-40{width:40%;}
    .grids.no-gap > .grid.lg-50{width:50%;}
    .grids.no-gap > .grid.lg-60{width:60%;}
    .grids.no-gap > .grid.lg-70{width:70%;}
    .grids.no-gap > .grid.lg-75{width:75%;}
    .grids.no-gap > .grid.lg-80{width:80%;}
    .grids.no-gap > .grid.lg-90{width:90%;}
    .grids.no-gap > .grid.lg-100{width:100%;}
    .grids.no-gap > .grid.lg-1-3{width:33.3333%;}
    .grids.no-gap > .grid.lg-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.lg-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.lg-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.lg-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.lg-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.lg-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.lg-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.lg-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.lg-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.lg-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.lg-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.lg-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.lg-100{width:100%;}
    .gallery-grids > .grid.lg-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.lg-2-3{width:calc(66.6666% - .375rem);}

    /* xl */
    .grids > .grid.xl-0{display:none;}
    .grids > .grid.xl-10{width:calc(10% - 1.5rem);}
    .grids > .grid.xl-20{width:calc(20% - 1.5rem);}
    .grids > .grid.xl-25{width:calc(25% - 1.5rem);}
    .grids > .grid.xl-30{width:calc(30% - 1.5rem);}
    .grids > .grid.xl-40{width:calc(40% - 1.5rem);}
    .grids > .grid.xl-50{width:calc(50% - 1.5rem);}
    .grids > .grid.xl-60{width:calc(60% - 1.5rem);}
    .grids > .grid.xl-70{width:calc(70% - 1.5rem);}
    .grids > .grid.xl-75{width:calc(75% - 1.5rem);}
    .grids > .grid.xl-80{width:calc(80% - 1.5rem);}
    .grids > .grid.xl-90{width:calc(90% - 1.5rem);}
    .grids > .grid.xl-100{width:100%;}
    .grids > .grid.xl-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.xl-2-3{width:calc(66.6666% - 1.5rem);}
    .grids > .grid.xl-mt-0{margin-top:0;}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.xl-10{width:10%;}
    .grids.no-gap > .grid.xl-20{width:20%;}
    .grids.no-gap > .grid.xl-25{width:25%;}
    .grids.no-gap > .grid.xl-30{width:30%;}
    .grids.no-gap > .grid.xl-40{width:40%;}
    .grids.no-gap > .grid.xl-50{width:50%;}
    .grids.no-gap > .grid.xl-60{width:60%;}
    .grids.no-gap > .grid.xl-70{width:70%;}
    .grids.no-gap > .grid.xl-75{width:75%;}
    .grids.no-gap > .grid.xl-80{width:80%;}
    .grids.no-gap > .grid.xl-90{width:90%;}
    .grids.no-gap > .grid.xl-100{width:100%;}
    .grids.no-gap > .grid.xl-1-3{width:33.3333%;}
    .grids.no-gap > .grid.xl-2-3{width:66.6666%;}
    
    .gallery-grids > .grid.xl-0{display:none;}
    .gallery-grids > .grid.xl-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.xl-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.xl-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.xl-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.xl-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.xl-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.xl-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.xl-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.xl-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.xl-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.xl-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.xl-100{width:100%;}
    .gallery-grids > .grid.xl-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.xl-2-3{width:calc(66.6666% - .375rem);}
    .gallery-grids > .grid.xl-mt-0{margin-top:0;}
}
@media screen and (min-width:992px) and (max-width: 1199.98px){
    /* xs */
    .grids > .grid{width:100%;}
    .gallery-grids > .grid{width:100%;}

    /* sm */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-10{width:calc(10% - 1.5rem);}
    .grids > .grid.sm-20{width:calc(20% - 1.5rem);}
    .grids > .grid.sm-25{width:calc(25% - 1.5rem);}
    .grids > .grid.sm-30{width:calc(30% - 1.5rem);}
    .grids > .grid.sm-40{width:calc(40% - 1.5rem);}
    .grids > .grid.sm-50{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-60{width:calc(60% - 1.5rem);}
    .grids > .grid.sm-70{width:calc(70% - 1.5rem);}
    .grids > .grid.sm-75{width:calc(75% - 1.5rem);}
    .grids > .grid.sm-80{width:calc(80% - 1.5rem);}
    .grids > .grid.sm-90{width:calc(90% - 1.5rem);}
    .grids > .grid.sm-100{width:100%;}
    .grids > .grid.sm-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.sm-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.sm-10{width:10%;}
    .grids.no-gap > .grid.sm-20{width:20%;}
    .grids.no-gap > .grid.sm-25{width:25%;}
    .grids.no-gap > .grid.sm-30{width:30%;}
    .grids.no-gap > .grid.sm-40{width:40%;}
    .grids.no-gap > .grid.sm-50{width:50%;}
    .grids.no-gap > .grid.sm-60{width:60%;}
    .grids.no-gap > .grid.sm-70{width:70%;}
    .grids.no-gap > .grid.sm-75{width:75%;}
    .grids.no-gap > .grid.sm-80{width:80%;}
    .grids.no-gap > .grid.sm-90{width:90%;}
    .grids.no-gap > .grid.sm-100{width:100%;}
    .grids.no-gap > .grid.sm-1-3{width:33.3333%;}
    .grids.no-gap > .grid.sm-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.sm-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.sm-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.sm-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.sm-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.sm-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.sm-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.sm-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.sm-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.sm-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.sm-100{width:100%;}
    .gallery-grids > .grid.sm-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.sm-2-3{width:calc(66.6666% - .375rem);}

    /* md */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.md-10{width:calc(10% - 1.5rem);}
    .grids > .grid.md-20{width:calc(20% - 1.5rem);}
    .grids > .grid.md-25{width:calc(25% - 1.5rem);}
    .grids > .grid.md-30{width:calc(30% - 1.5rem);}
    .grids > .grid.md-40{width:calc(40% - 1.5rem);}
    .grids > .grid.md-50{width:calc(50% - 1.5rem);}
    .grids > .grid.md-60{width:calc(60% - 1.5rem);}
    .grids > .grid.md-70{width:calc(70% - 1.5rem);}
    .grids > .grid.md-75{width:calc(75% - 1.5rem);}
    .grids > .grid.md-80{width:calc(80% - 1.5rem);}
    .grids > .grid.md-90{width:calc(90% - 1.5rem);}
    .grids > .grid.md-100{width:100%;}
    .grids > .grid.md-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.md-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.md-10{width:10%;}
    .grids.no-gap > .grid.md-20{width:20%;}
    .grids.no-gap > .grid.md-25{width:25%;}
    .grids.no-gap > .grid.md-30{width:30%;}
    .grids.no-gap > .grid.md-40{width:40%;}
    .grids.no-gap > .grid.md-50{width:50%;}
    .grids.no-gap > .grid.md-60{width:60%;}
    .grids.no-gap > .grid.md-70{width:70%;}
    .grids.no-gap > .grid.md-75{width:75%;}
    .grids.no-gap > .grid.md-80{width:80%;}
    .grids.no-gap > .grid.md-90{width:90%;}
    .grids.no-gap > .grid.md-100{width:100%;}
    .grids.no-gap > .grid.md-1-3{width:33.3333%;}
    .grids.no-gap > .grid.md-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.md-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.md-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.md-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.md-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.md-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.md-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.md-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.md-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.md-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.md-100{width:100%;}
    .gallery-grids > .grid.md-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.md-2-3{width:calc(66.6666% - .375rem);}

    /* lg */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.lg-0{display:none;}
    .grids > .grid.lg-10{width:calc(10% - 1.5rem);}
    .grids > .grid.lg-20{width:calc(20% - 1.5rem);}
    .grids > .grid.lg-25{width:calc(25% - 1.5rem);}
    .grids > .grid.lg-30{width:calc(30% - 1.5rem);}
    .grids > .grid.lg-40{width:calc(40% - 1.5rem);}
    .grids > .grid.lg-50{width:calc(50% - 1.5rem);}
    .grids > .grid.lg-60{width:calc(60% - 1.5rem);}
    .grids > .grid.lg-70{width:calc(70% - 1.5rem);}
    .grids > .grid.lg-75{width:calc(75% - 1.5rem);}
    .grids > .grid.lg-80{width:calc(80% - 1.5rem);}
    .grids > .grid.lg-90{width:calc(90% - 1.5rem);}
    .grids > .grid.lg-100{width:100%;}
    .grids > .grid.lg-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.lg-2-3{width:calc(66.6666% - 1.5rem);}
    .grids > .grid.lg-mt-0{margin-top:0;}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.lg-10{width:10%;}
    .grids.no-gap > .grid.lg-20{width:20%;}
    .grids.no-gap > .grid.lg-25{width:25%;}
    .grids.no-gap > .grid.lg-30{width:30%;}
    .grids.no-gap > .grid.lg-40{width:40%;}
    .grids.no-gap > .grid.lg-50{width:50%;}
    .grids.no-gap > .grid.lg-60{width:60%;}
    .grids.no-gap > .grid.lg-70{width:70%;}
    .grids.no-gap > .grid.lg-75{width:75%;}
    .grids.no-gap > .grid.lg-80{width:80%;}
    .grids.no-gap > .grid.lg-90{width:90%;}
    .grids.no-gap > .grid.lg-100{width:100%;}
    .grids.no-gap > .grid.lg-1-3{width:33.3333%;}
    .grids.no-gap > .grid.lg-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.lg-0{display:none;}
    .gallery-grids > .grid.lg-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.lg-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.lg-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.lg-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.lg-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.lg-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.lg-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.lg-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.lg-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.lg-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.lg-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.lg-100{width:100%;}
    .gallery-grids > .grid.lg-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.lg-2-3{width:calc(66.6666% - .375rem);}
    .gallery-grids > .grid.lg-mt-0{margin-top:0;}
}
@media screen and (min-width:768px) and (max-width: 991.98px){
    /* xs */
    .grids > .grid{width:100%;}
    .gallery-grids > .grid{width:100%;}

    /* sm */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-10{width:calc(10% - 1.5rem);}
    .grids > .grid.sm-20{width:calc(20% - 1.5rem);}
    .grids > .grid.sm-25{width:calc(25% - 1.5rem);}
    .grids > .grid.sm-30{width:calc(30% - 1.5rem);}
    .grids > .grid.sm-40{width:calc(40% - 1.5rem);}
    .grids > .grid.sm-50{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-60{width:calc(60% - 1.5rem);}
    .grids > .grid.sm-70{width:calc(70% - 1.5rem);}
    .grids > .grid.sm-75{width:calc(75% - 1.5rem);}
    .grids > .grid.sm-80{width:calc(80% - 1.5rem);}
    .grids > .grid.sm-90{width:calc(90% - 1.5rem);}
    .grids > .grid.sm-100{width:100%;}
    .grids > .grid.sm-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.sm-2-3{width:calc(66.6666% - 1.5rem);}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.sm-10{width:10%;}
    .grids.no-gap > .grid.sm-20{width:20%;}
    .grids.no-gap > .grid.sm-25{width:25%;}
    .grids.no-gap > .grid.sm-30{width:30%;}
    .grids.no-gap > .grid.sm-40{width:40%;}
    .grids.no-gap > .grid.sm-50{width:50%;}
    .grids.no-gap > .grid.sm-60{width:60%;}
    .grids.no-gap > .grid.sm-70{width:70%;}
    .grids.no-gap > .grid.sm-75{width:75%;}
    .grids.no-gap > .grid.sm-80{width:80%;}
    .grids.no-gap > .grid.sm-90{width:90%;}
    .grids.no-gap > .grid.sm-100{width:100%;}
    .grids.no-gap > .grid.sm-1-3{width:33.3333%;}
    .grids.no-gap > .grid.sm-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.sm-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.sm-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.sm-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.sm-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.sm-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.sm-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.sm-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.sm-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.sm-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.sm-100{width:100%;}
    .gallery-grids > .grid.sm-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.sm-2-3{width:calc(66.6666% - .375rem);}

    /* md */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.md-0{display:none;}
    .grids > .grid.md-10{width:calc(10% - 1.5rem);}
    .grids > .grid.md-20{width:calc(20% - 1.5rem);}
    .grids > .grid.md-25{width:calc(25% - 1.5rem);}
    .grids > .grid.md-30{width:calc(30% - 1.5rem);}
    .grids > .grid.md-40{width:calc(40% - 1.5rem);}
    .grids > .grid.md-50{width:calc(50% - 1.5rem);}
    .grids > .grid.md-60{width:calc(60% - 1.5rem);}
    .grids > .grid.md-70{width:calc(70% - 1.5rem);}
    .grids > .grid.md-75{width:calc(75% - 1.5rem);}
    .grids > .grid.md-80{width:calc(80% - 1.5rem);}
    .grids > .grid.md-90{width:calc(90% - 1.5rem);}
    .grids > .grid.md-100{width:100%;}
    .grids > .grid.md-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.md-2-3{width:calc(66.6666% - 1.5rem);}
    .grids > .grid.md-mt-0{margin-top:0;}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.md-10{width:10%;}
    .grids.no-gap > .grid.md-20{width:20%;}
    .grids.no-gap > .grid.md-25{width:25%;}
    .grids.no-gap > .grid.md-30{width:30%;}
    .grids.no-gap > .grid.md-40{width:40%;}
    .grids.no-gap > .grid.md-50{width:50%;}
    .grids.no-gap > .grid.md-60{width:60%;}
    .grids.no-gap > .grid.md-70{width:70%;}
    .grids.no-gap > .grid.md-75{width:75%;}
    .grids.no-gap > .grid.md-80{width:80%;}
    .grids.no-gap > .grid.md-90{width:90%;}
    .grids.no-gap > .grid.md-100{width:100%;}
    .grids.no-gap > .grid.md-1-3{width:33.3333%;}
    .grids.no-gap > .grid.md-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-0{display:none;}
    .gallery-grids > .grid.md-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.md-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.md-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.md-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.md-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.md-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.md-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.md-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.md-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.md-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.md-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.md-100{width:100%;}
    .gallery-grids > .grid.md-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.md-2-3{width:calc(66.6666% - .375rem);}
    .gallery-grids > .grid.md-mt-0{margin-top:0;}
}
@media screen and (min-width:576px) and (max-width:767.98px){ /* Exception Start Here */
    /* xs */
    .grids > .grid{width:100%;}
    .gallery-grids > .grid{width:100%;}

    /* sm */
    .grids > .grid{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-0{display:none;}
    .grids > .grid.sm-10{width:calc(10% - 1.5rem);}
    .grids > .grid.sm-20{width:calc(20% - 1.5rem);}
    .grids > .grid.sm-25{width:calc(25% - 1.5rem);}
    .grids > .grid.sm-30{width:calc(30% - 1.5rem);}
    .grids > .grid.sm-40{width:calc(40% - 1.5rem);}
    .grids > .grid.sm-50{width:calc(50% - 1.5rem);}
    .grids > .grid.sm-60{width:calc(60% - 1.5rem);}
    .grids > .grid.sm-70{width:calc(70% - 1.5rem);}
    .grids > .grid.sm-75{width:calc(75% - 1.5rem);}
    .grids > .grid.sm-80{width:calc(80% - 1.5rem);}
    .grids > .grid.sm-90{width:calc(90% - 1.5rem);}
    .grids > .grid.sm-100{width:100%;}
    .grids > .grid.sm-1-3{width:calc(33.3333% - 1.5rem);}
    .grids > .grid.sm-2-3{width:calc(66.6666% - 1.5rem);}
    .grids > .grid.sm-mt-0{margin-top:0;}

    .grids.no-gap > .grid{width:50%;}
    .grids.no-gap > .grid.sm-10{width:10%;}
    .grids.no-gap > .grid.sm-20{width:20%;}
    .grids.no-gap > .grid.sm-25{width:25%;}
    .grids.no-gap > .grid.sm-30{width:30%;}
    .grids.no-gap > .grid.sm-40{width:40%;}
    .grids.no-gap > .grid.sm-50{width:50%;}
    .grids.no-gap > .grid.sm-60{width:60%;}
    .grids.no-gap > .grid.sm-70{width:70%;}
    .grids.no-gap > .grid.sm-75{width:75%;}
    .grids.no-gap > .grid.sm-80{width:80%;}
    .grids.no-gap > .grid.sm-90{width:90%;}
    .grids.no-gap > .grid.sm-100{width:100%;}
    .grids.no-gap > .grid.sm-1-3{width:33.3333%;}
    .grids.no-gap > .grid.sm-2-3{width:66.6666%;}
    
    .gallery-grids > .grid{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-0{display:none;}
    .gallery-grids > .grid.sm-10{width:calc(10% - .375rem);}
    .gallery-grids > .grid.sm-20{width:calc(20% - .375rem);}
    .gallery-grids > .grid.sm-25{width:calc(25% - .375rem);}
    .gallery-grids > .grid.sm-30{width:calc(30% - .375rem);}
    .gallery-grids > .grid.sm-40{width:calc(40% - .375rem);}
    .gallery-grids > .grid.sm-50{width:calc(50% - .375rem);}
    .gallery-grids > .grid.sm-60{width:calc(60% - .375rem);}
    .gallery-grids > .grid.sm-70{width:calc(70% - .375rem);}
    .gallery-grids > .grid.sm-75{width:calc(75% - .375rem);}
    .gallery-grids > .grid.sm-80{width:calc(80% - .375rem);}
    .gallery-grids > .grid.sm-90{width:calc(90% - .375rem);}
    .gallery-grids > .grid.sm-100{width:100%;}
    .gallery-grids > .grid.sm-1-3{width:calc(33.3333% - .375rem);}
    .gallery-grids > .grid.sm-2-3{width:calc(66.6666% - .375rem);}
    .gallery-grids > .grid.sm-mt-0{margin-top:0;}
}
@media screen and (max-width:575.98px){
    /* xs */
    .grids > .grid{width:100%!important;}
    .grids > .grid.xs-mt-0{margin-top:0;}
    .grids > .grid.xs-0{display:none;}
    
    .gallery-grids > .grid{width:100%;}
    .gallery-grids > .grid.xs-mt-0{margin-top:0;}
    .gallery-grids > .grid.xs-0{display:none;}
}