﻿@media (max-width: 780px)
{
    /* Boot Strap*/

    .title_right #searchTerms {width: 75%}
    .page-title .title_right .top_search,
    .page-title .title_right .input-group {margin:0}
    .page-title .title_left h3 {margin-top:5px;font-size:20px}
    .text-left-xs               {text-align:left}

    .backendPage .top_search input[type='text'] {width:78%}

     .margin-bottom-xs {margin-bottom:10px}
     .no-padding-xs {padding:0}


    /*End Boot Strap*/

    .bookingInfo {width:100%;margin-left:0; left:0;}
    .bookingInfo h1 {font-size:13px;font-weight:bold}
    .bookingInfo h2 {font-size:12px;font-weight:bold}
    .bookingInfo {font-size:11px}
    #bookingResult .item {margin: 10px 0}
    #hotelBookingResult .item {margin: 10px 0}
    #bookingSearchResult .item {margin: 10px 0}
    #hotelBookingSearchResult .item {margin: 10px 0}
    .backendPage .nav-pills li {width:32%; font-size:14px}
    .backendPage .nav-pills > li a {font-size:12px;text-align:center; padding:10px 0}

    .text-center-xs {text-align:center}
    #loginPage {margin-top:20vh}
    #loginPage .btn-success {padding:20px 0;line-height:0}

    #loginPage .container {width:100%}

    .nav-sm .title_right {display:none}
}
