@media (max-width: 800px) {
    #app {
        width: 100%;
    }

    #head {
        padding: 5px;
    }

    #navigation, #breadcrumbs {
        height: auto;
        clear: both;
    }

    #head-nav {
        padding: 10px;
    }

    #head-nav li.i {
        margin-bottom: 2px;
    }

    #breadcrumbs {
        padding: 5px 0 0;
    }

    #head-nav li.i.right {
        float: left;
    }

    #container {
        padding: 10px;
    }

    #left-col, #right-col {
        float: none;
        width: 100%;
    }

    #tour .place-i, #tour .control, #tour .note {
        display: none;
    }

    #tour .headline {
        position: absolute;
        margin-left: 0;
        left: 0;
        width: 100%;
    }

    #footer ul li.right {
        float: none;
        clear: both;
        margin-left: 0;
    }

    #tour .nil-ratings-list {
        width: 80% !important;
    }

    .games-list {
        text-align: center;
    }

    .games-list .games-list-col {
        float: none;
        text-align: left;
        margin: 0 auto;
    }

    table.group .caption {
        line-height: 15px !important;
    }

    #tours th {
        padding: 5px;
        line-height: 18px;
    }

    #tours td, #tours th {
        width: auto !important;
    }

    #player-search input {
        width: 40px;
    }

    dl.tabs dt.tab {
        left: 2px;
    }

    ul.players-list-wide li {
        width: 45%;
    }
    
    #form-col {
        margin: 0;
        padding: 10px;
    }

    form.formtastic {
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        width: auto;
    }

    form.formtastic label, form.formtastic input, form.formtastic textarea {
        float: none;
        width: 250px;
    }

    form.formtastic .buttons {
        padding: 0 !important;
    }

    #content {
        min-height: 0;
    }

    .goto-full {
        display: block;
    }

    .goto-mobile {
        display: none;
    }

    .player-games .game {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 800px) {
  .mobile-only {
    display: none;
  }
}