@media (max-width: 320px) {
    section.reservation .slot-item a > span:first-of-type{position:inherit;display:block;transform:inherit;left:0;top:0}
}
@media (max-width: 400px) {
    section.reservation .slot-times .glyphicon{display:none}
}
@media (max-width: 768px) {
    section.reservation .header{left:15px;right:15px}
    section.reservation .slider-item > div{margin:0}
    section.reservation .slider-item > div .opacity{left:0;right:0}
    section.reservation .geopoint-item > div.main-body {margin-left:75px;padding-left:inherit;border-left:inherit;min-height:75px;}
    section.reservation .geopoint-item > div.main-body > img{width:75px;left:-75px;max-height:75px;}
    section.reservation .geopoint-item .triangle{border-width:0 40px 40px 0}
    section.reservation .geopoint-item .triangle > i{left:18px;font-size:18px;}
    section.reservation .geopoint-item > div > h1{margin-bottom:15px;}
    section.reservation .confirm-panel{width: 100%}
    section.reservation .slot-times{border-left:0}
    section.reservation .slot-times > div{padding-right:5px;padding-left:5px}
    section.reservation .slot-date > span{display:inline-block;margin-bottom:20px}
    section.reservation .slider-item .container-fluid {padding-left:0;padding-right:0;}
}
@media (min-width: 769px) and (max-width: 992px) {
    section.reservation .header{left:15px;right:15px}
    section.reservation .slider-item > div{margin:0}
    section.reservation .slider-item > div .opacity{left:0;right:0}
    section.reservation .header h1{font-size:24px}
    section.reservation .slot-times{border-left:0}
    section.reservation .slot-date > span{display:inline-block;margin-bottom:20px}
    section.reservation .confirm-panel{width: 100%}
    section.reservation .slider-item .container-fluid {padding-left:0;padding-right:0;}
}