@media(max-width:1080px) {
    .flights_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about__img {
        width: 469px;
    }
    .des_grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap:20px;
}

.ser_in li {
    margin: 14px 0px;
    font-size: 17px;
}
.how_title {
    font-size: 18px;
}
.num_title {
    font-size:25px;
}

}


@media(max-width:880px) {
    .flights_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .des_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap:20px;
}

.how_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
}


}


@media(max-width:520px) {
    .hero_section {
        height: auto;
    }

    .whyAbout {
        height: auto !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        padding: 10px !important;
    }

    .hero_section {
        background-color: #16a085;
    }

    .input_holder {
        padding: 7px 10px;
        background-color: rgb(255 255 255);
        border-radius: 0px;
    }

    .trvlar {
        background-color: #fff;
    }

    .train_box_cnt p {
        display: none;
    }

    .hero_section {
        background-color: #014380;
        background-image: none;
    }

    .train_box_cnt h2 {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
    }

    .train_box_cnt {
        padding: 0px 0px;
    }

    .flights_grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
    }

    .btn_ps.search_btn {
        background-color: #343a40;
    }

    .subMit {
        padding-top: 18px;
    }

    .subMit {
        background-color: transparent;
    }

    .arrow_right {
        height: auto;
        width: 34px;
    }

    .flight_title {
        font-size: 12px;
    }

    .flights_container_cust {
        padding: 9px 4px;
    }

    .flex_prop {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cnt h2 {
        display: none;
    }

    .how_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        margin-top: 45px;
    }

    .des_grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }

    .train_engine {
        background-color: transparent;
        padding: 1px;
    }
        .input_holder label {
        font-size: 16px;
        display: none;
    }
    .how_title {
    font-size: 17px;
}

.num_title {
    font-weight: 700;
    font-size: 24px;
}
.ser_in li {
    font-size: 15px;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 50px;
}



.wrap_cmn {
    height: 150px;
}



}


#showTrvlerDropDown {
    background: linear-gradient(to bottom, #16a085, #16a085);
}