.carsite-d-flex
{
 display: flex;
}

.carsite-flex-wrap
{
 flex-wrap: wrap;
}

.carsite-flex-nowrap
{
    flex-wrap: nowrap;

}

.carsite-align-items-stretch
{
    align-items: stretch;
}

.carsite-align-items-center
{
    align-items: center;
}
.carsite-align-items-space-between
{
    align-items: space-between;
}
.carsite-align-items-space-around
{
    align-items: space-around;
}

.gap-4
{
gap: 4px;
}
.gap-8
{
gap: 8px;
}

.gap-12
{
gap: 12px;
}

.gap-16
{
gap: 4px;
}

.gap-20
{
gap: 20px;
}




.flex-item-one-third
{
    flex:1 1 33.33%;
}
.flex-item-two-third
{
    flex:1 1 67.67%;
}


.flex-item-100_per
{
    flex:1 1 100%;
}
.flex-item-90_per
{
    flex:1 1 90%;
}
.flex-item-80_per
{
    flex:1 1 80%;
}
.flex-item-75_per
{
    flex:1 1 75%;
}
.flex-item-60_per
{
    flex:1 1 60%;
}
.flex-item-50_per
{
    flex:1 1 50%;
}

.flex-item-40_per
{
    flex:1 1 40%;
}

.flex-item-25_per
{
    flex:1 1 25%;
}

.flex-item-20_per
{
    flex:1 1 20%;
}

@media only screen and (max-width:576px)
{
    /* sm */

    
.flex-item-one-third-sm
{
    flex:1 1 33.33%;
}
.flex-item-two-third-sm
{
    flex:1 1 67.67%;
}


.flex-item-100_per-sm
{
    flex:1 1 100%;
}
.flex-item-90_per-sm
{
    flex:1 1 90%;
}
.flex-item-80_per-sm
{
    flex:1 1 80%;
}
.flex-item-75_per-sm
{
    flex:1 1 75%;
}
.flex-item-60_per-sm
{
    flex:1 1 60%;
}
.flex-item-50_per-sm
{
    flex:1 1 50%;
}

.flex-item-40_per-sm
{
    flex:1 1 40%;
}

.flex-item-25_per-sm
{
    flex:1 1 25%;
}

.flex-item-20_per-sm
{
    flex:1 1 20%;
}

}

@media only screen and (min-width:768px)
{
        /* md */

        
.flex-item-one-third-md
{
    flex:1 1 33.33%;
}
.flex-item-two-third-md
{
    flex:1 1 67.67%;
}


.flex-item-100_per-md
{
    flex:1 1 100%;
}
.flex-item-90_per-md
{
    flex:1 1 90%;
}
.flex-item-80_per-md
{
    flex:1 1 80%;
}
.flex-item-75_per-md
{
    flex:1 1 75%;
}
.flex-item-60_per-md
{
    flex:1 1 60%;
}
.flex-item-50_per-md
{
    flex:1 1 50%;
}

.flex-item-40_per-md
{
    flex:1 1 40%;
}

.flex-item-25_per-md
{
    flex:1 1 25%;
}

.flex-item-20_per-md
{
    flex:1 1 20%;
}


}

@media only screen and (min-width:992px)
{
        /* lg */


               
.flex-item-one-third-lg
{
    flex:1 1 33.33%;
}
.flex-item-two-third-lg
{
    flex:1 1 67.67%;
}


.flex-item-100_per-lg
{
    flex:1 1 100%;
}
.flex-item-90_per-lg
{
    flex:1 1 90%;
}
.flex-item-80_per-lg
{
    flex:1 1 80%;
}
.flex-item-75_per-lg
{
    flex:1 1 75%;
}
.flex-item-60_per-lg
{
    flex:1 1 60%;
}
.flex-item-50_per-lg
{
    flex:1 1 50%;
}

.flex-item-40_per-lg
{
    flex:1 1 40%;
}

.flex-item-25_per-lg
{
    flex:1 1 25%;
}

.flex-item-20_per-lg
{
    flex:1 1 20%;
}


}
@media only screen and (min-width:1200px)
{
            /* xl */

            

               
.flex-item-one-third-xl
{
    flex:1 1 33.33%;
}
.flex-item-two-third-xl
{
    flex:1 1 67.67%;
}


.flex-item-100_per-xl
{
    flex:1 1 100%;
}
.flex-item-90_per-xl
{
    flex:1 1 90%;
}
.flex-item-80_per-xl
{
    flex:1 1 80%;
}
.flex-item-75_per-xl
{
    flex:1 1 75%;
}
.flex-item-60_per-xl
{
    flex:1 1 60%;
}
.flex-item-50_per-xl
{
    flex:1 1 50%;
}

.flex-item-40_per-xl
{
    flex:1 1 40%;
}

.flex-item-25_per-xl
{
    flex:1 1 25%;
}

.flex-item-20_per-xl
{
    flex:1 1 20%;
}


}