.fa-plane-departure,
.fa-plane-arrival {
    font-size: 15px;
    margin: 5px;
}

.flights_cards article:first-child {
    margin-top: 30px;
}

.fly-detail.go {
    padding-right: 50px;
}

.fly-detail.back {
    border-left: 0.05rem solid #002d73;
    padding-left: 50px;
}

.flight_exchange_button {
    width: 11rem;
}

.flights_cards article.prize.list ul.exchange_modes {
    margin-bottom: 0;
    font-size: 0.8rem;
}

p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .fly-details, .exchange_modes {
        flex-direction: column;
    }

    .fly-detail.back {
        border-left: none;
        padding-left: 0;
    }

    ul.exchange_modes li:first-child {
        border-left: 0.05rem solid #002d73 !important;
        padding-left: 1rem !important;
    }

    ul.exchange_modes li {
        padding-bottom: 1rem;
        margin-left: 0 !important;
        text-align: left!important;
    }

    .exchange_div {
        justify-content: start !important;
    }
}

@media (max-width: 766px) {
    .fly-details, .exchange_modes {
        flex-direction: row;
    }

    .fly-detail.back {
        border-left: 0.05rem solid #002d73;
        padding-left: 50px;
    }

    ul.exchange_modes li:first-child {
        border-left: none !important;
        padding-left: 0 !important;
    }

    ul.exchange_modes li {
        margin-left: 1rem !important;
        padding-left: 1rem !important;
        padding-bottom: 0;
        text-align: center!important;
    }

    .exchange_div {
        justify-content: space-around !important;
    }
}

@media (max-width: 750px) {
    .fly-details, .exchange_modes {
        flex-direction: column;
    }

    .fly-detail.back {
        border-left: none;
        padding-left: 0;
    }

    ul.exchange_modes li:first-child {
        border-left: 0.05rem solid #002d73 !important;
        padding-left: 1rem !important;
    }

    ul.exchange_modes li {
        border-left: 0.05rem solid #002d73 !important;
        padding-left: 1rem !important;
        padding-bottom: 1rem;
        margin-left: 0 !important;
        text-align: left!important;
    }

    .exchange_div {
        justify-content: start !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .dropdown-list {
        flex-direction: column;
    }
}

@media (min-width: 1100px), (max-width: 768px) {
    .dropdown-list {
        flex-direction: row;
    }
}