/*|========================================================================
    Grid 
===========================================================================|*/
.grid{ display: grid; }
/*| Grid Gap |=============================================================|*/
.gap-02{ gap: 0.125rem; }	
.gap-04{ gap: 0.25rem; }
.gap-06{ gap: 0.375rem; }
.gap-08{ gap: 0.5rem; }
.gap-10{ gap: 0.625rem; }
.gap-12{ gap: 0.75rem; }
.gap-14{ gap: 0.875rem; }
.gap-16{ gap: 1rem; }
.gap-20{ gap: 1.25rem; }
.gap-24{ gap: 1.5rem; }
.gap-28{ gap: 1.75rem; }
.gap-32{ gap: 2rem; }
.gap-36{ gap: 2.25rem; }
.gap-40{ gap: 2.5rem; }
.gap-44{ gap: 2.75rem; }
.gap-48{ gap: 3rem; }
.gap-56{ gap: 3.5rem; }
.gap-64{ gap: 4rem; }
.gap-80{ gap: 5rem; }
.gap-96{ gap: 6rem;}  
.gap-112{ gap: 7rem; }
.gap-128{ gap: 8rem; } 
.gap-144{ gap: 9rem; }
.gap-160{ gap: 10rem; } 
.gap-x-02{ column-gap: 0.125rem; }	
.gap-y-02{ row-gap: 0.125rem; }
.gap-x-04{ column-gap: 0.25rem; }
.gap-y-04{ row-gap: 0.25rem; }
.gap-x-06{ column-gap: 0.375rem; }
.gap-y-06{ row-gap: 0.375rem; }
.gap-x-08{ column-gap: 0.5rem; }
.gap-y-08{ row-gap: 0.5rem; }
.gap-x-10{ column-gap: 0.625rem; }
.gap-y-10{ row-gap: 0.625rem; }
.gap-x-12{ column-gap: 0.75rem; }
.gap-y-12{ row-gap: 0.75rem; }
.gap-x-14{ column-gap: 0.875rem; }
.gap-y-14{ row-gap: 0.875rem; }
.gap-x-16{ column-gap: 1rem; }
.gap-y-16{ row-gap: 1rem; }
.gap-x-20{ column-gap: 1.25rem; }
.gap-y-20{ row-gap: 1.25rem; }
.gap-x-24{ column-gap: 1.5rem; }
.gap-y-24{ row-gap: 1.5rem; }
.gap-x-28{ column-gap: 1.75rem; }
.gap-y-28{ row-gap: 1.75rem; }
.gap-x-32{ column-gap: 2rem; }
.gap-y-32{ row-gap: 2rem; }
.gap-x-36{ column-gap: 2.25rem; }
.gap-y-36{ row-gap: 2.25rem; }
.gap-x-40{ column-gap: 2.5rem; }
.gap-y-40{ row-gap: 2.5rem; }
.gap-x-44{ column-gap: 2.75rem; }
.gap-y-44{ row-gap: 2.75rem; }
.gap-x-48{ column-gap: 3rem; }
.gap-y-48{ row-gap: 3rem; }
.gap-x-56{ column-gap: 3.5rem; }
.gap-y-56{ row-gap: 3.5rem; }
.gap-x-64{ column-gap: 4rem; }
.gap-y-64{ row-gap: 4rem; }
.gap-x-80{ column-gap: 5rem; }
.gap-y-80{ row-gap: 5rem; }
.gap-x-96{ column-gap: 6rem; } 
.gap-y-96{ row-gap: 6rem; } 
.gap-x-112{ column-gap: 7rem; } 
.gap-y-112{ row-gap: 7rem; }
.gap-x-128{ column-gap: 8rem; } 
.gap-y-128{ row-gap: 8rem; } 
.gap-x-144{ column-gap: 9rem;} 
.gap-y-144{ row-gap: 9rem; } 
.gap-x-160{ column-gap: 10rem; } 
.gap-y-160{ row-gap: 10rem; } 
/*| Media Query |==========================================================|*/
@media (min-width: 576px) {
    .gap-sm-02{ gap: 0.125rem; }	
    .gap-sm-04{ gap: 0.25rem; }
    .gap-sm-06{ gap: 0.375rem; }
    .gap-sm-08{ gap: 0.5rem; }
    .gap-sm-10{ gap: 0.625rem; }
    .gap-sm-12{ gap: 0.75rem; }
    .gap-sm-14{ gap: 0.875rem; }
    .gap-sm-16{ gap: 1rem; }
    .gap-sm-20{ gap: 1.25rem; }
    .gap-sm-24{ gap: 1.5rem; }
    .gap-sm-28{ gap: 1.75rem; }
    .gap-sm-32{ gap: 2rem; }
    .gap-sm-36{ gap: 2.25rem; }
    .gap-sm-40{ gap: 2.5rem; }
    .gap-sm-44{ gap: 2.75rem; }
    .gap-sm-48{ gap: 3rem; }
    .gap-sm-56{ gap: 3.5rem; }
    .gap-sm-64{ gap: 4rem; }
    .gap-sm-80{ gap: 5rem; }
    .gap-sm-96{ gap: 6rem;}  
    .gap-sm-112{ gap: 7rem; }
    .gap-sm-128{ gap: 8rem; } 
    .gap-sm-144{ gap: 9rem; }
    .gap-sm-160{ gap: 10rem; } 
    .gap-x-sm-02{ column-gap: 0.125rem; }	
    .gap-y-sm-02{ row-gap: 0.125rem; }
    .gap-x-sm-04{ column-gap: 0.25rem; }
    .gap-y-sm-04{ row-gap: 0.25rem; }
    .gap-x-sm-06{ column-gap: 0.375rem; }
    .gap-y-sm-06{ row-gap: 0.375rem; }
    .gap-x-sm-08{ column-gap: 0.5rem; }
    .gap-y-sm-08{ row-gap: 0.5rem; }
    .gap-x-sm-10{ column-gap: 0.625rem; }
    .gap-y-sm-10{ row-gap: 0.625rem; }
    .gap-x-sm-12{ column-gap: 0.75rem; }
    .gap-y-sm-12{ row-gap: 0.75rem; }
    .gap-x-sm-14{ column-gap: 0.875rem; }
    .gap-y-sm-14{ row-gap: 0.875rem; }
    .gap-x-sm-16{ column-gap: 1rem; }
    .gap-y-sm-16{ row-gap: 1rem; }
    .gap-x-sm-20{ column-gap: 1.25rem; }
    .gap-y-sm-20{ row-gap: 1.25rem; }
    .gap-x-sm-24{ column-gap: 1.5rem; }
    .gap-y-sm-24{ row-gap: 1.5rem; }
    .gap-x-sm-28{ column-gap: 1.75rem; }
    .gap-y-sm-28{ row-gap: 1.75rem; }
    .gap-x-sm-32{ column-gap: 2rem; }
    .gap-y-sm-32{ row-gap: 2rem; }
    .gap-x-sm-36{ column-gap: 2.25rem; }
    .gap-y-sm-36{ row-gap: 2.25rem; }
    .gap-x-sm-40{ column-gap: 2.5rem; }
    .gap-y-sm-40{ row-gap: 2.5rem; }
    .gap-x-sm-44{ column-gap: 2.75rem; }
    .gap-y-sm-44{ row-gap: 2.75rem; }
    .gap-x-sm-48{ column-gap: 3rem; }
    .gap-y-sm-48{ row-gap: 3rem; }
    .gap-x-sm-56{ column-gap: 3.5rem; }
    .gap-y-sm-56{ row-gap: 3.5rem; }
    .gap-x-sm-64{ column-gap: 4rem; }
    .gap-y-sm-64{ row-gap: 4rem; }
    .gap-x-sm-80{ column-gap: 5rem; }
    .gap-y-sm-80{ row-gap: 5rem; }
    .gap-x-sm-96{ column-gap: 6rem; } 
    .gap-y-sm-96{ row-gap: 6rem; } 
    .gap-x-sm-112{ column-gap: 7rem; } 
    .gap-y-sm-112{ row-gap: 7rem; }
    .gap-x-sm-128{ column-gap: 8rem; } 
    .gap-y-sm-128{ row-gap: 8rem; } 
    .gap-x-sm-144{ column-gap: 9rem;} 
    .gap-y-sm-144{ row-gap: 9rem; } 
    .gap-x-sm-160{ column-gap: 10rem; } 
    .gap-y-sm-160{ row-gap: 10rem; } 
}
@media (min-width: 768px) {
    .gap-md-02{ gap: 0.125rem; }	
    .gap-md-04{ gap: 0.25rem; }
    .gap-md-06{ gap: 0.375rem; }
    .gap-md-08{ gap: 0.5rem; }
    .gap-md-10{ gap: 0.625rem; }
    .gap-md-12{ gap: 0.75rem; }
    .gap-md-14{ gap: 0.875rem; }
    .gap-md-16{ gap: 1rem; }
    .gap-md-20{ gap: 1.25rem; }
    .gap-md-24{ gap: 1.5rem; }
    .gap-md-28{ gap: 1.75rem; }
    .gap-md-32{ gap: 2rem; }
    .gap-md-36{ gap: 2.25rem; }
    .gap-md-40{ gap: 2.5rem; }
    .gap-md-44{ gap: 2.75rem; }
    .gap-md-48{ gap: 3rem; }
    .gap-md-56{ gap: 3.5rem; }
    .gap-md-64{ gap: 4rem; }
    .gap-md-80{ gap: 5rem; }
    .gap-md-96{ gap: 6rem;}  
    .gap-md-112{ gap: 7rem; }
    .gap-md-128{ gap: 8rem; } 
    .gap-md-144{ gap: 9rem; }
    .gap-md-160{ gap: 10rem; } 
    .gap-x-md-02{ column-gap: 0.125rem; }	
    .gap-y-md-02{ row-gap: 0.125rem; }
    .gap-x-md-04{ column-gap: 0.25rem; }
    .gap-y-md-04{ row-gap: 0.25rem; }
    .gap-x-md-06{ column-gap: 0.375rem; }
    .gap-y-md-06{ row-gap: 0.375rem; }
    .gap-x-md-08{ column-gap: 0.5rem; }
    .gap-y-md-08{ row-gap: 0.5rem; }
    .gap-x-md-10{ column-gap: 0.625rem; }
    .gap-y-md-10{ row-gap: 0.625rem; }
    .gap-x-md-12{ column-gap: 0.75rem; }
    .gap-y-md-12{ row-gap: 0.75rem; }
    .gap-x-md-14{ column-gap: 0.875rem; }
    .gap-y-md-14{ row-gap: 0.875rem; }
    .gap-x-md-16{ column-gap: 1rem; }
    .gap-y-md-16{ row-gap: 1rem; }
    .gap-x-md-20{ column-gap: 1.25rem; }
    .gap-y-md-20{ row-gap: 1.25rem; }
    .gap-x-md-24{ column-gap: 1.5rem; }
    .gap-y-md-24{ row-gap: 1.5rem; }
    .gap-x-md-28{ column-gap: 1.75rem; }
    .gap-y-md-28{ row-gap: 1.75rem; }
    .gap-x-md-32{ column-gap: 2rem; }
    .gap-y-md-32{ row-gap: 2rem; }
    .gap-x-md-36{ column-gap: 2.25rem; }
    .gap-y-md-36{ row-gap: 2.25rem; }
    .gap-x-md-40{ column-gap: 2.5rem; }
    .gap-y-md-40{ row-gap: 2.5rem; }
    .gap-x-md-44{ column-gap: 2.75rem; }
    .gap-y-md-44{ row-gap: 2.75rem; }
    .gap-x-md-48{ column-gap: 3rem; }
    .gap-y-md-48{ row-gap: 3rem; }
    .gap-x-md-56{ column-gap: 3.5rem; }
    .gap-y-md-56{ row-gap: 3.5rem; }
    .gap-x-md-64{ column-gap: 4rem; }
    .gap-y-md-64{ row-gap: 4rem; }
    .gap-x-md-80{ column-gap: 5rem; }
    .gap-y-md-80{ row-gap: 5rem; }
    .gap-x-md-96{ column-gap: 6rem; } 
    .gap-y-md-96{ row-gap: 6rem; } 
    .gap-x-md-112{ column-gap: 7rem; } 
    .gap-y-md-112{ row-gap: 7rem; }
    .gap-x-md-128{ column-gap: 8rem; } 
    .gap-y-md-128{ row-gap: 8rem; } 
    .gap-x-md-144{ column-gap: 9rem;} 
    .gap-y-md-144{ row-gap: 9rem; } 
    .gap-x-md-160{ column-gap: 10rem; } 
    .gap-y-md-160{ row-gap: 10rem; }
}
@media (min-width: 992px) {
    .gap-lg-02{ gap: 0.125rem; }	
    .gap-lg-04{ gap: 0.25rem; }
    .gap-lg-06{ gap: 0.375rem; }
    .gap-lg-08{ gap: 0.5rem; }
    .gap-lg-10{ gap: 0.625rem; }
    .gap-lg-12{ gap: 0.75rem; }
    .gap-lg-14{ gap: 0.875rem; }
    .gap-lg-16{ gap: 1rem; }
    .gap-lg-20{ gap: 1.25rem; }
    .gap-lg-24{ gap: 1.5rem; }
    .gap-lg-28{ gap: 1.75rem; }
    .gap-lg-32{ gap: 2rem; }
    .gap-lg-36{ gap: 2.25rem; }
    .gap-lg-40{ gap: 2.5rem; }
    .gap-lg-44{ gap: 2.75rem; }
    .gap-lg-48{ gap: 3rem; }
    .gap-lg-56{ gap: 3.5rem; }
    .gap-lg-64{ gap: 4rem; }
    .gap-lg-80{ gap: 5rem; }
    .gap-lg-96{ gap: 6rem;}  
    .gap-lg-112{ gap: 7rem; }
    .gap-lg-128{ gap: 8rem; } 
    .gap-lg-144{ gap: 9rem; }
    .gap-lg-160{ gap: 10rem; } 
    .gap-x-lg-02{ column-gap: 0.125rem; }	
    .gap-y-lg-02{ row-gap: 0.125rem; }
    .gap-x-lg-04{ column-gap: 0.25rem; }
    .gap-y-lg-04{ row-gap: 0.25rem; }
    .gap-x-lg-06{ column-gap: 0.375rem; }
    .gap-y-lg-06{ row-gap: 0.375rem; }
    .gap-x-lg-08{ column-gap: 0.5rem; }
    .gap-y-lg-08{ row-gap: 0.5rem; }
    .gap-x-lg-10{ column-gap: 0.625rem; }
    .gap-y-lg-10{ row-gap: 0.625rem; }
    .gap-x-lg-12{ column-gap: 0.75rem; }
    .gap-y-lg-12{ row-gap: 0.75rem; }
    .gap-x-lg-14{ column-gap: 0.875rem; }
    .gap-y-lg-14{ row-gap: 0.875rem; }
    .gap-x-lg-16{ column-gap: 1rem; }
    .gap-y-lg-16{ row-gap: 1rem; }
    .gap-x-lg-20{ column-gap: 1.25rem; }
    .gap-y-lg-20{ row-gap: 1.25rem; }
    .gap-x-lg-24{ column-gap: 1.5rem; }
    .gap-y-lg-24{ row-gap: 1.5rem; }
    .gap-x-lg-28{ column-gap: 1.75rem; }
    .gap-y-lg-28{ row-gap: 1.75rem; }
    .gap-x-lg-32{ column-gap: 2rem; }
    .gap-y-lg-32{ row-gap: 2rem; }
    .gap-x-lg-36{ column-gap: 2.25rem; }
    .gap-y-lg-36{ row-gap: 2.25rem; }
    .gap-x-lg-40{ column-gap: 2.5rem; }
    .gap-y-lg-40{ row-gap: 2.5rem; }
    .gap-x-lg-44{ column-gap: 2.75rem; }
    .gap-y-lg-44{ row-gap: 2.75rem; }
    .gap-x-lg-48{ column-gap: 3rem; }
    .gap-y-lg-48{ row-gap: 3rem; }
    .gap-x-lg-56{ column-gap: 3.5rem; }
    .gap-y-lg-56{ row-gap: 3.5rem; }
    .gap-x-lg-64{ column-gap: 4rem; }
    .gap-y-lg-64{ row-gap: 4rem; }
    .gap-x-lg-80{ column-gap: 5rem; }
    .gap-y-lg-80{ row-gap: 5rem; }
    .gap-x-lg-96{ column-gap: 6rem; } 
    .gap-y-lg-96{ row-gap: 6rem; } 
    .gap-x-lg-112{ column-gap: 7rem; } 
    .gap-y-lg-112{ row-gap: 7rem; }
    .gap-x-lg-128{ column-gap: 8rem; } 
    .gap-y-lg-128{ row-gap: 8rem; } 
    .gap-x-lg-144{ column-gap: 9rem;} 
    .gap-y-lg-144{ row-gap: 9rem; } 
    .gap-x-lg-160{ column-gap: 10rem; } 
    .gap-y-lg-160{ row-gap: 10rem; }
}
/*| Grid System |==========================================================|*/
.grid-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
.grid-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); }
.grid-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); }
.grid-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); }
.grid-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
/*| Media Query |==========================================================|*/
@media (min-width: 576px) {
    .grid-sm-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .grid-sm-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid-sm-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid-sm-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .grid-sm-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .grid-sm-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .grid-sm-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .grid-sm-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .grid-sm-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); }
    .grid-sm-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .grid-sm-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); }
    .grid-sm-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
    .grid-md-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .grid-md-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid-md-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid-md-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .grid-md-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .grid-md-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .grid-md-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .grid-md-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .grid-md-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); }
    .grid-md-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .grid-md-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); }
    .grid-md-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
    .grid-lg-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .grid-lg-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid-lg-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid-lg-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .grid-lg-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .grid-lg-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .grid-lg-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); }
    .grid-lg-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .grid-lg-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); }
    .grid-lg-10{ grid-template-columns: repeat(10, minmax(0, 1fr)); }
    .grid-lg-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); }
    .grid-lg-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); }
}
/*|========================================================================
    Grid Column Start / End
===========================================================================|*/
.col-auto{ grid-column: auto; }
.col-span-1{ grid-column: span 1 / span 1; }
.col-span-2{ grid-column: span 2 / span 2; }
.col-span-3{ grid-column: span 3 / span 3; }
.col-span-4{ grid-column: span 4 / span 4; }
.col-span-5{ grid-column: span 5 / span 5; }
.col-span-6{ grid-column: span 6 / span 6; } 
.col-span-7{ grid-column: span 7 / span 7; }
.col-span-8{ grid-column: span 8 / span 8; }
.col-span-9{ grid-column: span 9 / span 9; }
.col-span-10{ grid-column: span 10 / span 10; }
.col-span-11{ grid-column: span 11 / span 11; }
.col-span-12{ grid-column: span 12 / span 12; }
.col-span-full{ grid-column: 1 / -1; }
.col-start-1{ grid-column-start: 1; }
.col-start-2{ grid-column-start: 2; }
.col-start-3{ grid-column-start: 3; }
.col-start-4{ grid-column-start: 4; }
.col-start-5{ grid-column-start: 5; }
.col-start-6{ grid-column-start: 6; }
.col-start-7{ grid-column-start: 7; }
.col-start-8{ grid-column-start: 8; }
.col-start-9{ grid-column-start: 9; }
.col-start-10{ grid-column-start: 10; }
.col-start-11{ grid-column-start: 11; }
.col-start-12{ grid-column-start: 12; }
.col-start-13{ grid-column-start: 13; }
.col-start-auto{ grid-column-start: auto; }
.col-end-1{ grid-column-end: 1; }
.col-end-2{ grid-column-end: 2; }
.col-end-3{ grid-column-end: 3; }
.col-end-4{ grid-column-end: 4; }
.col-end-5{ grid-column-end: 5; }
.col-end-6{ grid-column-end: 6; }
.col-end-7{ grid-column-end: 7; }
.col-end-8{ grid-column-end: 8; }
.col-end-9{ grid-column-end: 9; }
.col-end-10{ grid-column-end: 10; }
.col-end-11{ grid-column-end: 11; }
.col-end-12{ grid-column-end: 12; }
.col-end-13{ grid-column-end: 13; }
.col-end-auto{ grid-column-end: auto; }
/*| Media Query |==========================================================|*/
@media (min-width: 576px){
    .col-sm-auto{ grid-column: auto; }
    .col-span-sm-1{ grid-column: span 1 / span 1; }
    .col-span-sm-2{ grid-column: span 2 / span 2; }
    .col-span-sm-3{ grid-column: span 3 / span 3; }
    .col-span-sm-4{ grid-column: span 4 / span 4; }
    .col-span-sm-5{ grid-column: span 5 / span 5; }
    .col-span-sm-6{ grid-column: span 6 / span 6; } 
    .col-span-sm-7{ grid-column: span 7 / span 7; }
    .col-span-sm-8{ grid-column: span 8 / span 8; }
    .col-span-sm-9{ grid-column: span 9 / span 9; }
    .col-span-sm-10{ grid-column: span 10 / span 10; }
    .col-span-sm-11{ grid-column: span 11 / span 11; }
    .col-span-sm-12{ grid-column: span 12 / span 12; }
    .col-span-sm-full{ grid-column: 1 / -1; }
    .col-start-sm-1{ grid-column-start: 1; }
    .col-start-sm-2{ grid-column-start: 2; }
    .col-start-sm-3{ grid-column-start: 3; }
    .col-start-sm-4{ grid-column-start: 4; }
    .col-start-sm-5{ grid-column-start: 5; }
    .col-start-sm-6{ grid-column-start: 6; }
    .col-start-sm-7{ grid-column-start: 7; }
    .col-start-sm-8{ grid-column-start: 8; }
    .col-start-sm-9{ grid-column-start: 9; }
    .col-start-sm-10{ grid-column-start: 10; }
    .col-start-sm-11{ grid-column-start: 11; }
    .col-start-sm-12{ grid-column-start: 12; }
    .col-start-sm-13{ grid-column-start: 13; }
    .col-start-sm-auto{ grid-column-start: auto; }
    .col-end-sm-1{ grid-column-end: 1; }
    .col-end-sm-2{ grid-column-end: 2; }
    .col-end-sm-3{ grid-column-end: 3; }
    .col-end-sm-4{ grid-column-end: 4; }
    .col-end-sm-5{ grid-column-end: 5; }
    .col-end-sm-6{ grid-column-end: 6; }
    .col-end-sm-7{ grid-column-end: 7; }
    .col-end-sm-8{ grid-column-end: 8; }
    .col-end-sm-9{ grid-column-end: 9; }
    .col-end-sm-10{ grid-column-end: 10; }
    .col-end-sm-11{ grid-column-end: 11; }
    .col-end-sm-12{ grid-column-end: 12; }
    .col-end-sm-13{ grid-column-end: 13; }
    .col-end-sm-auto{ grid-column-end: auto; }
}
@media (min-width: 768px){
    .col-md-auto{ grid-column: auto; }
    .col-span-md-1{ grid-column: span 1 / span 1; }
    .col-span-md-2{ grid-column: span 2 / span 2; }
    .col-span-md-3{ grid-column: span 3 / span 3; }
    .col-span-md-4{ grid-column: span 4 / span 4; }
    .col-span-md-5{ grid-column: span 5 / span 5; }
    .col-span-md-6{ grid-column: span 6 / span 6; } 
    .col-span-md-7{ grid-column: span 7 / span 7; }
    .col-span-md-8{ grid-column: span 8 / span 8; }
    .col-span-md-9{ grid-column: span 9 / span 9; }
    .col-span-md-10{ grid-column: span 10 / span 10; }
    .col-span-md-11{ grid-column: span 11 / span 11; }
    .col-span-md-12{ grid-column: span 12 / span 12; }
    .col-span-md-full{ grid-column: 1 / -1; }
    .col-start-md-1{ grid-column-start: 1; }
    .col-start-md-2{ grid-column-start: 2; }
    .col-start-md-3{ grid-column-start: 3; }
    .col-start-md-4{ grid-column-start: 4; }
    .col-start-md-5{ grid-column-start: 5; }
    .col-start-md-6{ grid-column-start: 6; }
    .col-start-md-7{ grid-column-start: 7; }
    .col-start-md-8{ grid-column-start: 8; }
    .col-start-md-9{ grid-column-start: 9; }
    .col-start-md-10{ grid-column-start: 10; }
    .col-start-md-11{ grid-column-start: 11; }
    .col-start-md-12{ grid-column-start: 12; }
    .col-start-md-13{ grid-column-start: 13; }
    .col-start-md-auto{ grid-column-start: auto; }
    .col-end-md-1{ grid-column-end: 1; }
    .col-end-md-2{ grid-column-end: 2; }
    .col-end-md-3{ grid-column-end: 3; }
    .col-end-md-4{ grid-column-end: 4; }
    .col-end-md-5{ grid-column-end: 5; }
    .col-end-md-6{ grid-column-end: 6; }
    .col-end-md-7{ grid-column-end: 7; }
    .col-end-md-8{ grid-column-end: 8; }
    .col-end-md-9{ grid-column-end: 9; }
    .col-end-md-10{ grid-column-end: 10; }
    .col-end-md-11{ grid-column-end: 11; }
    .col-end-md-12{ grid-column-end: 12; }
    .col-end-md-13{ grid-column-end: 13; }
    .col-end-md-auto{ grid-column-end: auto; }
}
@media (min-width: 992px){
    .col-lg-auto{ grid-column: auto; }
    .col-span-lg-1{ grid-column: span 1 / span 1; }
    .col-span-lg-2{ grid-column: span 2 / span 2; }
    .col-span-lg-3{ grid-column: span 3 / span 3; }
    .col-span-lg-4{ grid-column: span 4 / span 4; }
    .col-span-lg-5{ grid-column: span 5 / span 5; }
    .col-span-lg-6{ grid-column: span 6 / span 6; } 
    .col-span-lg-7{ grid-column: span 7 / span 7; }
    .col-span-lg-8{ grid-column: span 8 / span 8; }
    .col-span-lg-9{ grid-column: span 9 / span 9; }
    .col-span-lg-10{ grid-column: span 10 / span 10; }
    .col-span-lg-11{ grid-column: span 11 / span 11; }
    .col-span-lg-12{ grid-column: span 12 / span 12; }
    .col-span-lg-full{ grid-column: 1 / -1; }
    .col-start-lg-1{ grid-column-start: 1; }
    .col-start-lg-2{ grid-column-start: 2; }
    .col-start-lg-3{ grid-column-start: 3; }
    .col-start-lg-4{ grid-column-start: 4; }
    .col-start-lg-5{ grid-column-start: 5; }
    .col-start-lg-6{ grid-column-start: 6; }
    .col-start-lg-7{ grid-column-start: 7; }
    .col-start-lg-8{ grid-column-start: 8; }
    .col-start-lg-9{ grid-column-start: 9; }
    .col-start-lg-10{ grid-column-start: 10; }
    .col-start-lg-11{ grid-column-start: 11; }
    .col-start-lg-12{ grid-column-start: 12; }
    .col-start-lg-13{ grid-column-start: 13; }
    .col-start-lg-auto{ grid-column-start: auto; }
    .col-end-lg-1{ grid-column-end: 1; }
    .col-end-lg-2{ grid-column-end: 2; }
    .col-end-lg-3{ grid-column-end: 3; }
    .col-end-lg-4{ grid-column-end: 4; }
    .col-end-lg-5{ grid-column-end: 5; }
    .col-end-lg-6{ grid-column-end: 6; }
    .col-end-lg-7{ grid-column-end: 7; }
    .col-end-lg-8{ grid-column-end: 8; }
    .col-end-lg-9{ grid-column-end: 9; }
    .col-end-lg-10{ grid-column-end: 10; }
    .col-end-lg-11{ grid-column-end: 11; }
    .col-end-lg-12{ grid-column-end: 12; }
    .col-end-lg-13{ grid-column-end: 13; }
    .col-end-lg-auto{ grid-column-end: auto; }
}
/*|========================================================================
    Grid Row Start / End
===========================================================================|*/
.row-auto	{ grid-row: auto; }
.row-span-1	{ grid-row: span 1 / span 1; } 
.row-span-2	{ grid-row: span 2 / span 2; } 
.row-span-3	{ grid-row: span 3 / span 3; } 
.row-span-4	{ grid-row: span 4 / span 4; } 
.row-span-5	{ grid-row: span 5 / span 5; } 
.row-span-6	{ grid-row: span 6 / span 6; } 
.row-span-full	{ grid-row: 1 / -1; }
.row-start-1	{ grid-row-start: 1; }
.row-start-2	{ grid-row-start: 2; }
.row-start-3	{ grid-row-start: 3; }
.row-start-4	{ grid-row-start: 4; }
.row-start-5	{ grid-row-start: 5; }
.row-start-6	{ grid-row-start: 6; }
.row-start-7	{ grid-row-start: 7; }
.row-start-auto	{ grid-row-start: auto; }
.row-end-1	{ grid-row-end: 1; }
.row-end-2	{ grid-row-end: 2; }
.row-end-3	{ grid-row-end: 3; }
.row-end-4	{ grid-row-end: 4; }
.row-end-5	{ grid-row-end: 5; }
.row-end-6	{ grid-row-end: 6; }
.row-end-7	{ grid-row-end: 7; }
.row-end-auto	{ grid-row-end: auto; }
/*| Media Query |==========================================================|*/
@media (min-width: 576px) {
    .row-sm-auto	{ grid-row: auto; }
    .row-span-sm-1	{ grid-row: span 1 / span 1; } 
    .row-span-sm-2	{ grid-row: span 2 / span 2; } 
    .row-span-sm-3	{ grid-row: span 3 / span 3; } 
    .row-span-sm-4	{ grid-row: span 4 / span 4; } 
    .row-span-sm-5	{ grid-row: span 5 / span 5; } 
    .row-span-sm-6	{ grid-row: span 6 / span 6; } 
    .row-span-sm-full	{ grid-row: 1 / -1; }
    .row-start-sm-1	{ grid-row-start: 1; }
    .row-start-sm-2	{ grid-row-start: 2; }
    .row-start-sm-3	{ grid-row-start: 3; }
    .row-start-sm-4	{ grid-row-start: 4; }
    .row-start-sm-5	{ grid-row-start: 5; }
    .row-start-sm-6	{ grid-row-start: 6; }
    .row-start-sm-7	{ grid-row-start: 7; }
    .row-start-sm-auto	{ grid-row-start: auto; }
    .row-end-sm-1	{ grid-row-end: 1; }
    .row-end-sm-2	{ grid-row-end: 2; }
    .row-end-sm-3	{ grid-row-end: 3; }
    .row-end-sm-4	{ grid-row-end: 4; }
    .row-end-sm-5	{ grid-row-end: 5; }
    .row-end-sm-6	{ grid-row-end: 6; }
    .row-end-sm-7	{ grid-row-end: 7; }
    .row-end-sm-auto	{ grid-row-end: auto; }
}
@media (min-width: 768px) {
    .row-md-auto	{ grid-row: auto; }
    .row-span-md-1	{ grid-row: span 1 / span 1; } 
    .row-span-md-2	{ grid-row: span 2 / span 2; } 
    .row-span-md-3	{ grid-row: span 3 / span 3; } 
    .row-span-md-4	{ grid-row: span 4 / span 4; } 
    .row-span-md-5	{ grid-row: span 5 / span 5; } 
    .row-span-md-6	{ grid-row: span 6 / span 6; } 
    .row-span-md-full	{ grid-row: 1 / -1; }
    .row-start-md-1	{ grid-row-start: 1; }
    .row-start-md-2	{ grid-row-start: 2; }
    .row-start-md-3	{ grid-row-start: 3; }
    .row-start-md-4	{ grid-row-start: 4; }
    .row-start-md-5	{ grid-row-start: 5; }
    .row-start-md-6	{ grid-row-start: 6; }
    .row-start-md-7	{ grid-row-start: 7; }
    .row-start-md-auto	{ grid-row-start: auto; }
    .row-end-md-1	{ grid-row-end: 1; }
    .row-end-md-2	{ grid-row-end: 2; }
    .row-end-md-3	{ grid-row-end: 3; }
    .row-end-md-4	{ grid-row-end: 4; }
    .row-end-md-5	{ grid-row-end: 5; }
    .row-end-md-6	{ grid-row-end: 6; }
    .row-end-md-7	{ grid-row-end: 7; }
    .row-end-md-auto	{ grid-row-end: auto; }
}
@media (min-width: 992px) {
    .row-lg-auto	{ grid-row: auto; }
    .row-span-lg-1	{ grid-row: span 1 / span 1; } 
    .row-span-lg-2	{ grid-row: span 2 / span 2; } 
    .row-span-lg-3	{ grid-row: span 3 / span 3; } 
    .row-span-lg-4	{ grid-row: span 4 / span 4; } 
    .row-span-lg-5	{ grid-row: span 5 / span 5; } 
    .row-span-lg-6	{ grid-row: span 6 / span 6; } 
    .row-span-lg-full	{ grid-row: 1 / -1; }
    .row-start-lg-1	{ grid-row-start: 1; }
    .row-start-lg-2	{ grid-row-start: 2; }
    .row-start-lg-3	{ grid-row-start: 3; }
    .row-start-lg-4	{ grid-row-start: 4; }
    .row-start-lg-5	{ grid-row-start: 5; }
    .row-start-lg-6	{ grid-row-start: 6; }
    .row-start-lg-7	{ grid-row-start: 7; }
    .row-start-lg-auto	{ grid-row-start: auto; }
    .row-end-lg-1	{ grid-row-end: 1; }
    .row-end-lg-2	{ grid-row-end: 2; }
    .row-end-lg-3	{ grid-row-end: 3; }
    .row-end-lg-4	{ grid-row-end: 4; }
    .row-end-lg-5	{ grid-row-end: 5; }
    .row-end-lg-6	{ grid-row-end: 6; }
    .row-end-lg-7	{ grid-row-end: 7; }
    .row-end-lg-auto	{ grid-row-end: auto; }
}