@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

#main {
    margin-top: 70px;
}

/* book-left */

.book-left {
    font-size: 16px;
}

.book-left-room {
    border-radius: 6px;
    overflow: hidden;
}

.book-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checked {
    color: #ffcc00;
    background: transparent;
}

i.fa-check-circle {
    color: gray;
}

.book-left-price {
    border-radius: 5px;
    padding: 10px 20px;
}

span.price {
    color: rgb(233, 10, 10);
}

p.note {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

/* book-right */

.book-right {
    width: 78%;
    font-size: 16px;
    padding: 20px;
    margin: 0 auto;
}

.bdrs {
    border-radius: 5px;
    outline: none;
    border: 1px solid #cac3c3;
}

form.person {
    border-bottom: 1px solid #7f8c8d;
    margin-bottom: 20px;
}

.book-right label {
    font-size: 14px;
}

label.lable-title {
    min-width: 30%;
}

.book-right .form-group input {
    padding: 5px 15px;
    width: 68%;
}

input#checkin, input#checkout, input#time-start {
    width: 60%;
}

.book-right .form-group input[type=radio] {
    width: auto;
}

.book-right-intro {
    border-bottom: 1px solid #7f8c8d;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #1a3863;
    font-size: 14px;
}

p.book-right-title {
    font-weight: 600;
    font-size: 16px;
}

input.price {
    background-color: #878a8c;
    color: white;
}

a.book-now {
    margin-top: 30px;
    background-color: coral;
    color: white;
    padding: 8px;
    border-radius: 5px;
    font-weight: 500;
}

a.book-now:hover {
    background-color: #73c04a;
}

@media(max-width:768px) {
    .book-right-wp {
        margin-top: 20px;
    }
}

@media(max-width:480px) {
    .book-right {
        width: 100%;
        padding: 10px;
    }
    .book-right .form-group input {
        width: 100%;
    }
    label.lable-title {
        min-width: 34%;
    }
    .time-start {
        width: 100%;
    }
    input#checkin, input#checkout, input#time-start {
        width: 50%;
    }
}