.d-flex {
    display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex ;
}
.d-inline-flex {
    display: -webkit-inline-box ;
    display: -ms-inline-flexbox ;
    display: inline-flex ;
}

.flex-row {
    -webkit-box-orient: horizontal ;
    -webkit-box-direction: normal ;
    -ms-flex-direction: row ;
    flex-direction: row ;
}

.flex-column {
    -webkit-box-orient: vertical ;
    -webkit-box-direction: normal ;
    -ms-flex-direction: column ;
    flex-direction: column ;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal ;
    -webkit-box-direction: reverse ;
    -ms-flex-direction: row-reverse ;
    flex-direction: row-reverse ;
}

.flex-column-reverse {
    -webkit-box-orient: vertical ;
    -webkit-box-direction: reverse ;
    -ms-flex-direction: column-reverse ;
    flex-direction: column-reverse ;
}
.flex-wrap {
    -ms-flex-wrap: wrap ;
    flex-wrap: wrap ;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap ;
    flex-wrap: nowrap ;
}
.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse ;
    flex-wrap: wrap-reverse ;
}

/*justify-content*/

.justify-content-start {
    -webkit-box-pack: start ;
    -ms-flex-pack: start ;
    justify-content: flex-start ;
}
.justify-content-end {
    -webkit-box-pack: end ;
    -ms-flex-pack: end ;
    justify-content: flex-end ;
}
.justify-content-center {
    -webkit-box-pack: center ;
    -ms-flex-pack: center ;
    justify-content: center ;
}
.justify-content-between {
    -webkit-box-pack: justify ;
    -ms-flex-pack: justify ;
    justify-content: space-between ;
}
.justify-content-around {
    -ms-flex-pack: distribute ;
    justify-content: space-around ;
}
/*justify-content*/

/*align-items*/

.align-items-start {
    -webkit-box-align: start ;
    -ms-flex-align: start ;
    align-items: flex-start ;
}
.align-items-end {
    -webkit-box-align: end ;
    -ms-flex-align: end ;
    align-items: flex-end ;
}

.align-items-center {
    -webkit-box-align: center ;
    -ms-flex-align: center ;
    align-items: center ;
}
.align-items-baseline {
    -webkit-box-align: baseline ;
    -ms-flex-align: baseline ;
    align-items: baseline ;
}
.align-items-stretch {
    -webkit-box-align: stretch ;
    -ms-flex-align: stretch ;
    align-items: stretch ;
}
.align-content-start {
    -ms-flex-line-pack: start ;
    align-content: flex-start ;
}

.align-content-end {
    -ms-flex-line-pack: end ;
    align-content: flex-end ;


}
.align-content-center {
    -ms-flex-line-pack: center ;
    align-content: center ;
}
.align-content-between {
    -ms-flex-line-pack: justify ;
    align-content: space-between ;
}

.align-content-around {
    -ms-flex-line-pack: distribute ;
    align-content: space-around ;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch ;
    align-content: stretch ;
}

.align-self-auto {
    -ms-flex-item-align: auto ;
    align-self: auto ;
}

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

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

.align-self-center {
    -ms-flex-item-align: center ;
    align-self: center ;
}

.align-self-baseline {
    -ms-flex-item-align: baseline ;
    align-self: baseline ;
}

.align-self-stretch {
    -ms-flex-item-align: stretch ;
    align-self: stretch ;
}

/*align-items*/