@media  (min-width: 1400px) and (max-width: 1920.98px) {
    .h5, h5 {
        font-size: 1.5rem;
    }
    .h6, h6 {
        font-size: 1.2rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .ticket-top .btn {
        height: 3rem;
        width: 4.6rem;
    }
    .ticket-top .btn {
        height: 2.72vw;
        width: 4.411vw;
    }
    .door {
        height: 4rem;
        width: 10.7rem;
    }
    .driver{
        height: 4rem;
        width: 10.7rem;
    }
    .seat {
        height: 3rem;
        width: 4.6rem;
    }
    .available:hover h5 {
        font-size: 1.57rem;
    }
    .f-form{
        height: 25.73vw;
    }
    .div .btn{
        font-size: 1.2rem;
        border-radius: .62rem;
    }
}
@media  (min-width: 900px) and (max-width: 990.98px) {
    .available:hover h5 {
        font-size: 1.35rem;
    }
    .h5, h5 {
        font-size: 1.3rem;
    }
    .h6, h6 {
        font-size: 1.2rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .ticket-top .btn {
        height: 3rem;
        width: 4.6rem;
    }
    .ticket-top .btn {
        height: 2.4rem;
        width: 4rem;
    }
    .door {
        height: 3.3rem;
        width: 7.7rem;
    }
    .driver{
        height: 3.3rem;
        width: 7.7rem;
    }
    .seat {
        height: 2.5rem;
        width: 3.3rem;
    }
    .f-form{
        height: 25.73vw;
    }
    .div .btn{
        font-size: 1.2rem;
        border-radius: .62rem;
    }
}
@media  (min-width: 505px) and (max-width: 600.98px) {
    .available:hover h5 {
        font-size: 1rem;
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .h6, h6 {
        font-size: .9rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .ticket-top .btn {
        height: 2rem;
        width: 3rem;
    }

    .door {
        height: 3.3rem;
        width: 10.7rem;
    }
    .driver{
        height: 3.3rem;
        width: 10.7rem;
    }
    .seat {
        height: 2.5rem;
        width: 4.9rem;
    }
    .validation{
        margin-top: 5vw;
    }
    .f-form{
        height: 5.73vw;
    }
    .div .btn{
        font-size: 1.2rem;
        border-radius: .62rem;
    }
}
@media  (min-width: 464px) and (max-width: 504.98px) {
    .d-flex {
        display: flex!important;
        flex-wrap: wrap;
    }
    .available:hover h5 {
        font-size: 1.35rem;
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .h6, h6 {
        font-size: 1rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .ticket-top .btn {
        height: 2rem;
        width: 4rem;
    }

    .door {
        height: 3.3rem;
        width: 10.7rem;
    }
    .driver{
        height: 3.3rem;
        width: 10.7rem;
    }
    .seat {
        height: 2.5rem;
        width: 4.39rem;
    }
    .validation{
        margin-top: 5vw;
    }
    .f-form{
        height: 5.73vw;
    }
    .div .btn{
        font-size: 1.2rem;
        border-radius: .62rem;
    }
}
@media  (min-width: 400px) and (max-width: 463.98px) {
    .confirmed-dialog {
        height: 100%;
        top: 659px;
    }
    #id {
        border: 0px solid #f1e4e4;
        border-radius: 0;
         box-shadow: 0 0 10px rgb(207 215 219);
    }
    .seatPlan {
        border-radius: 5px;
    }
    .d-flex {
        display: flex!important;
        flex-wrap: wrap;
    }
    .available:hover h5 {
        font-size: 1rem;
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .h6, h6 {
        font-size: 1rem;
    }
    .form-control {
        font-size: 1.2rem;
    }
    .ticket-top .btn {
        height: 2rem;
        width: 4rem;
    }

    .door {
        height: 14vw;
        width: 35vw;
    }
    .driver{
        height: 14vw;
        width: 35vw;
    }
    .seat {
        height: 10vw;
        width: 14.8vw;
    }
    .validation{
        margin-top: 5vw;
    }
    .f-form{
        height: 5.73vw;
    }
    .div .btn{
        font-size: 1.2rem;
        border-radius: .62rem;
    }
}
@media  (min-width: 300px) and (max-width: 399.98px) {
    .confirmed-dialog {
        height: 100%;
        top: 591px;
    }
    #id {
        border: 0px solid #f1e4e4;
        border-radius: 0;
         box-shadow: 0 0 10px rgb(207 215 219);
    }
    .seatPlan {
        border-radius: 5px;
    }
    .d-flex {
        display: flex!important;
        flex-wrap: wrap;
    }
    .available:hover h5 {
        font-size: 1rem;
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .h6, h6 {
        font-size: 1rem;
    }
    .form-control {
        font-size: 1rem;
        width: 100%;
    }
    .ticket-top .btn {
        height: 2rem;
        width: 0rem;
    }
    .door {
        height: 14vw;
        width: 32vw;
    }
    .driver{
        height: 14vw;
        width: 32vw;
    }
    .seat {
        height: 10vw;
        width: 12.8vw;
    }
    .validation{
        margin-top: 5vw;
    }
    .f-form{
        height: 5.73vw;
    }
    .div .btn {
        font-size: 1.1rem;
        border-radius: .62rem;
    }
    .h3, h3 {
        font-size: calc(1.1rem + .6vw);
    }
}