@media only screen and (max-width: 600px) {
    #app-container {
        top: 0;
        padding: 20px 0;
    }
    #app-container > section {
        width: 90%;
        padding: 30px 10px;
    }
    /* SEARCH FORM */
    .form-header-searchFlight-cont {
        display: none;
    }
    .form-header-searchFlight-cont-mobile {
        display: block;
    }
    #hamburger-btn, #sort-btn {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 101;
    }
    #hamburger-btn .hamburger-line {
        width: 30px;
        height: 3px;
        background-color: #174e82;
        border-radius: 5px;
    }
    #sort-btn > i {
        font-size: 25px;
        color: #174e82;
    }
    .popup-container {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: white;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: left 0.3s ease-in-out;
    }
    .popup-container.open {
        left: 0;
    }
    .mobile-nav-link {
        font-size: 24px;
        color: #174e82;
        text-decoration: none;
        padding: 15px 0 8px;
        font-weight: bold;
    }
    .mobile-nav-link.activeOption {
        border-bottom: 3px solid #174e82;
    }
    .popup-closeBtn {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 40px;
        color: #174e82;
        background: transparent;
        border: none;
        cursor: pointer;
    }
    .input-group {
        flex-direction: column;
    }
    .input-container.noInput {
        min-height: 57px;
    }
    /* RESULTS TABLE */
    .sortBy_container {
        display: none;
    }
    .sortBy_container_mobile {
        display: block;
    }
    .sortByModify_prices {
        font-size: 15px;
        text-align: center;
    }
    .flightResultDateTime-container {
        padding: 25px 10px;
    }
    .flightResultFrom-container, .flightResultTo-container {
        justify-content: start;
        gap: 10px;
    }
    .flightResult-container {
        flex-direction: column;
    }
    .flightResultTimeDepart-container, .flightResultTimeReturn-container {
       flex: 0 1 29%; 
    }
    .flightResult-container > div:not(:last-child)::after {
        top: unset;
        bottom: 0;
        left: 5%;
        right: 5%;
        height: 1px;
        width: unset;
    }
}