/* FLEX POSITION */

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center-justify {
    display: flex;
    justify-content: center;
}

.flex-center-align {
    display: flex;
    align-items: center;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

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


.flex-column-responsive{
    display:flex;
flex-direction:column;
}


.flex-column-responsive-agressive {
    display: flex;
    flex-direction: column;
}



.flex-row-responsive {
    display: flex;
    flex-direction: row;
}

.flex-row-responsive-center {
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.flex-row-responsive-reverse {
    display: flex;
    flex-direction: row;
}

.flex-row-responsive-agressive {
    display: flex;
    flex-direction: row;
}

.flex-row-responsive-reverse-agressive {
    display: flex;
    flex-direction: row-reverse;
}

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


@media(max-width:768px) {
    .flex-row-responsive {
        flex-direction: column;
    }
    .flex-row-responsive-reverse {
        flex-direction: column-reverse;
    }

    .flex-column-responsive {
        display: flex;
        flex-direction: row;
    }
    .flex-row-responsive-center {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

  

}

@media(max-width:1024px) {
    .flex-row-responsive-agressive {
        flex-direction: column;
    }

    .flex-row-responsive-reverse-agressive {
        flex-direction: column-reverse;
    }

    .flex-column-responsive-agressive {
        display: flex;
        flex-direction: row;
    }
}


.justify-center {
    justify-content: center;
}

.justify-flex-start {
    justify-content: flex-start;
}

.justify-start {
    justify-content: start;
}

.justify-flex-end {
    justify-content: flex-end;
}

.justify-end {
    justify-content: end;
}

.justify-space-between {
    justify-content: space-between;
}

.justify-space-around {
    justify-content: space-around;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: start;
}

.align-flex-start {
    align-items: flex-start;
}

.align-end {
    align-items: end;
}

.align-flex-end {
    align-items: flex-end;
}


.align-self-center {
    align-self: center;
}

.align-self-start {
    align-self: start;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: end;
}

.align-self-flex-end {
    align-self: flex-end;
}


.align-content-center{
    align-content: center;
}
.align-content-start {
    align-content: start;
}

.align-content-end {
    align-content: end;
}


.overrflow-auto{
    overflow: auto;
}

.overflow-hidden{
    overflow: hidden;
}

.overflow-visible{
    overflow: visible;
}

.overflow-scroll{
    overflow: scroll;
}