/* Media Queries */
@media screen and (min-width: 981px) {
    .container_12 .grid_4 {
        width: 31% !important;
    }

    .container_12 .grid_8 {
        width: 64% !important;
    }
}

@media screen and (max-width: 980px) {
    body {
        min-width: auto !important;
        overflow-x: hidden;
    }

    .container_12 {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .container_12 .grid_3 {
        width: 25% !important;
    }

    .container_12 .grid_4 {
        width: 33.3% !important;
    }

    .container_12 .grid_5 {
        width: 41.7% !important;
    }

    .container_12 .grid_7 {
        width: 58.3% !important;
    }

    .container_12 .grid_12 {
        width: 100% !important;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin-left: 0;
        margin-right: 0;
    }

    /** Banner */
    #banner .container_12 .grid_4 {
        margin-left: 15px;
    }
}

@media screen and (min-width: 769px) {
    .visible-xs {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .visible-xs {
        display: block;
    }

    .hidden-xs {
        display: none;
    }

    #top #top-menu li:last-child {
        display: none;
    }

    #header hr {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #header #nav-toggle #btn-menu-wrapper {
        float: right;
        display: block;
        margin-bottom: 20px;
        margin-top: -65px;
        position: relative;
    }
    #header #nav-toggle #points-panel {
        clear: both;
    }

    #header #menu {
        display: none;
    }

    #header .container_12 .grid_12 nav {
        text-align: right;
    }

    #header .slicknav_nav {
        width: 100%;
        background: #f2f2f2;
        padding: 15px;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        margin-left: -5px;
    }

    #header .slicknav_nav li {
        width: 100% !important;
        clear: left;
        float: left;
        text-align: left !important;
        margin-right: 0;
        padding-left: 15px;
    }

    #header .slicknav_nav li a {
        width: 100% !important;
        font-size: 16px !important;
        color: #333 !important;
        background: none !important;
        text-align: left !important;
        margin-top: 0 !important;
    }

    #header .slicknav_nav li a:hover, #header .slicknav_nav li a:focus {
        color: #ff0000 !important;
    }

    #header .slicknav_menu {
        display: block;
        background: none;
    }

    #header .slicknav_menu a .fa {
        text-shadow: none;
    }

    #header .slicknav_icon {
        display: none;
    }

    #header .slicknav_btn {
        margin: 0;
        padding: 4px 0 0 6px;
        border-radius: 0;
    }

    #content .container_12 .grid_9 {
        width: 100% !important;
    }

    /* Footer */
    #footer-wrapper .container_12 .grid_3 {
        width: 100% !important;
    }
}

@media screen and (max-width: 690px) {
    .container_12 .grid_3 {
        width: 100% !important;
    }

    .container_12 .grid_4 {
        width: 100% !important;
    }

    .container_12 .grid_5 {
        width: 100% !important;
    }

    .container_12 .grid_7 {
        width: 100% !important;
    }

    #wrapper .grid_8 {
        width: 100% !important;
    }

    /* Home */
    #banner form {
        width: 100%;
        box-sizing: border-box;
    }
    #banner .grid_6 {
        width: 100%;
    }
}

@media screen and (max-width: 485px) {
    #header h1 {
        font-size: 20px;
        height: 38px;
        line-height: 38px;
        vertical-align: middle;
    }

    section h1 {
        font-size: 26px;
        line-height: 28px;
    }

    section h2 {
        font-size: 22px;
        line-height: 24px;
    }

    #content form select {
        width: 100% !important;
    }
}

@media screen and (max-width: 390px) {
    #header h1 {
        height: 26px;
        line-height: 26px;
    }

    #header .logo img {
        width: 80px;
        height: auto;
    }
}
/* End Media Queries */