@media (min-width: 1056px)
{
    .csv-uploader, .csv-uploader + md-select
    {
        float: right;
    }
}

@media (max-width: 1150px)
{
    header.full-width.home > h1 
    {
        font-size: 4.5vw;
    }
}

@media (min-width: 993px) and (max-width: 1200px)
{
    .restaurant-name
    {
        max-width: 272.98px;
        left: 5px;
    }
}

@media (max-width: 992px)
{
    .store-header > section.section > .row 
    {
        display: block;
    }

    .charity-promo img 
    {
        margin: auto 0;
    }

    .chefs .carousel .image-item.square .text h1 
    {
        font-size: 15px;
    }

    .chefs .carousel .image-item.square .text h2 
    {
        font-size: 12px;
    }

    .people-picker ul 
    {
        margin-right: 0px;
    }

    .checkout .body .charity .featured slick.featuredCharities 
    {
        max-width: 100%;
    }

    .store-header > section.section:first-child h1 
    {
        padding-left: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    .checkout .body > div
    {
        padding: 0px !important;
    }

    .store .container.summary .thumbnail 
    {
        max-width: 250px;
        margin: 0 auto;
    }

    .store .container.summary > div 
    {
        min-height: 60px;
    }

    .store .container.header 
    {
        margin: 0;
    }

    .store-header.full-width 
    {
        padding: 50px 5px;
        padding-top: 10px;
    }

    .store-header .gallery 
    {
        height: auto;
    }

    .store-header .award, .store-header .secure 
    {
        right: 15%;
    }

    fh-search-bar.listing-search fh-autocomplete div div > .input-group-addon 
    {
        padding: 4px 0px;
    }

    .booking-content .step.confirm .entry-controls .no-header 
    {
        margin-top: 0;
    }

    .md-dialog-content.booking-content 
    {
        min-height: 0;
        overflow: auto;
    }

    .md-dialog-content.booking-content > .step
    {
        position: static;
        min-height: 0;
    }

    md-dialog > form > md-dialog-content 
    {
        padding-bottom: 60px;
    }

    .md-dialog-content.booking-content > .row > .col-md-6:last-child 
    {
        padding-left: 0;
    }

    .store .container .gallery-top 
    {
        height: auto;
    }

    .store .container 
    {
        padding: 0px;
        margin: 10px;
    }

    .store .container .gallery-top .slick-dotted.slick-slider 
    {
        margin-bottom: 0px;
    }

    .people-picker ul li 
    {
        text-align: center;
    }

    .container.form .box 
    {
        margin: 10px 0px;
    }

    .store .container .details .description 
    {
        max-height: none;
    }

    header.full-width
    {
        background-position: 100% center !important;
    }

    header.full-width .bar
    {
        padding: 10px;
    }

    header.full-width .container > .row h1, header.full-width .container > .row h3
    {
        font-size: 2rem;
    }

    header.full-width .container > .row h2
    {
        font-size: 1.3rem;
    }

    section.section.concierge-login 
    {
        height: 100%;
    }

    .md-dialog-content.booking-content 
    {
        min-width: 0px;
    }

    .entry-controls .other-info
    {
        width: 100%;
    }


    .cookie-message 
    {
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .md-dialog-content.infoBox
    {
        min-width: 0;
    }
    
   /* header.full-width .container > .row h1 
    {
        font-size: 5.1vw;
    }*/

    header.full-width.home .container > .row:nth-child(3) .row button
    {
        max-width: 50%;
        width: auto;
    }

    .listing-header-video 
    {
        height: 0;
        width: 100%;
        padding-bottom: 57%;
    }

    .listing-header-video iframe 
    {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .listing-action 
    {
        left: 200px;
    }

    .listing-charities .listing-detail-col 
    {
        padding: 15px 15px;
    }

    .booking-content > .step > h1 a 
    {
        font-size: 5vw;
    }


    /* MOBILE NEW LAYOUT TEST */
    div#main 
    {
        height: calc(100% - 120px);
    }

    body,html 
    {
        overflow: hidden;
    }

    .main-ng-scope 
    {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*Listing Page*/

    .row.listing-mobile-bottom 
    {
        overflow: hidden;
        height: 100%;
    }

    div#listing-bottom 
    {
        height: calc(100% - 95px);
        overflow: auto;
    }

    .listing-mobile-bottom > div 
    {
        height: 100%;
    }

    .listing-container 
    {
        height: 100%;
    }

    .row.header-chips 
    {
        padding: 0px 5px;
    }

    .container[scroll-listing] 
    {
        padding-top: 0px;
    }

    /* MOBILE NEW LAYOUT TEST END */

    .listing-header-info 
    {
        height: auto;
    }

    .booking-content .booked-for .input-group 
    {
        margin-right: 0px;
    }

    .uncharitable-detail-button 
    {
        position: static;
    }

    .cuisine-list ul 
    {
        overflow-x: scroll;
    }

    .navbar-nav>li>a 
    {
        padding: 25px !important;
    }

    .navbar-nav 
    {
        margin: 0;
    }

    /*.navbar-logo 
    {
        width: 200px;
        margin: 0 auto;
        background-image: url("images/header-logo-beta-mobile.png");
    }*/

    .navbar-logo 
    {
        margin: 0 auto;
        width: 55vw;
    }

    .listing-detail-body 
    {
        width: 95%;
    }

    .listing-header-content 
    {
	    top: 0;
	    text-align: center;
	}

    .listing-body
    {
        width: 100%;
        height: 90%;
        min-width: 0;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .filter-row 
    {
        position: fixed;
        height: 100%;
        padding: 0;
        z-index: 100;
        background: white;
    }

    .header-text-number, .navbar-items-desktop, .main-footer, .btn-search, .banner-side .row.cuisine-list .fa, .bottom-banner, .bottom-banner a, .header-search-desktop, .desktop-only, nav .nav-desktop
    {
        display: none;
    }

    nav .nav-desktop.menu 
    {
        display: inline !important;
        position: absolute;
        right: 0;
        top: 0;
    }

    nav .nav-desktop.menu.back 
    {
        left: 0;
    }

    .navbar-items-mobile
    {
        display: inline-block;
    }

    .body-container
    {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    .header-container 
    {
        width: 100%;
        padding: 5px;
        min-width: 0;
        height: 35px;
    }

    .header-search-input input 
    {
        text-align: left !important;
        font-size: 15px !important;
    }

    .search-input 
    {
        width: 100%;
        float: left;
        text-align: left;
    }

    .listing-container
    {
        width: 100%;
    }

    .mobile-filter-btn 
    {
        display: block;
    }

    .listing-header 
    {
        padding: 5px;
    }

    .result-control-left 
    {
        float: left;
    }

    .result-control-right 
    {
        float: right;
        width: 30%;
    }

    .result-control-left.order 
    {
        width: 125px;
    }

    .result-control-left.sort 
    {
        width: 200px;
    }

    

    .listing-action.distance 
    {
        display: block !important;
    }

    .booking-tab
    {
        font-size: 10px;
    }

    .booking-tab i 
    {
        font-size: 10px;
    }

    .mobile-banner
    {
        display: block;
    }

    .col-no-padding-right
    {
        padding-right: 0px !important;
    }

    .col-no-padding-left
    {
        padding-left: 0px !important;
    }

    .booking-date-holder
    {
        padding: 0px;
    }

    .booking-action-text 
    {
        font-size: 7vw;
    }

    .filter-container
	{
		padding: 0 !important;
	}

    .cuisine-list ul 
    {
        margin: 0;
    }

    .mobile-top-row
    {
        padding-bottom: 0;
        padding-top: 0px;
    }

    .mobile-bottom-row
    {
        padding-top: 0;
    }

    .mobile-no-padding
    {
        padding-left: 0;
        padding-right: 0;
    }

    .rsvp .invitation:nth-child(odd)
    {
        border-right: initial;
    }

    .rsvp .invitation:nth-child(even)
    {
        border-left: initial;
    }

    .rsvp .invitation 
    {
        max-height: none;
    }

    .booking-support-container
    {
        width: 100%;
    }

    .booking-support-container.focus
    {
        position: static !important;
    }

    .navbar-header 
    {
        width: 100%;
    }

    .mobile-no-padding-right
    {
        padding-right: 0px;
    }

    .gb-box-1-text  
    {
        width: 100%;
        height: 100%;
        top:0px;
        right: 0px;
        position: relative;
    }

    .teamgb-social 
    {
        text-align: left;
        padding-left: 33%;
        width: initial;
    }

    .bottom-banner span 
    {
        font-size: 3vw;
    }

    #breadcrumb 
    {
        white-space: nowrap;
        height: 46px;
    }

    #breadcrumb li 
    {
        display: inline-block;
        float: none;
    }

    .breadcrumb-row 
    {
        overflow: scroll;
    }

    .page-header .restaurant 
    {
        height: 300px;
    }

    #sideMenu.filter 
    {
        top: 0px;
    }

    .header-search-mobile
    {
        display: block;
    }

    .input-group-btn.search-btn, .input-group-btn:last-child>.btn
    {
        width: 60px !important;
    }

    .info-title 
    {
        padding-top: 0px;
        line-height: 17px;
        padding-bottom: 8px;
    }

    header.container 
    {
        padding: 0;
    }

    .header-padding 
    {
        padding: 0;
    }

    .user-form-actions div 
    {
        padding: 0;
        margin: 10px 0px;
    }

    .md-open-menu-container.md-clickable, .md-select-menu-container.md-active
    {
        z-index: 1000 !important;
    }

    md-backdrop.md-menu-backdrop, md-backdrop.md-select-backdrop
    {
        z-index: 990 !important;
    }

    .mobile-top-row .col-md-8.col-no-padding-left 
    {
        padding: 0;
    }

    .mobile-top-row .col-md-4.col-no-padding-right 
    {
        padding: 0;
    }


    .find-more img 
    {
        margin: 10px 0;
    }

    .container.form .padding 
    {
        padding: 5px 0px;
    }

    .booking-content .booked-controls .col-md-6 
    {
        padding: 0;
        margin: 5px 0px;
    }

    .booking-time-holder
    {
        padding-left: 0;
    }

    md-toast 
    {
        position: fixed;
        width: 300px;
        margin: 0 auto;
        top: 70px;
    }

    md-toast .md-toast-content 
    {
        background: #436d7d;
        font-weight: bold;
        text-align: center;
    }

    #mobileFilterBtn
    {
        display: inline;
        padding-left: 0;
    }

    .mobile-view 
    {
        padding-right: 0px;
    }

    .header-controls
    {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        top: 72px;
        background: #ecf0f2;
        z-index: 9;
    }

    .container 
    {
        padding: 0px;
    }

    .listing-mobile-bottom.chips
    {
        padding-top: 138px;
    }

    .listing-mobile-bottom .listing-padding
    {
        padding-left: 0;
        padding-right: 0;
    }

    .stats-container 
    {
        background: none;
        border: 0;
        color: black;
    }

    .listing-stats-container
    {
        line-height: 33px;
    }

    .restaurants-near-tabs span 
    {
        font-size: 10px;
    }

    .restaurants-near-tabs .col-xs-4 div 
    {
        min-height: 50px;
        line-height: initial;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .restaurants-near-tabs div.active 
    {
        line-height: initial;
    }

    .listing-page .list-thumbnail 
    {
        width: 180px;
    }

    .mobile-only
    {
        display: inline-block;
    }

    .mobile-top-controls 
    {
        margin-bottom: 5px;
    }

    .col-md-12.listing-page.uncharitable 
    {
        width: 100%;
    }

    nav .nav-desktop.menu li
    {
        border: none;
    }
    
    #booktober-title
    {
        font-size: 295%;
    }
    
    .booktober-section-2
    {
        padding: 0px 20px 0px 20px;
    }
    
    .promo-code-text
    {
        padding: 15px 10%;
    }

    .booktober-right-link
    {
        padding-left: 0px;
    }

    #booktober-title, #booktober-subtitle
    {
        padding-left: 0px;
    }

    .detail-tbl.first-row 
    {
        padding-top: 0px;
    }
    
    .bottom-link
    {
        margin-bottom: 20px;
    }

    .detail-tbl.uncharitable-message-box .heart 
    {
        font-size: 90px;
        line-height: 67px;
        max-height: 20px;
    }

    .header-controls 
    {
        top: 70px;
    }

    md-input-container.gen-form.booking-form md-select-value 
    {
        min-width: 0;
    }

    md-input-container.gen-form.booking-form md-select-value .md-select-icon 
    {
        display: none;
    }

    md-dialog.booking-popup .booking-content.charity 
    {
        min-width: 0;
    }

    .container.about article section h1
    {
        margin-bottom: 0px;
    }

    .about p
    {
        margin-bottom: 20px;
    }

    .about p .home-browse-link
    {
        top: -64px;
    }

    #home-map
    {
        max-width: none;
        width: 100%;
        left: 0px;
    }

    .uncharitable .listing-title 
    {
        padding-left: 5px;
    }

    .about .appstore-icon
    {
        top: 25px;
        position: relative;
    }

    .about .white-container:nth-child(7)
    {
        padding-bottom: 30px;
    }

    .store .summary .col-xs-8
    {
        padding: 110px 10px;
    }

    div#main.nav-not-showing 
    {
        height: calc(100% - 70px);    
    }

}

@media (max-width : 767px)
{
    section.section.store-sub 
    {
        height: 25%;
    }

    .container .white-container .row slick img 
    {
        height: auto;
        width: 100%;
    }

    .image-container.wrap.right 
    {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }

    .image-container.wrap.right img 
    {
        height: 100%;
        width: 100%;
        position: absolute;
    }

    .video-container.wrap 
    {
        padding-bottom: 56%;
        width: 100%;
    }

    .nav-sidebar ul li 
    {
        padding: 10px 0px 10px 15px;
    }

    .listing-view-action-sort.profile 
    {
        display: block;
    }

    .listing-sort-mobile
    {
        display: inline;
    }

    .mobile-listing-padding
    {
        padding: 5px;
    }

    .layout-search-row 
    {
        padding-right: 0;
    }

    .layout-sort-row 
    {
        padding-left: 0;
        padding-top: 5px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .layout-view-row 
    {
        padding-top: 5px;
        padding-bottom: 0;
        padding-left: 3px;
    }

     #home-advert
    {
        max-height: 750px;
        height: auto;
    }
    
    .two-columns 
    {
        -webkit-column-count: 1; 
        -moz-column-count: 1; 
        column-count: 1;
    }

    div.banner-black-background .row 
    {
        width: 970px;
    }

    .homepage-example-row md-icon
    {
        display: none;
    }

    .features .carousel ol.carousel-indicators 
    {
        display: none;
    }

    img#home-logo 
    {
        max-height: 100px;
    }

    .right-home-article-title
    {
        display: none;
    }

    img.home-city-image 
    {
        width: 250px;
        height: 150px;
    }

    .home-city-name 
    {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    div.banner-black-background .row 
    {
        width: 750px;
    }

    .navbar-right 
    {
        margin-right: 0px;
    }

    .home-city-name 
    {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-city-image
    {
        margin: 0;
    }

    md-toast 
    {
        position: fixed;
        width: 300px;
        margin: 0 auto;
        top: 70px;
    }

    md-toast .md-toast-content 
    {
        background: #436d7d;
        font-weight: bold;
        text-align: center;
    }

    .navbar-nav>li>a 
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    
}

@media only screen and (max-width: 640px) 
{
    .carousel .slick-dots
    {
        display: none !important;
    }

    header.full-width.home > h1 
    {
        font-size: 9vw;
    }

    #book-btn-div, .max-length
    {
        width: 100%;
    }

    .title-length
    {
        width: 50%;
        white-space: nowrap; 
        float: left;
    }

    .stat-length
    {
        width: 50%;
        float: left;
    }
    
    #book-btn-div button
    {
        left: 0px;
        margin-top: 5px;
    }

    md-toast 
    {
        position: fixed;
        width: 300px;
        margin: 0 auto;
        top: 70px;
    }

    md-toast .md-toast-content 
    {
        background: #436d7d;
        font-weight: bold;
        text-align: center;
    }

    .listing-cuisine-container 
    {
        padding: 0px 5px !important;
    }

    .booking-content .calling-info .blue-box p.phone 
    {
        font-size: 2em;
    }

    .booking-content .calling-info > .row > p 
    {
        font-size: 0.9em;
    }

    .booking-dialog .md-toolbar-tools .booking-header 
    {
        font-size: 0.4em;
    }
}

@media (max-width: 500px)
{
    .checkout > .body .cart h1 
    {
        font-size: 5vw;
    }

    .checkout > .body .cart h2 
    {
        font-size: 4vw;
    }

    .checkout .header.white-container > h1 
    {
        font-size: 5vw;
    }

    .checkout .cart .details > .row.list ul.cart-details li h4 
    {
        font-size: 3vw;
    }

    .checkout .cart .details > .row.list ul.cart-details li span 
    {
        font-size: 3vw;
    }

    .checkout .cart .details > .row.list ul.cart-details li 
    {
        height: 5vw;
    }

    .checkout .white-container > h1 
    {
        font-size: 5vw;
    }

    .md-dialog-content.infoBox > img 
    {
        width: 100%;
        padding: 0;
    }

    .booking-content .entry-controls .header 
    {
        padding: 10px 0px;
    }

    .booking-content .charity-select > .row:last-child 
    {
        margin: 0 5px;
    }

    .booking-content .calling-info > .row, .booking-content .charity-select > .row 
    {
        margin: 10px 0px;
    }

    .entry-controls 
    {
        min-height: 340px;
        overflow: hidden;
    }

    button.booking-form.browse 
    {
        height: 38px;
    }

    header.full-width 
    {
        padding-top: 150px;
    }

    header.full-width .container > .row:nth-child(2) 
    {
        padding: 0px 20px;
    }

    section.section.concierge-login  .container.home 
    {
        width: 100%;
    }

    fh-charity .list-thumbnail 
    {
        width: 100px;
    }

    .uncharitable .listing-title 
    {
        padding-left: 90px;
    }

    .row.booking-details 
    {
        padding: 10px 5px;
    }

    .md-dialog-content.infoBox > h1 
    {
        text-align: center;
        margin: 10px 0px;
    }

    .booked-listing .booked-controls button a 
    {
        line-height: 12px;
    }

    .listing-detail-col .distance 
    {
        right: 5px;
    }
    
    .booking-content > .step > h1 a 
    {
        font-size: 7vw;
    }

    .listing-detail-col .favourite-action 
    {
        font-size: 20px;
    }

    .box-content h2 
    {
        font-size: 10px;
    }

    .box-content.about
    {
        height: auto;
    }

    .mobile-small
    {
        display: block;
    }

    .list-thumbnail 
    {
        width: 90px;
        height: 90px;
    }

    .listing-content-row 
    {
        height: 17px;
    }

    .listing-page .uncharitable .listing-detail-col 
    {
        padding: 10px;
    }

    .listing-title 
    {
        font-size: 1.3em;
    }

    #breadcrumb li a:before, #breadcrumb li a:after 
    {
        border-width: 15px 10px;
    }

    #breadcrumb li a 
    {
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        padding: 0 5px 0 0px;
    }

    .detail-image-small, .image-large 
    {
        width: initial;
        float: initial;
        padding: 2px;
        overflow: hidden;
        height: 250px;
        min-width: 300px;
    }

    .content-box.detail-images 
    {
        padding: 10px;
        overflow: scroll;
        display: flex;
    }

    .dir-list-body.small.map 
    {
        width: 290px !important;
    }

	.listing-padding 
	{
	    padding: 2px 0px;
	}

	.header-search-input input 
    {
        font-size: 3.4vw !important;
    }

    .listing-action
    {
        display: none;
    }

     .mobile-top-row
    {
        padding-bottom: 0;
    }

    .mobile-bottom-row
    {
        padding-top: 0;
    }

    .optional-text
    {
        display: none;
    }


    .homepage-header .input-group-addon
    {
        display: none;
    }

    .homepage-header button
    {
        width: auto;
    }

    .find-out-more
    {
        height: 400px;
    }

    .listing-action.mobile 
    {
        display: block;
    }

    .rsvp .invitation
    {
        height: auto;
    }
    .rsvp .invitation > div:first-child
    {
        padding-top: 5px;
        height: 120px;
    }

    .invitation div.large-text 
    {
        padding: initial; 
    }

    .rsvp-popup-before-text .text
    {
        padding: 30px;
    }

    .booked-actions span 
    {
        display: none;
    }

    .booked-actions 
    {
        text-align: center;
        font-size: 17px;
    }

    .dir-list-body.booked
    {
        height: auto;
    }

    .learn-more-img 
    {
        width: 50px;
        display: block;
        margin: auto;
    }

    .learn-more-text
    {
        display: block;
        width: 100%;
    }

    .listing-top.stick 
    {
        padding-right: 10px;
    }

    #breadcrumb li 
    {
        padding: 8px 0px;
    }

    md-toast 
    {
        position: fixed;
        width: 300px;
        margin: 0 auto;
        top: 70px;
    }

    md-toast .md-toast-content 
    {
        background: #436d7d;
        font-weight: bold;
        text-align: center;
    }

    .dir-list-body.charitable 
    {
        border: 1px solid #dedede;
    }

    .charitable-icon
    {
        display: none;
    }

    .listing-thumbnail-col 
    {
        padding: 5px;
    }

    fh-restaurant article 
    {
        margin-bottom: 0px;
    }

    .box-header h1 
    {
        font-size: 15px;
    }

    .listing-page .listing-content-row 
    {
        height: 17px;
    }

    .listing-page .list-thumbnail 
    {
        width: 110px;
        height: 110px;
    }

    .listing-page .listing-action 
    {
        display: inline;
        position: static;
    }

    .listing-page .listing-thumbnail-col 
    {
        float: none;
    }

    .listing-page .listing-thumbnail-col .list-thumbnail 
    {
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .listing-page .listing-thumbnail-col .list-thumbnail img 
    {
        width: 100%;
        height: auto;
    }
    
    .uncharitable .listing-detail-col .listing-content-row
    {
        /*width: 80%;*/
        text-overflow: ellipsis;
    }

    .store-header .award, .store-header .secure 
    {
        right: 0;
    }
}

@media (max-width: 380px) 
{
    .booking-content .form-section .input-group > input, 
    .booking-content .form-section .input-group > button, 
    .booking-form-datepicker .md-datepicker-input-container,
    md-input-container.gen-form.booking-form
    {
        height: 35px;
        padding: 5px;
    }

    .row.booking-details 
    {
        font-size: 12px;
    }

    .store-header .award, .store-header .secure 
    {
        position: static;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    div#main 
    {
        height: calc(100% - 100px);
    }

    .uncharitable .listing-title 
    {
        padding-left: 70px;
    }

    .booking-content .form-section .input-group > button
    {
        height: auto;
    }    

    .mobile-nav ul li 
    {
        font-size: 2.2vw;
    }

    .input-group-addon.booking-form 
    {
        padding: 5px;
    }

    md-input-container.gen-form.booking-form
    {
        padding: 1px 0px;
    }

    .input-group-addon.booking-form md-icon 
    {
        height: 15px;
        width: 15px;
        min-width: 0;
        min-height: 0;
    }

    .booking-content md-checkbox.booked-for 
    {
        margin: 11px 0px 12px 6px;
    }
    
    .navbar-header 
    {
        height: 50px;
    }

    .navbar-default .navbar-nav>li>a 
    {
        height: 50px;
        padding: 10px 27px !important;
    }

    .mobile-filter-btn a 
    {
        height: 50px;
    }

    .listing-top.stick 
    {
        top: 50px;
    }

    md-toast
    {
        position: fixed;
        width: 300px;
        margin: 0 auto;
        top: 70px;
    }

    md-toast .md-toast-content 
    {
        background: #436d7d;
        font-weight: bold;
        text-align: center;
    }

    .header-controls
    {
        top: 50px;
    }

    .container 
    {
        padding: 0px;
    }

    .listing-content-row 
    {
        height: 16px;
    }

    .list-thumbnail 
    {
        width: 70px;
        height: 70px;
    }

    .listing-action.uncharitable .btn 
    {
        padding: 0;
    }

    .listing-page .listing-action.uncharitable .btn 
    {
        padding: 5px;
    }

    #home-logo-title 
    {
        font-size: 13vw;
    }

    nav#navbar 
    {
        height: 50px;
    }

    nav .nav-desktop.menu li 
    {
        height: 50px;
        padding: 15px 0px;
        font-size: 15px;
        width: 50px;
    }

    nav .nav-desktop.menu 
    {
        height: 50px;
    }

    .listing-detail-col 
    {
        padding: 5px;
    }

    a.listing-title 
    {
        line-height: 1.1;
    }

    .listing-detail-col .favourite-action 
    {
        font-size: 20px;
    }

    md-checkbox.filter-item-box.img-text > .md-label md-icon 
    {
        height: 25px;
    }

    md-checkbox.filter-item-box.img-text > .md-label 
    {
        line-height: 7px;
    }

    .booking-content .input-group.booking-text .input-group-addon md-icon 
    {
        width: 15px;
        height: 15px;
        min-width: 0;
        min-height: 0;
    }

    .input-group.number-stepper .input-group-addon 
    {
        padding: 0px;
    }

    div#main.nav-not-showing 
    {
        height: calc(100% - 50px);    
    }

}
@media (max-height: 600px)
{
    .booking-dialog 
    {
        max-height: 100%;
        height: 100%;
    }

    md-dialog-content.md-dialog-booking 
    {
        padding-bottom: 57px;
    }

}