@media only screen and (min-width:768px) {
a#booking_pop:hover, a#join_pop:hover {border-color:none; background:#000;}
.modal-content { overflow:initial!important; width:450px!important;}
.booking {z-index:10; text-align:center; font-family:'Roboto Condensed', sans-serif; }
.booking .book-area { padding:25px 25px 15px 25px ; }
.booking .top-img { position:absolute; top:-30px; left:45%; height:50px}
.booking .other-top-img { text-align:center; margin:10px 0;}
.booking .list-popup-head { margin:10px 0 0 0; padding:0; color:#222; font-size:28px; }
.booking p { padding:0 10px 10px 10px; font-size:18px; text-align:center!important}
.booking p span { color:#37b051;}
.booking .flight-info {text-align:center; padding:0 0 15px 0; font-size:18px; line-height:27px; font-size:17px;}
.booking .flight-info span.arrow { padding:0 10px;}
.booking .flight-info span.loc-name { color:#444; font-size:25px;}
.book-overlay {background-color:rgba(0, 0, 0, 0.6); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index:1; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity.5s; backdrop:static; keyboard:true; }
.book-overlay:target {visibility:visible; opacity:1;}
.book-overlay:target+.booking {top:50%; opacity:1; visibility:visible;}
.booking .flight-info .call { text-align:center; font-size:21px; margin-bottom:4px; color:#333; margin-top:15px;}
.booking .flight-info .call span { color:#3770a1;}
.booking .flight-info .support { background:url(/content/images/support-icon.png) center 0 no-repeat; color:#fff; font-weight:bold; font-size:26px; padding:14px 65px 15px 18px;}
.booking .flight-info .support a { color:#fff;}
.wait { font-size:15px; text-align:center;}
.booking p {
    padding: 0 10px 10px 10px;
    font-size: 18px;
    text-align: center!important;
}
}

@media only screen and (max-width:767px){
    .additional .modal-dialog .modal-content {
    width:345px !important;
}
a#booking_pop:hover, a#join_pop:hover {border-color:none; background:#000;}
.modal-content { overflow:initial!important; width:300px!important;}
.booking {z-index:10; text-align:center; font-family:'Roboto Condensed', sans-serif; }
.booking .book-area { padding:25px 5px 10px 5px; }
.booking .top-img { position:absolute; top:-30px; left:45%; height:50px}
.booking .other-top-img { text-align:center; margin:10px 0;}
.booking .list-popup-head { margin:10px 0 0 0; padding:0; color:#222; font-size:25px; }
.booking p { padding:0 10px 10px 10px; font-size:18px; text-align:center!important}
.booking p span { color:#37b051;}
.booking .flight-info {text-align:center; padding:0 0 15px 0; font-size:16px; line-height:27px; font-size:17px;}
.booking .flight-info span.arrow { padding:0 10px;}
.booking .flight-info span.loc-name { color:#444; font-size:20px;}
.book-overlay {background-color:rgba(0, 0, 0, 0.6); bottom:0; cursor:default; left:0; opacity:0; position:fixed; right:0; top:0; visibility:hidden; z-index:1; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -ms-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity.5s; backdrop:static; keyboard:true; }
.book-overlay:target {visibility:visible; opacity:1;}
.book-overlay:target+.booking {top:50%; opacity:1; visibility:visible;}
.booking .flight-info .call { text-align:center; font-size:21px; margin-bottom:4px; color:#333}
.booking .flight-info .call span { color:#3770a1;}
.booking .flight-info .support { background:url(/content/images/support-icon-mobile.png) center 0 no-repeat; color:#fff; font-weight:bold; font-size:22px; padding:14px 65px 15px 18px;}
.booking .flight-info .support a { color:#fff;}
.progress-bar{animation: progress 30s;background: url(/content/images/dotted-hr1.png) 0 0 repeat-x;border-radius: 25px;box-shadow: none;height: 18px;text-align: right;}
.prog-bg{background: url(/content/images/popup-prog-bg.png) 0 0 repeat-x;border-radius: 25px; height: 18px;margin:15px auto 10px auto; padding: 0 0 0 0; width:85%;}
.well-done{border-radius: 25px;margin: 0 auto;overflow: hidden;padding: 0;width: 100%;}
@keyframes progress { from { width: 0; } to { width: 100%; }}
}