/*--------------------------------------------------------------------------*\
	Display flex in row
\*--------------------------------------------------------------------------*/

.row {
    /*box*/
    /* overrides the display:block of center */
    display: flex !important;
    flex-direction: row;
}

.row-reverse {
    /*box*/
    /* overrides the display:block of center */
    display: flex !important;
    flex-direction: row-reverse;
}

/*--------------------------------------------------------------------------*\
		Shrinking of a flex child object
\*--------------------------------------------------------------------------*/

.no-shrink {
    /*box*/
    flex-shrink: 0;
}

/*--------------------------------------------------------------------------*\
		Horizontal alignment
\*--------------------------------------------------------------------------*/

.row.left {
    /*box*/
    justify-content: flex-start !important;
}

.row.between {
    /*box*/
    justify-content: space-between !important;
}

.row.around {
    /*box*/
    justify-content: space-around !important;
}

.row.center {
    /*box*/
    justify-content: center !important;
}

.row.right {
    /*box*/
    justify-content: flex-end !important;
}

/*--------------------------------------------------------------------------*\
		Vertical alignment
\*--------------------------------------------------------------------------*/

.row.top {
    /*box*/
    align-items: flex-start !important;
}

.row.middle {
    /*box*/
    align-items: center !important;
}

.row.bottom {
    /*box*/
    align-items: flex-end !important;
}

.row.stretch {
    /*box*/
    align-items: stretch !important;
}

/*--------------------------------------------------------------------------*\
		Wrapping
\*--------------------------------------------------------------------------*/

.nowrap {
    /*box*/
    flex-wrap: nowrap;
}

.wrap {
    /*box*/
    flex-wrap: wrap;
}

/*--------------------------------------------------------------------------*\
		    Extra large
\*--------------------------------------------------------------------------*/

@media (min-width:1200px) {
    .nowrap-xl {
        /*box*/
        flex-wrap: nowrap !important;
    }
}

/*--------------------------------------------------------------------------*\
            Large
\*--------------------------------------------------------------------------*/

@media (min-width:992px) {
    .nowrap-lg {
        /*box*/
        flex-wrap: nowrap !important;
    }
}

/*--------------------------------------------------------------------------*\
            Medium
\*--------------------------------------------------------------------------*/

@media (min-width:768px) {
    .nowrap-md {
        /*box*/
        flex-wrap: nowrap !important;
    }
}

/*--------------------------------------------------------------------------*\
            Small
\*--------------------------------------------------------------------------*/

@media (min-width:576px) {
    .nowrap-sm {
        /*box*/
        flex-wrap: nowrap !important;
    }
}