

@media only screen and (max-width: 1399px) {
  .booking-grid aside.booking-info {
    width: 41%;
	}
}

@media only screen and (max-width: 1199px) {
  .booking-grid aside.booking-info {
    width: 51%;
	}
	.booking-grid .calendar-card {width: 47%;}
}

@media only screen and (max-width: 991px) {
.booking-grid aside.booking-info {
    width: 100%;
}
.booking-grid .calendar-card {
    width: 100%;
    margin-top: 20px;
}
.booking-section {
    padding-top: 90px;
    padding-bottom: 60px;
}
}

@media only screen and (max-width: 767px) {

.booking-info .host .host-avatar {
    margin-right: 10px;
}

.booking-info .host div span {
    font-size: 12px;
    line-height: normal;
}

.booking-info .host div strong {
    font-size: 15px;
    margin-bottom: 0;
}

.booking-info .host {
    padding: 10px;
    border-radius: 10px;
}
	.booking-grid p {
    font-size: 14px;
    line-height: 26px;
}
.booking-section {
    padding-top: 80px;
    padding-bottom: 40px;
}
}