@media screen and (max-width:970px){
}
@media screen and (max-width:900px){
}
@media screen and (max-width:800px){

	.booking-step-1 .list .item .booking-tooltip {display: none}

	.booking-step-2 .prices .list {position: relative; max-width: 330px; margin: auto}
}
@media screen and (max-width:701px){

	.booking-step-2 .prices .box {display: block !important}
}
@media screen and (max-width:700px){

	.booking-block {padding: 0}
	.booking-block:before {display: none}

	.booking-box {background: none; box-shadow: none; border-radius: 0}

	.booking-progress {border-radius: 0; margin: 0 -15px}

	.booking-calendar table td {padding: 3px 0}
	.booking-calendar table td.month {padding-bottom: 5px}

	.booking-discount {margin-top: 10px; background: none; box-shadow: none; border-radius: 0; padding: 0; width: auto; font-size: 12px; line-height: 15px}

	.booking-step-1 {padding: 0}
    .booking-step-1 .box {display: block; margin-top: 20px; padding: 0}
    .booking-step-1 .l {width: auto}
    .booking-step-1 .r {width: auto; padding-bottom: 0; margin-top: 25px}
    .booking-step-1 .msg {background: #fff; box-shadow: 0 8px 37px rgba(202, 202, 202, 0.42); color: #000}
    .booking-step-1 .list .title {display: block}
    .booking-step-1 .list .item {margin: 8px 0 0 0; width: 49.3%}
    .booking-step-1 .list .item label {height: 92px}
    .booking-step-1 .list .item .entry {padding-top: 15px}
    .booking-step-1 .list .item .time {margin-bottom: 10px}
    .booking-step-1 .next {position: static; background: #f3f3f3; margin: 28px -15px 0; padding: 0 15px; height: 100px; display: flex; align-items: center}
    .booking-step-1 .next > * {height: 56px}

	.booking-step-2 {margin: 0 -15px}
	.booking-step-2 .head {padding-left: 15px; padding-right: 15px}
	.booking-step-2 .prices .roll {display: block}
	.booking-step-2 .prices .box {display: none; background: #f7f9fa; z-index: 5; padding: 9px 0 5px}
	.booking-step-2 .prices .item {margin-top: 11px}
	.booking-step-2 .places {padding: 40px 0 30px; box-shadow: none}
	.booking-step-2 .bot {border-radius: 0}
}
@media screen and (max-width:600px){

	.booking-step-2 .out {width: auto; margin: 0 23px 0 0}
	.booking-step-2 .bt {width: 195px; margin: 0}
}
@media screen and (max-width:500px){

	.booking-step-1 .list .item {width: 49%}
}
@media screen and (max-width:400px){

	.booking-calendar .des {margin-left: 10px; margin-right: 10px}
	.booking-calendar .des .item {padding-left: 13px}

	.booking-step-1 .list .item {width: 48.5%}

	.booking-step-2 .prices .item {width: 49px}
	.booking-step-2 .prices .item .line {width: 37px}
	.booking-step-2 .bot {justify-content: space-between; padding: 0 15px}
	.booking-step-2 .out {margin-right: 0}
	.booking-step-2 .bt {width: 120px}
	.booking-step-2 .bt > * {height: 45px}

}