/**
 * Media query settings:
 *
@media (max-width: 1199px) and (min-width: 992px) {
@media (max-width: 1028px) {
@media (max-width: 991px) {
@media (max-width: 767px) {
@media (max-width: 639px) {
@media (max-width: 528px) {
@media (max-width: 480px) {
 */
/* Reset */
.sidebar {
    width: 25%;
}
.sidebar-first {
    padding-right: 0;
}
.region-sidebar-first {
    border: 1px solid #aaa;
    padding: 10px;
}
.region-sidebar-second > .block {
    margin-top: 30px;
}
.region-sidebar-second > .block:first-child {
    margin-top: 0;
}
.region-sidebar-second #block-views-block-news-block-block-1,
.region-sidebar-second #block-newsbanners-2 {
    display: none;
}
#logo {
    padding: 40px 0 15px 34px;
    width:40%;
}

/* Now get specific */
@media (max-width: 1199px) and (min-width: 992px) {

    #featured .container .views-field-title {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
}

@media (max-width: 1028px) {

    #logo {
        padding: 15px 15px 0 25px;
        width:60%;
    }
    .sidebar-first {
        padding-right: 10px;
    }
    .region-sidebar-first {
        border: none;
        padding: 0;
    }
    #featured {
        display: none;
    }
    .content {
        width: 75%;
    }
    .sidebar-second {
        width: 75%;
    }
    .region-sidebar-second {
        position: relative;
        min-height: 490px;
    }
    .region-sidebar-second > .block {
        margin-top: 0;
        margin-left: 240px;
    }
    .region-sidebar-second > .block:first-child {
        width: 240px;
        margin-left: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* This is where the main menu flips to the hamburger style */
@media (max-width: 767px) {
    #superfish-main { display: none !important; }
    /* */
    #top {
        display:none;
    }
    #logo {
        margin: 0 5%;
        padding: 25px 15px 0 25px;
        width:80%;
    }

    h2,
    h1,
    .h1 {
        font-size: 1.38em; }

    .page {
        padding: 0 15px; }
    .page .slider .views-field-field-image {
        padding: 0 10px; }

    /* sidebar */
    #header .search-block-form {
        width: 190px; }
    #header .search-block-form .form-item .form-search {
        width: 83%; }
    #header .search-block-form .button {
        padding: 0;
        width: 26px; }

    #main .contact-message-feedback-form label {
        display: block; }
    #main .contact-message-feedback-form .form-text,
    #main .contact-message-feedback-form .form-email {
        width: 230px; }

    /* footer */
    #footer .block {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        text-align: center; }
    #footer .block p {
        margin: 0; }
    #footer ul.menu {
        text-align: center; }
    #footer ul.menu li {
        margin: 0;
        padding: 0 10px;
    }
}
@media (max-width: 639px) {
    .content {
        width: 100%;
    }
    .sidebar-second {
        width: 100%;
    }
    #front-page #block-sfbayferry-content div.field--name-body > p,
    .sidebar-first {
        display:none;
    }
  .region-sidebar-second #block-views-block-news-block-block-1,
  .region-sidebar-second #block-newsbanners-2 {
        display: block;
    }
    #block-abouttheferrysidebar {
        padding-top: 20px;
    }
    #block-sfbayferry-content div.field--name-body > p:first-child {
        display:block;
    }
    #featured .container .views-field-field-image {
        float: none;
        margin: 0 0 15px; }

    #main .container .content .node--view-mode-teaser .field-type-image {
        float: none;
        margin: 0 0 15px; }

    button,
    input,
    optgroup,
    select,
    textarea {
        max-width: 100%; }

    /* search form page */
    #search-form #edit-basic label {
        display: block;
        margin: 0 0 10px; }
    #search-form #edit-basic .form-search {
        float: none;
        margin: 0;
        width: 100%; }
    #search-form #edit-basic .form-item {
        display: block; }
    #search-form .form-text {
        max-width: 100%;
        width: 100%; }
    #search-form .details-wrapper #action {
        margin-bottom: 10px; }

    .node .node__content .field--name-field-image {
        float: none;
        margin-right: 0; }
}
@media (max-width: 528px) {
    /* */
    #header #bottom-border {
        margin: 3% 2%;
    }
    #bottom-border {
        display:none;
    }
    #header #logo {
        float: none; }
    #header .region-header {
        float: none; }
    #header .search-block-form {
        float: none;
        width: 100%; }
    #header .block-system-branding-block {
        float: none;
        margin-bottom: 15px;
        display: inline-block; }

    #main .container .content .field-type-image {
        float: none;
        margin: 0 0 15px !important; }
    #main .container .content #edit-user-picture-wrapper {
        padding: 5px; }
    #main .forum {
        overflow: auto; }
    #main .forum table {
        overflow-x: auto; }

    #footer ul.menu li {
        padding: 0 5px; }

    .page .slider .views-field-field-image {
        padding: 0 10px; }

    #featured .container .views-field-title {
        max-height: 100%; }

}
@media (max-width: 480px) {
    nav.tabs ul.tabs li {
        margin-right: 0;
        border: 1px solid #888888;
        border-bottom: none;
    }
    nav.tabs ul.tabs li a.is-active {
        background-color: #d9d6d3;
    }
    nav.tabs ul.tabs li a {
        padding: 0.2em 0.25em;
    }
    .region-sidebar-second {
        position: initial;
        min-height: initial;
    }
    .region-sidebar-second > .block {
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
    }
    .region-sidebar-second > .block:first-child {
        margin-left: 60px;
        margin-right: 60px;
        position: initial;
        top: initial;
        left: initial;
    }
}