/* ==========================================
   LyricsGroove Grid System
========================================== */

/* Auto Responsive Grid */

.lg-grid{

    display:grid;

    gap:30px;

    grid-template-columns:
    repeat(
        auto-fit,
        minmax(260px,1fr)
    );

}

/* 2 Columns */

.lg-grid-2{

    grid-template-columns:
    repeat(2,1fr);

}

/* 3 Columns */

.lg-grid-3{

    grid-template-columns:
    repeat(3,1fr);

}

/* 4 Columns */

.lg-grid-4{

    grid-template-columns:
    repeat(4,1fr);

}

/* Desktop */

@media(max-width:1200px){

.lg-grid-4{

grid-template-columns:
repeat(3,1fr);

}

}

/* Tablet */

@media(max-width:992px){

.lg-grid-4,
.lg-grid-3{

grid-template-columns:
repeat(2,1fr);

}

}

/* Mobile */

@media(max-width:640px){

.lg-grid,
.lg-grid-2,
.lg-grid-3,
.lg-grid-4{

grid-template-columns:1fr;

gap:22px;

}

}