/* BOOTSTRAP XS */
@media all and (min-width: 0px) and (max-width: 575px) {
    #structure .flight-section {
        display: inline-block;
        width: 100%;
    }
}

/* BOOTSTRAP SM */
@media all and (min-width: 576px) and (max-width: 767px) {

}

/* BOOTSTRAP XS AND SM */
@media all and (min-width: 0px) and  (max-width: 767px) {
    #main-logo img {
        height: 60px;
    }

    nav {
        flex-direction: column;
    }

    nav > ul {
        flex-wrap: wrap;
    }
    nav > ul > li:first-child, nav > ul > li:last-child {
        flex-basis: 100%;
    }

    h1.home-title {
        font-size: 45px;
    }
    #rank-list li {
        flex-basis: 100%;
    }
    .fta-dual-image {
        flex-wrap: wrap;
        gap: 15px;
    }
    .fta-index {
        flex-direction: column;
    }
    ul#promo-award-list li {
        flex-direction: column;
        flex-basis: 0;
        padding: 60px 0;
    }
    ul#promo-award-list li > div:first-child {
        width: 100%;
        order: 1;
        justify-content: center;
        gap: 15px;
        flex-basis: 0;
    }
    ul#promo-award-list li > div:last-child {
        width: 1000%;
        order: 2;
        flex-basis: 0;
    }
    ul#promo-award-list li > div {
        order: 3;
        flex-basis: 0;
    }
    #admin h1.title {
        margin-top: 45px;
    }
    .je #rank-list li div:last-child {
        position: static;
    }

}

/* BOOTSTRAP MD */
@media all and (min-width: 768px) and (max-width: 991px) {
    #rank-list li {
        flex-basis: calc((100% - 30px) / 2);
    }
    nav {
        flex-wrap: wrap;
    }
    nav > ul {
        flex-basis: 100%;
        padding-bottom: 15px;
    }
    #alert-status {
        flex-basis: 66%;
    }
    ul#promo-award-list li {
        flex-wrap: wrap;
        gap: 5px 15px;
        padding: 30px 0;
    }

    ul#promo-award-list li > div:first-child {
        flex-basis: calc(50% - 15px);
        order: 1;
        justify-content: flex-start;
        gap: 15px;
    }
    ul#promo-award-list li > div:last-child {
        flex-basis: 50%;
        order: 2;
    }
    ul#promo-award-list li > div {
        order: 3;
    }
    #admin h1.title {
        margin-top: 45px;
    }
}

/* BOOTSTRAP LG */
@media all and (min-width: 992px) and (max-width: 1199px) {

}


/* ============= EXTRA QUERIES ============= */

/* 0-320 */
@media all and (min-width: 0px) and (max-width: 320px) {

}

/* 0-480 */
@media all and (min-width: 0px) and (max-width: 480px) {
    #main-logo img {
        height: 40px;
    }
}

/* 320-480 */
@media all and (min-width: 320px) and (max-width: 480px) {

}

/* 480-767 */
@media all and (min-width: 480px) and (max-width: 767px) {

}