/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/

@-ms-viewport { width: device-width; }

@media screen and (max-width:400px) {
    @-ms-viewport { width: 320px; }
    /* header */
    .navbar-header .logo { margin: 0; }
    nav .logo { width: 221px; height: 61px; background: url("/images/logo-device.png") no-repeat; }
    /* main */
    main .background-image { display: none; }
    .mh-tabs li { float: none; }
    .pull-right.inline-image, .pull-left.inline-image { margin: 15px auto; display: block; float: none!important; }
    /* Learn about maps */
    .match-box { width: auto; }
    /* buttons */
    .btn.btn-primary-mh { margin-top: 10px; }
    .btn-info-mh.prev, .btn-info-mh.next { margin: 0; }
    .btn.btn-info-mh { margin: 5px 0; }
}

.hidden { display: none !important; visibility: hidden !important; }
.visible-md { display: none !important; }
tr.visible-md { display: none !important; }
th.visible-md, td.visible-md { display: none !important; }


@media (min-width:768px) {
}

@media (max-width:767px) {
    /* home */
    section#map .border-top, section#map .border-bottom { width: 108%; }
    /* Learn about maps */
    #steps { display: block; }
    section.top #steps li { width: 100%; height: auto; display: block; }
}

@media (min-width:992px) {
    /* header */
    .navbar-header .logo { display: none; }
    .no-js nav .main-nav a.active, nav .main-nav a.selected { background: none; text-decoration: underline; }
}

@media (max-width:991px) {
    /* header */
    .navbar-header .navbar-brand { display: block; }
    nav { height: auto; min-height: 100px; background: #fff; }
    nav #logo { display: none; }
    nav .main-nav { margin: 0; }
    nav .main-nav li, .main-nav .dropdown-menu li { width: 100%; float: none; text-align: center; margin: 0; padding: 0; border-bottom: 1px solid #008383; }
    nav .main-nav a, .main-nav .dropdown-menu a { display: block; height: auto; line-height: normal; padding: 15px 0; }
    nav .main-nav a:hover, nav .main-nav a.active, nav .main-nav a.selected { background: #008383; color: #fff; text-decoration: none; padding: 15px 0; }
    nav .main-nav .dropdown-menu { margin-top: 0; }
    nav .navbar-header { margin-bottom: 20px; }
    /* home */
    .home-map { display: block; max-width: 100%; height: auto; }
    .map-hover { max-width: 100%; height: auto; border: none !important; }
    section#map .border-right { right: -27px; }

    /* modals */
    main .background-image.buildings { width: 200px; top: -63px; }
    /* footer */
    footer { height: auto; text-align: center; }
    footer .text-right { text-align: center; }
    footer .footer-nav li { width: 100%; float: none; display: block; text-align: center; }
    footer .footer-nav a { padding: 10px 0; display: block; font-size: 14px; }
    /* main */
    .mh-tabs { position: relative; z-index: 5; }
    .ver { display: none; }
    /* Learn about maps */
    .go-further { margin-top: 50px; }
    main .background-image.bird, main .background-image.car { right: 0; }
    main .background-image { z-index: 1; }

    #steps li { width: auto; height: 100%; }
    #steps a, #steps li:first-child a { padding: 5px; }
    #steps div { height: 100%; min-height: 0; }
    #steps div:before, #steps div:after { display: none; }
   
    .no-js #subnav { display: none;}
    .no-js .dropdown-menu { display: block;position: static;background: #EDEDED;position: relative;}
    .no-js .navbar-collapse { max-height:none;height: auto;}
    .no-js .main-nav .dropdown-menu .arrow { border-bottom-color: #EDEDED; }
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
    nav .main-nav li { margin: 0 5px; }
}

@media (min-width:1200px) {
}

.hidden-md { display: block !important; }
tr.hidden-md { display: table-row !important; }
th.hidden-md, td.hidden-md { display: table-cell !important; }

.visible-print { display: none !important; }
tr.visible-print { display: none !important; }
th.visible-print, td.visible-print { display: none !important; }

@media print {
    .visible-print { display: block !important; }
    tr.visible-print { display: table-row !important; }
    th.visible-print, td.visible-print { display: table-cell !important; }
    .hidden-print { display: none !important; }
    tr.hidden-print { display: none !important; }
    th.hidden-print, td.hidden-print { display: none !important; }
}