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

}

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

}

/* BOOTSTAP MD */
@media all and (min-width: 768px) and (max-width: 991px) {
    nav a {
        height: initial;
        line-height: initial;
        padding: 5px 10px;
    }
    #shipList li, #hangars li, #singleHangar li {
        width: 50%;
    }
    #catalog-selector {
        flex-direction: column;
    }
    #catalog-selector li {
        flex-basis: 10px;
        margin: 5px 0;
        padding: 5px 10px;
    }

}

/* BOOTSTAP LG */
@media all and (min-width: 992px) and (max-width: 1199px) {
    #shipList li, #hangars li, #singleHangar li {
        width: 33%;
    }
    #catalog-selector li {
        font-size: 12px;
    }

}





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

/* XS & SM */
@media all and (min-width: 0px) and (max-width: 767px) {
    #shipList li, #hangars li, #singleHangar li {
        width: 100%;
    }
    nav > ul {
        flex-direction: column;
    }
    nav > ul > li {
        margin-bottom: 15px;
    }
    nav a {
        height: initial;
        line-height: initial;
        padding: 10px 30px;
    }

    #homeTable {
        font-size: 12px;
    }
    #catalog-selector {
        flex-direction: column;
    }
    #catalog-selector li {
        flex-basis: 10px;
        padding: 5px 10px;
        margin: 5px 0;
    }


}

/* 0-480 */
@media all and (min-width: 0px) and (max-width: 480px) {
    #singleHangar li figure.active img {
        width: 100%;
        left: 0;
    }
}

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

}

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

}