.flex {
    display: flex;
}

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

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

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

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

.flex-col-reverse {
    flex-direction: column-reverse;
}

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

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

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

.flex-grow {
    flex-grow: 1;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-shrink {
    flex-shrink: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.order-first {
    order: -9999;
}

.order-last {
    order: 9999;
}

.order-none {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}
.d-none{
    display: none;
}
/* Justify Content */
.justify-start {
    justify-content: flex-start;
}

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

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

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

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

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

/* Align Items */
.items-start {
    align-items: flex-start;
}

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

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

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

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

/* Align Content */
.content-start {
    align-content: flex-start;
}

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

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

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

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

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

@media (min-width: 768px) and (max-width: 1023px) {
    .md\:d-none {
        display: none;
    }

    .md\:flex {
        display: flex;
    }

    .md\:inline-flex {
        display: inline-flex;
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .md\:flex-col {
        flex-direction: column;
    }

    .md\:flex-col-reverse {
        flex-direction: column-reverse;
    }

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

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:flex-grow {
        flex-grow: 1;
    }

    .md\:flex-grow-0 {
        flex-grow: 0;
    }

    .md\:flex-shrink {
        flex-shrink: 1;
    }

    .md\:flex-shrink-0 {
        flex-shrink: 0;
    }

    .md\:order-first {
        order: -9999;
    }

    .md\:order-last {
        order: 9999;
    }

    .md\:order-none {
        order: 0;
    }

    .md\:order-1 {
        order: 1;
    }

    .md\:order-2 {
        order: 2;
    }

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

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

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

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

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

    .md\:justify-evenly {
        justify-content: space-evenly;
    }

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

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

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

    .md\:items-baseline {
        align-items: baseline;
    }

    .md\:items-stretch {
        align-items: stretch;
    }

    .md\:content-start {
        align-content: flex-start;
    }

    .md\:content-end {
        align-content: flex-end;
    }

    .md\:content-center {
        align-content: center;
    }

    .md\:content-between {
        align-content: space-between;
    }

    .md\:content-around {
        align-content: space-around;
    }

    .md\:content-stretch {
        align-content: stretch;
    }
}

@media (min-width: 1024px) {
    .lg\:d-none {
        display: none;
    }
    .lg\:flex {
        display: flex;
    }

    .lg\:inline-flex {
        display: inline-flex;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }

    .lg\:flex-col {
        flex-direction: column;
    }

    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }

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

    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .lg\:flex-grow {
        flex-grow: 1;
    }

    .lg\:flex-grow-0 {
        flex-grow: 0;
    }

    .lg\:flex-shrink {
        flex-shrink: 1;
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }

    .lg\:order-first {
        order: -9999;
    }

    .lg\:order-last {
        order: 9999;
    }

    .lg\:order-none {
        order: 0;
    }

    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

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

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

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

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

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

    .lg\:justify-evenly {
        justify-content: space-evenly;
    }

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

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

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

    .lg\:items-baseline {
        align-items: baseline;
    }

    .lg\:items-stretch {
        align-items: stretch;
    }

    .lg\:content-start {
        align-content: flex-start;
    }

    .lg\:content-end {
        align-content: flex-end;
    }

    .lg\:content-center {
        align-content: center;
    }

    .lg\:content-between {
        align-content: space-between;
    }

    .lg\:content-around {
        align-content: space-around;
    }

    .lg\:content-stretch {
        align-content: stretch;
    }
}