.container, .container-fluid, .row {
    position: relative;
}
.container, .container-fluid {
    display: block;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px;
}
.d-block {
    display: block;
}
.d-none {
    display: none;
}
.d-flex {
    display: flex;
}
.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}
.w-100 {
    width: 100%;
}
.img-fluid {
    display: block;
    max-width: 100%;
    margin: auto;
}
.h-100 {
    height: 100%;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-column {
    flex-direction: column;
}
.flex-column-reverse {
    flex-direction: column-reverse;
}
.justify-content-start {
    justify-content: flex-start;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-around {
    justify-content: space-around;
}
.justify-content-evenly {
    justify-content: space-evenly;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-center {
    align-items: center;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-md-stretch {
    align-items: stretch;
}
.text-align-start {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.text-align-end {
    text-align: right;
}
.text-align-justify {
    text-align: justify;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #000;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-fixed {
    position: fixed;
}
.position-sticky {
    position: sticky;
}
@media screen and (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .justify-content-md-start {
        justify-content: flex-start;
    }
    .justify-content-md-center {
        justify-content: center;
    }
    .justify-content-md-end {
        justify-content: flex-end;
    }
    .justify-content-md-between {
        justify-content: space-between;
    }
    .justify-content-md-around {
        justify-content: space-around;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly;
    }
    .align-items-md-start {
        align-items: flex-start;
    }
    .align-items-md-center {
        align-items: center;
    }
    .align-items-md-end {
        align-items: flex-end;
    }
    .align-items-md-stretch {
        align-items: stretch;
    }
    .text-align-md-start {
        text-align: left;
    }
    .text-align-md-center {
        text-align: center;
    }
    .text-align-md-end {
        text-align: right;
    }
    .text-align-md-justify {
        text-align: justify;
    }
    .d-md-block {
        display: block;
    }
    .d-md-none {
        display: none;
    }
    .d-md-flex {
        display: flex;
    }
    .d-md-inline {
        display: inline;
    }
    .d-md-inline-block {
        display: inline-block;
    }
    .flex-md-wrap {
        flex-wrap: wrap;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap;
    }
    .flex-md-row {
        flex-direction: row;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-md-column {
        flex-direction: column;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse;
    }
    .text-md-uppercase {
        text-transform: uppercase;
    }
    .text-md-lowercase {
        text-transform: lowercase;
    }
    .text-md-capitalize {
        text-transform: capitalize;
    }
    .position-md-relative {
        position: relative;
    }
    .position-md-absolute {
        position: absolute;
    }
    .position-md-fixed {
        position: fixed;
    }
    .position-md-sticky {
        position: sticky;
    }
}
@media screen and (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    .justify-content-lg-start {
        justify-content: flex-start;
    }
    .justify-content-lg-center {
        justify-content: center;
    }
    .justify-content-lg-end {
        justify-content: flex-end;
    }
    .justify-content-lg-between {
        justify-content: space-between;
    }
    .justify-content-lg-around {
        justify-content: space-around;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly;
    }
    .align-items-lg-start {
        align-items: flex-start;
    }
    .align-items-lg-center {
        align-items: center;
    }
    .align-items-lg-end {
        align-items: flex-end;
    }
    .align-items-lg-stretch {
        align-items: stretch;
    }
    .text-align-lg-start {
        text-align: left;
    }
    .text-align-lg-center {
        text-align: center;
    }
    .text-align-lg-end {
        text-align: right;
    }
    .text-align-lg-justify {
        text-align: justify;
    }
    .d-lg-block {
        display: block;
    }
    .d-lg-none {
        display: none;
    }
    .d-lg-flex {
        display: flex;
    }
    .d-lg-inline {
        display: inline;
    }
    .d-lg-inline-block {
        display: inline-block;
    }
    .flex-lg-wrap {
        flex-wrap: wrap;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap;
    }
    .flex-lg-row {
        flex-direction: row;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-lg-column {
        flex-direction: column;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse;
    }
    .text-lg-uppercase {
        text-transform: uppercase;
    }
    .text-lg-lowercase {
        text-transform: lowercase;
    }
    .text-lg-capitalize {
        text-transform: capitalize;
    }
    .position-lg-relative {
        position: relative;
    }
    .position-lg-absolute {
        position: absolute;
    }
    .position-lg-fixed {
        position: fixed;
    }
    .position-lg-sticky {
        position: sticky;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
    .justify-content-xl-start {
        justify-content: flex-start;
    }
    .justify-content-xl-center {
        justify-content: center;
    }
    .justify-content-xl-end {
        justify-content: flex-end;
    }
    .justify-content-xl-between {
        justify-content: space-between;
    }
    .justify-content-xl-around {
        justify-content: space-around;
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly;
    }
    .align-items-xl-start {
        align-items: flex-start;
    }
    .align-items-xl-center {
        align-items: center;
    }
    .align-items-xl-end {
        align-items: flex-end;
    }
    .align-items-xl-stretch {
        align-items: stretch;
    }
    .text-align-xl-start {
        text-align: left;
    }
    .text-align-xl-center {
        text-align: center;
    }
    .text-align-xl-end {
        text-align: right;
    }
    .text-align-xl-justify {
        text-align: justify;
    }
    .d-xl-block {
        display: block;
    }
    .d-xl-none {
        display: none;
    }
    .d-xl-flex {
        display: flex;
    }
    .d-xl-inline {
        display: inline;
    }
    .d-xl-inline-block {
        display: inline-block;
    }
    .flex-xl-wrap {
        flex-wrap: wrap;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap;
    }
    .flex-xl-row {
        flex-direction: row;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-xl-column {
        flex-direction: column;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse;
    }
    .text-xl-uppercase {
        text-transform: uppercase;
    }
    .text-xl-lowercase {
        text-transform: lowercase;
    }
    .text-xl-capitalize {
        text-transform: capitalize;
    }
    .position-xl-relative {
        position: relative;
    }
    .position-xl-absolute {
        position: absolute;
    }
    .position-xl-fixed {
        position: fixed;
    }
    .position-xl-sticky {
        position: sticky;
    }
}
@media screen and (min-width: 1400px) {
    .container {
        max-width: 1280px;
    }
    .justify-content-xxl-start {
        justify-content: flex-start;
    }
    .justify-content-xxl-center {
        justify-content: center;
    }
    .justify-content-xxl-end {
        justify-content: flex-end;
    }
    .justify-content-xxl-between {
        justify-content: space-between;
    }
    .justify-content-xxl-around {
        justify-content: space-around;
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly;
    }
    .align-items-xxl-start {
        align-items: flex-start;
    }
    .align-items-xxl-center {
        align-items: center;
    }
    .align-items-xxl-end {
        align-items: flex-end;
    }
    .align-items-xxl-stretch {
        align-items: stretch;
    }
    .text-align-xxl-start {
        text-align: left;
    }
    .text-align-xxl-center {
        text-align: center;
    }
    .text-align-xxl-end {
        text-align: right;
    }
    .text-align-xxl-justify {
        text-align: justify;
    }
    .d-xxl-block {
        display: block;
    }
    .d-xxl-none {
        display: none;
    }
    .d-xxl-flex {
        display: flex;
    }
    .d-xxl-inline {
        display: inline;
    }
    .d-xxl-inline-block {
        display: inline-block;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap;
    }
    .flex-xxl-row {
        flex-direction: row;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse;
    }
    .flex-xxl-column {
        flex-direction: column;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse;
    }
    .text-xxl-uppercase {
        text-transform: uppercase;
    }
    .text-xxl-lowercase {
        text-transform: lowercase;
    }
    .text-xxl-capitalize {
        text-transform: capitalize;
    }
    .position-xxl-relative {
        position: relative;
    }
    .position-xxl-absolute {
        position: absolute;
    }
    .position-xxl-fixed {
        position: fixed;
    }
    .position-xxl-sticky {
        position: sticky;
    }
}
/* the end */