.ticket-view-cont {
    display: flex;
    width: 100%;
    padding: 20px 11%;
}

.ticket-view-pg {
    width: calc(60% - 11%);
    margin-right: 50px;
}

.ticket-view-cont section {
    padding-right: 2rem;
    padding-bottom: 1rem;
}

.tickets-quantity-cont {
    width: 30%;
}

/* Buy Tickets Dialog */
.buy-tickets-cont {
    width: 30%;
}

.buy-tickets-dialog {
    width: 100%;
    background-color: rgb(242, 243, 243);
    border-radius: 10px;
    overflow: hidden;
}

.buy-tickets-header {
    background-color: #63a9c7;
    color: white;
    padding: 15px;
    font-weight: 600;
}

.buy-tickets-body {
    padding: 15px;
}

.buy-tickets {
    background-color: white;
    border-radius: 10px;
    border: 1px solid rgb(195, 195, 195);
}

    .buy-tickets .note {
        font-size: 0.9rem;
        line-height: 1.1rem;
        padding: 10px;
        text-align: center;
        border-bottom: 1px solid rgb(195, 195, 195);
    }

.buy-tickets-prices {
    padding: 15px;
}

.ticket-price {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

    .ticket-price .red {
        color: rgb(242, 32, 32);
    }

    .ticket-price b {
        font-weight: 600;
    }

.paragraph {
    margin-bottom: 20px;
}

section {
    margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
    .ticket-view-cont {
        flex-direction: column;
        padding: 10px;
    }

    .ticket-view-pg {
        width: calc(100% - 20px);
        order: 2;
    }

    .buy-tickets-cont {
        width: calc(100% - 20px);
        display: flex;
        justify-content: center;
        order: 1;
        padding: 10px 0 30px 0;
    }

    .paragraph .image-cont.bg {
        display: flex;
        justify-content: center;
        width: 100%;
        /* height: 200px; */
        height: auto;
    }

        .paragraph .image-cont.bg img {
            width: 100%;
        }
}