/* Visibility Classes ---------------------- */
/*                                           */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {
    display: none !important;
}

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {
    display: inherit !important;
}

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
    .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
        display: inherit !important;
    }

    .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: none !important;
    }
}

/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important;
    }

    .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important;
    }
}

/* Small display targeting */
@media only screen and (max-width: 767px) {
    .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display: inherit !important;
    }

    .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
        display: none !important;
    }
}

/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important;
    }
}

/* Touch-enabled device targeting */
.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
    display: table !important;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
        display: table !important;
    }
}

@media only screen and (max-width: 767px) {
    table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
        display: table !important;
    }
}

/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) {
    /* NavBar --- */
    /*            */
    .touch .nav-bar li.has-flyout > a {
        padding-right: 36px !important;
    }
}

/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}

/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    /* NavBar --- */
    /*            */
    .touch .nav-bar li a {
        font-size: 13px;
    }

    .touch .nav-bar li.has-flyout > a.flyout-toggle {
        padding: 20px !important;
    }

    .touch .nav-bar li.has-flyout > a {
        padding-right: 36px !important;
    }

    /* Clearing --- */
    /*              */
    .clearing-main-right, .clearing-main-left {
        height: 100%;
        width: 40px;
        top: 0;
        border: none;
    }

    .clearing-main-right:before, .clearing-main-left:before {
        position: absolute;
        top: 50%;
    }

    .clearing-main-left {
        left: 0;
    }

    .clearing-main-left:before {
        left: 5px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent white transparent transparent;
    }

    .clearing-main-right {
        height: 100%;
        right: 0;
    }

    .clearing-main-right:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent transparent transparent white;
    }
}

/* Small Devices ------------ */
@media only screen and (max-width: 767px) {
    /* Global Misc --- */
    /*                 */
    .left, .right {
        float: none;
    }

    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    /* The Grid --- */
    /*              */
    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .column, .columns {
        width: auto !important;
        float: none;
    }

    .column:last-child, .columns:last-child {
        float: none;
    }

    [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .column:before, .columns:before, .column:after, .columns:after {
        content: "";
        display: table;
    }

    .column:after, .columns:after {
        clear: both;
    }

    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
        margin-left: 0 !important;
    }

    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
        left: auto;
    }

    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
        right: auto;
    }

    /* Mobile 4-column Grid */
    .row .mobile-one {
        width: 25% !important;
        float: left;
        padding: 0 16px;
    }

    .row .mobile-one:last-child {
        float: right;
    }

    .row .mobile-one.end {
        float: left;
    }

    .row.collapse .mobile-one {
        padding: 0;
    }

    .row .mobile-two {
        width: 50% !important;
        float: left;
        padding: 0 16px;
    }

    .row .mobile-two:last-child {
        float: right;
    }

    .row .mobile-two.end {
        float: left;
    }

    .row.collapse .mobile-two {
        padding: 0;
    }

    .row .mobile-three {
        width: 75% !important;
        float: left;
        padding: 0 16px;
    }

    .row .mobile-three:last-child {
        float: right;
    }

    .row .mobile-three.end {
        float: left;
    }

    .row.collapse .mobile-three {
        padding: 0;
    }

    .row .mobile-four {
        width: 100% !important;
        float: left;
        padding: 0 16px;
    }

    .row .mobile-four:last-child {
        float: right;
    }

    .row .mobile-four.end {
        float: left;
    }

    .row.collapse .mobile-four {
        padding: 0;
    }

    .push-one-mobile {
        left: 25%;
    }

    .pull-one-mobile {
        right: 25%;
    }

    .push-two-mobile {
        left: 50%;
    }

    .pull-two-mobile {
        right: 50%;
    }

    .push-three-mobile {
        left: 75%;
    }

    .pull-three-mobile {
        right: 75%;
    }

    /* Block Grids --- */
    /*                 */
    .block-grid.mobile > li {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .block-grid > li {
        clear: none;
    }

    .block-grid.mobile-one-up > li {
        width: 100%;
    }

    .block-grid.mobile-two-up > li {
        width: 50%;
    }

    .block-grid.mobile-two-up > li:nth-child(2n+1) {
        clear: both;
    }

    .block-grid.mobile-three-up > li {
        width: 33.33333%;
    }

    .block-grid.mobile-three-up > li:nth-child(3n+1) {
        clear: both;
    }

    .block-grid.mobile-four-up > li {
        width: 25%;
    }

    .block-grid.mobile-four-up > li:nth-child(4n+1) {
        clear: both;
    }

    .block-grid.mobile-five-up > li {
        width: 20%;
    }

    .block-grid.mobile-five-up > li:nth-child(5n+1) {
        clear: both;
    }

    .block-grid.mobile-six-up > li {
        width: 16.66667%;
    }

    .block-grid.mobile-six-up > li:nth-child(6n+1) {
        clear: both;
    }

    .block-grid.mobile-seven-up > li {
        width: 14.28571%;
    }

    .block-grid.mobile-seven-up > li:nth-child(7n+1) {
        clear: both;
    }

    .block-grid.mobile-eight-up > li {
        width: 12.5%;
    }

    .block-grid.mobile-eight-up > li:nth-child(8n+1) {
        clear: both;
    }

    .block-grid.mobile-nine-up > li {
        width: 11.11111%;
    }

    .block-grid.mobile-nine-up > li:nth-child(9n+1) {
        clear: both;
    }

    .block-grid.mobile-ten-up > li {
        width: 10%;
    }

    .block-grid.mobile-ten-up > li:nth-child(10n+1) {
        clear: both;
    }

    .block-grid.mobile-eleven-up > li {
        width: 9.09091%;
    }

    .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
        clear: both;
    }

    .block-grid.mobile-twelve-up > li {
        width: 8.33333%;
    }

    .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
        clear: both;
    }

    /* Forms --- */
    /*           */
    /* Label alignment */
    label.right {
        text-align: left;
    }

    /* Extend width of all inputs */
    input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
        width: 100% !important;
    }

    input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
        width: 100% !important;
    }

    input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
        width: 100% !important;
    }

    input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
        width: 100% !important;
    }

    input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
        width: 100% !important;
    }

    input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
        width: 100% !important;
    }

    input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
        width: 100% !important;
    }

    input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
        width: 100% !important;
    }

    input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
        width: 100% !important;
    }

    input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
        width: 100% !important;
    }

    input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
        width: 100% !important;
    }

    input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
        width: 100% !important;
    }

    /* Buttons --- */
    /*             */
    /* Basic overrides */
    .button {
        display: block;
    }

    button.button, input[type="submit"].button, input[type="reset"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* Button Groups */
    .button-group button.button, .button-group input[type="submit"].button {
        width: auto;
        padding: 10px 20px 11px;
    }

    .button-group button.button.large, .button-group input[type="submit"].button.large {
        padding: 15px 30px 16px;
    }

    .button-group button.button.medium, .button-group input[type="submit"].button.medium {
        padding: 10px 20px 11px;
    }

    .button-group button.button.small, .button-group input[type="submit"].button.small {
        padding: 7px 14px 8px;
    }

    .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
        padding: 5px 10px 6px;
    }

    .button-group.even button.button, .button-group.even input[type="submit"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* Navbar --- */
    /*            */
    .nav-bar {
        height: auto;
    }

    .nav-bar > li {
        float: none;
        display: block;
        border-right: none;
    }

    .nav-bar > li > a.main {
        text-align: left;
        border-top: 1px solid #ddd;
        border-right: none;
    }

    .nav-bar > li:first-child > a.main {
        border-top: none;
    }

    .nav-bar > li.has-flyout > a.flyout-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 22px;
        z-index: 2;
        display: block;
    }

    .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
        content: "";
        width: 0;
        height: 0;
        display: block;
    }

    .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
        border-top-color: #141414;
    }

    .nav-bar.vertical > li.has-flyout > .flyout {
        left: 0;
    }

    .flyout {
        position: relative;
        width: 100% !important;
        top: auto;
        margin-right: -2px;
        border-width: 1px 1px 0 1px;
    }

    .flyout.right {
        float: none;
        right: auto;
        left: -1px;
    }

    .flyout.small, .flyout.large {
        width: 100% !important;
    }

    .flyout p:last-child {
        margin-bottom: 18px;
    }

    /* Reveal --- */
    /*            */
    .reveal-modal-bg {
        position: absolute;
    }

    .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
        width: 80%;
        top: 15px;
        left: 50%;
        margin-left: -40%;
        padding: 20px;
        height: auto;
    }

    /* Clearing --- */
    /*              */
    .clearing-container {
        margin: 0;
    }

    .clearing-close {
        z-index: 99;
        font-size: 37px;
        top: 0px;
        right: 5px;
    }

    .clearing-caption {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 10px !important;
        line-height: 1.3;
    }

    .clearing-main-right, .clearing-main-left {
        display: none;
    }

    .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
        height: 100%;
    }

    .clearing-blackout.clearing-assembled ul[data-clearing] {
        display: none;
    }

    /* Joyride --- */
    /*             */
    .joyride-tip-guide {
        width: 95% !important;
        left: 2.5% !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

    .joyride-tip-guide-wrapper {
        width: 100%;
    }

    /* Tabs --- */
    /*          */
    .tabs.mobile {
        width: auto;
        margin: 20px -20px 40px;
        border-bottom: solid 1px #ccc;
        height: auto;
        margin: 20px -15px 0px -15px;
    }

    .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
        float: none;
        height: auto;
    }

    .tabs.mobile dd a, .tabs.mobile li a {
        font-size: 15px;
        display: block;
        width: auto;
        height: auto;
        padding: 18px 20px;
        margin: 0;
        color: #555;
        line-height: 1;
        border: none;
        border-left: none;
        border-right: none;
        border-top: 1px solid #ccc;
        background: #fff;
    }

    .tabs.mobile dd a.active, .tabs.mobile li a.active {
        border: none;
        background: #2ba6cb;
        color: #fff;
        margin: 0;
        position: static;
        top: 0;
        height: auto;
    }

    .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
        margin: 0;
    }

    .tabs.mobile + .tabs-content.contained {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tabs.mobile .section-title {
        padding-left: 20px !important;
    }

    .contained.mobile {
        margin-bottom: 0;
    }

    .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
        padding: 18px 20px;
    }

    .tabs.mobile + ul.contained {
        margin-left: -20px;
        margin-right: -20px;
        border-width: 0 0 1px 0;
    }

    /* UI Elements --- */
    /*                 */
    /* Tooltips */
    .tooltip {
        font-size: 14px;
        line-height: 1.4;
        padding: 7px 10px 9px 10px;
        left: 50% !important;
        max-width: 80% !important;
        margin-left: -40%;
        font-size: 110%;
    }

    .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
        border-color: transparent transparent black transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
        top: -12px;
        left: 10px;
    }
}

/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 940px) {
    .top-bar {
        margin-bottom: 0;
        overflow: hidden;
        height: 45px;
        background: #222222; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */
    }

    .top-bar .js-generated {
        display: block;
    }

    .contain-to-grid .top-bar {
        width: auto;
    }

    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms 0;
        -moz-transition: left 300ms 0;
        -o-transition: left 300ms 0;
        transition: left 300ms 0;
    }

    .top-bar ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        display: block;
    }

    .top-bar ul > li {
        float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */
    }

    .top-bar ul > li.active, .top-bar ul > li:hover {
        background: #151515;
    }

    .top-bar ul > li.name {
        height: 45px;
    }

    .top-bar ul > li.name h1 {
        line-height: 1;
    }

    .top-bar ul > li.name h1 a {
        color: white;
        display: block;
        line-height: 45px !important;
        padding-left: 15px;
        height: 45px;
    }

    .top-bar ul > li:hover a, .top-bar ul > li.active a {
        color: white;
    }

    .top-bar ul > li a:not(.button) {
        color: white;
    }

    .top-bar ul > li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
    }

    .top-bar ul > li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: white transparent transparent transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 22.5px;
        margin-top: -4px;
    }

    .top-bar ul > li.toggle-topbar:hover {
        background: inherit;
    }

    .top-bar ul > li.toggle-topbar a {
        padding: 0 !important;
    }

    .top-bar ul > li.divider {
        border-bottom: solid 1px #3c3c3c;
        border-top: solid 1px black;
        clear: both;
        height: 1px !important;
        margin: 8px 0 !important;
        width: 100%;
    }

    .top-bar ul > li.search {
        padding: 0 22.5px;
    }

    .top-bar ul > li.search form {
        width: 100%;
    }

    .top-bar ul > li.search form input[type=text] {
        width: 75%;
    }

    .top-bar ul > li.search form .button {
        top: -1px;
        width: 25%;
    }

    .top-bar ul > li.has-dropdown a {
        padding-right: 33.75px;
    }

    .top-bar ul > li.has-dropdown a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        margin-right: 15px;
        margin-top: -4.5px;
        position: absolute;
        top: 50%;
    }

    .top-bar ul > li.has-dropdown:hover > .dropdown {
        display: block;
        visibility: hidden;
    }

    .top-bar ul > li.has-dropdown .dropdown {
        visibility: hidden;
        z-index: 0 !important;
    }

    .top-bar ul > li.has-dropdown.moved {
        position: static;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown {
        top: 0;
        visibility: visible;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li label {
        margin-bottom: 6px;
        padding-top: 6px !important;
        font-size: 11px;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
        padding-bottom: 0;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
        padding: 8px 22.5px;
        font-size: 14px;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label {
        padding: 0 22.5px;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
        background: #3c3c3c;
        display: block;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .top-bar ul > li.has-dropdown.moved .back.title {
        padding-bottom: 0;
    }

    .top-bar ul > li.has-dropdown.moved .back.title a:before {
        position: absolute;
        top: 50%;
        left: 17.5px;
        margin-top: -5px;
        width: 0;
        height: 0;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent white transparent transparent;
    }

    .top-bar ul > li.has-dropdown.moved .back.title h5 {
        margin: 0;
        padding-left: 15px;
        position: relative;
    }

    .top-bar ul > li.has-dropdown.moved .back.title h5 a {
        background: transparent;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 23px;
        font-weight: bold;
    }

    .top-bar ul > li.has-dropdown .dropdown li {
        background: transparent;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
        padding-right: 33.75px;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
        content: "";
        margin-right: 15px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        margin-top: -4.5px;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
        background: #3c3c3c;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
        position: static;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
        top: 0;
        visibility: visible;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
        display: block;
    }

    .top-bar ul.left, .top-bar ul.right {
        float: none;
        width: 100%;
    }

    .top-bar ul.left > li, .top-bar ul.right > li {
        display: block;
        float: none;
        margin: 0 !important;
    }

    .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important;
    }

    .top-bar section > ul li a:not(.button) {
        padding-left: 22.5px !important;
    }

    .top-bar.expanded {
        height: 100%;
    }

    .top-bar.expanded ul li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent #cccccc transparent;
        top: auto;
        bottom: 50%;
        margin-bottom: -4px;
    }

    .top-bar ul li.has-button {
        padding: 5px 15px;
    }

    .top-bar ul li .button.small {
        margin: 0 !important;
        display: inline-block;
        width: 100%;
    }

    .top-bar ul > li.has-button a.button {
        margin: 0;
    }
}

/* -----------------------------------------
   Custom Mobile Styles
----------------------------------------- */

.row {
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .class-name {
    }
}

/* Large display targeting */
@media only screen and (min-width: 940px) {
    .top-bar ul > li.has-dropdown .dropdown li:nth-child(2) a.hide-for-large-up,
    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li:nth-child(2) a.hide-for-large-up {
        display: none !important;
    }
}

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
    .class-name {
    }
}

/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .btn-logout {
        padding-bottom: 7px !important;
    }
}

/* Orientation targeting */
@media screen and (orientation: landscape) {
    .class-name {
    }
}

@media screen and (orientation: portrait) {
    .class-name {
    }
}

/* Specific overrides for elements that require something other than display: block */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .class-name {
    }
}

@media only screen and (max-width: 767px) {
    .class-name {
    }
}

@media only screen and (max-width: 1024px) {
    .mfp-s-ready .rtmedia-container #rtmedia-single-media-container {
        width: 100%;
    }
}

/* 1280 tablet ------------ */
@media only screen and (max-device-width: 1280px) {
    .class-name {
    }
}

/* Covering almost all ----- */
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .class-name {
    }
}

/* Between Medium and Small */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .class-name {
    }
}

/* Small Devices ------------ */
@media only screen and (max-width: 767px) {
    .status .icon {
        min-height: inherit;
    }

    .status .block-grid li.title {
        font-size: 1em;
    }

    .status .block-grid li.subtitle {
        font-size: .85em;
    }

    .status .block-grid {
        overflow: visible;
    }

    #call-to-actions .large.button {
        margin-bottom: 20px;
    }

    h1 {
        margin-bottom: 20px;
    }

    #call-to-actions,
    #feature-text {
        padding-top: 20px;
    }

    .form-header .lead {
        margin-bottom: 0;
    }

    .form-search .mobile-four label {
        /*line-height: 12px;*/
        padding-top: 10px;
    }

    .testimonials_carousel {
        min-height: inherit;
    }

    .carousel-stories {
        height: 400px;
        display: block;
    }

    .button-group.expand li {
        width: 100%;
    }

    .boxed-style {
        padding-top: 0;
        padding-bottom: 0;
    }

    #footer .section {
        margin-bottom: 40px;
    }

    #btnGoUp {
        display: none;
    }

    .big-profile-image {
        max-width: 580px !important;
        max-height: 580px !important;
    }

    .next-profile .link-list {
        margin: 0;
        padding: 0;
    }

    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: left;
        font-weight: bold !important;
    }

    .dl-horizontal dd:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: left;
        margin-right: 10px;
        display: block;
    }

    .dl-horizontal dd {
        margin-left: 0;
    }

    #groups .group-item {
        text-align: center !important;
    }

    .rtmedia-single-meta.columns.large-3 {
        margin-left: 15px;
    }

    .rtmedia-container .column, .rtmedia-activity-container .column, .rtmedia-container .columns, .rtmedia-activity-container .columns {
        float: none !important;
    }

    #avatar-crop-pane {
        width: 294px !important;
        height: 294px !important;
    }

    .comment .children {
        padding: 10px 0 0 0;
    }

    .comment .children div.avatar {
        width: 30px;
        height: 30px;
        padding: 2px;
        left: -15px;
    }

    .comment .children .author,
    .comment .children.author a {
        margin: 5px 0 5px 5px;
    }

    .comment .children .date,
    .comment .children .date a {
        margin: 2px 0 10px -6px;
    }

    .bp-member-dir-buttons .generic-button {
        width: 100%
    }

    .absolute-head #header {
        position: relative;
    }

    .revslider-head.absolute-head .form-wrapper {
        margin-top: 10px;
    }

    .revslider-head .just-after-header {
        position: relative;
    }

    /*.rev_slider_wrapper { display: none; }*/
    .reveal-modal .button.facebook {
        float: none;
    }

    .btn-logout {
        padding-bottom: 7px !important;
    }

    .form-search.custom .columns {
        height: inherit;
        display: block;
    }

    .form-search .button {
        float: none;
        margin-right: 0;
    }

    #register_form_front.form-search.custom label {
        padding-bottom: 5px !important;

    }

    #register_form_front.form-search .seven.offset-by-five.columns {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
    }

    #register_form_front.form-search .front-form-button {
        flex-grow: 1;
        margin: 0 10px 0 0;
    }

    #register_form_front label.inline {
        margin-bottom:5px;
    }

    #whats-new-submit #activity-visibility {
        display: inline-block;
        float: left;
    }

    #whats-new-submit button.button,
    #whats-new-submit input[type="submit"].button,
    #whats-new-submit input[type="reset"].button {
        width: auto;
        float: right;
    }

    .friend-item {
        position: relative !important;
        z-index: 9999 !important;
    }

    /* WooCommerce plugin */
    .woocommerce .cart .button,
    .woocommerce-page .cart .button,
    .woocommerce .cart input.button,
    .woocommerce-page .cart input.button {
        margin: 5px 0;
    }

    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .input-text {
        width: 100% !important;
    }

    .woocommerce-page .coupon #coupon_code {
        margin-bottom: 5px;
    }

    div.friendship-button, div.friendship-button-ext, #post-mention, #send-private-message {
        display: inline-block;
    }
}

/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 940px) {

    .top-bar {
        background: #0296c0;
    }

    .top-bar > ul .name {
        display: block !important;
    }

    .top-bar > ul .name h1 a {
        background: #1fa8d1;
        padding: 0 22.5px;
        font: 14px sans-serif;
    }

    .top-bar ul > li.name h1:hover {
    }

    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms;
        -moz-transition: left 300ms;
        -o-transition: left 300ms;
        transition: left 300ms;
    }

    .top-bar ul > li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        line-height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 55px;
        background: #37b8dd;
    }

    .top-bar ul > li.toggle-topbar a {
        content: "";
        display: block;
        width: 35px;
        height: 0;
        border: none;
        padding: 0;
        position: absolute;
        top: 5px;
        right: 0;
        margin-top: 0;
    }

    .top-bar.expanded ul li.toggle-topbar a {
        top: 5px;
        border: none;
        right: 35px;
    }

    .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
        background: #37b8dd;
        display: block;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
        background: #37b8dd;
    }

    .top-bar ul > li.has-dropdown .dropdown {
        padding-top: 0;
    }

    .top-bar ul > li.has-dropdown .dropdown:before {
        border: none;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown:before {
        border: none;
    }

    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
        padding: 0;
    }

    .top-bar ul > li.has-dropdown .dropdown li:nth-child(2) a,
    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li:nth-child(2) a {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .top-bar ul > li.has-dropdown .dropdown li:last-child a,
    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li:last-child a {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .top-bar ul > li.has-dropdown.moved .back.title h5 {
        padding-left: 0;
    }

    .top-bar ul > li.has-dropdown.moved .back.title a:before {
        left: 5px;
    }

    .small-logo {
        display: none !important;
    }

    .sticky.fixed {
        height: auto;
        padding-top: 0;
    }

    .rtmedia-container button[type="button"],
    .rtmedia-container input[type="submit"],
    .rtmedia-container .button[type="button"] {
        margin-bottom: 10px;
        float: left;
    }

    .rtmedia-container input[type="submit"] {
        margin-bottom: 10px;
        float: left;
    }

    #rtmedia_comment_ul {
    }

    #rtmedia_comment_ul .rtmedia-comment {
        width: 100%;
    }

    .ajax_search_container {
        display: block !important;
        top: 100px;
    }

    #ajax_search_container {
        position: relative;
        width: inherit;
        left: inherit;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 5px;
    }

    #ajax_search_container:before {
        margin-left: 22px;
        left: 0;
    }

    .button.tiny {
        font-size: 12px;
        padding: 15px 20px 16px;
    }

    .btn-logout {
        padding-bottom: 16px !important;
    }

    .btn-profile .button.dropdown.split.tiny > a {
        font-size: 12px;
        padding: 15px 20px 14px;
    }

    a.friendship-button,
    div.generic-button a {
        font-size: 14px;
        padding: 15px 20px 16px;
    }
}

@media (max-width: 480px) {
    #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums .bbp-body div.bbp-reply-author {
        float: none !important;
        margin: 0 auto;
    }

    #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content {
        margin-left: 0;
    }

    .woocommerce .order_details li.method {
        margin-top: 20px;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        float: none;
        width: 100%;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce-page div.product div.summary,
    .woocommerce #content div.product div.summary,
    .woocommerce-page #content div.product div.summary {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce div.product form.cart .button,
    .woocommerce-page div.product form.cart .button,
    .woocommerce #content div.product form.cart .button,
    .woocommerce-page #content div.product form.cart .button {
        margin-top: 20px;
    }

    .rtmedia-container .rtmedia-list .rtmedia-list-item, .rtmedia-activity-container .rtmedia-list .rtmedia-list-item {
        width: 50%;
    }

    #profile .pmpro_label {
        margin-top: 10px;
        display: inline-block;
        padding: 4px;
    }

    #item-header-avatar.group-avatar {
    }

    #item-header-content {
    }

    .group-avatar#item-header-avatar .avatar {
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 30px;
    }

    div#item-header img.avatar {
        float: none;
    }

    div#item-header div#item-header-content {
        margin-left: 0;
    }

    div#item-header div#item-actions {
        float: right;
        width: 27%;
        position: absolute;
        top: 10px;
        right: 30px;
    }

    div#item-header div#item-actions h3 {
        background: rgba(255, 255, 255, .3);
        border-radius: 3px;
        padding: 3px;
    }

    div#item-header div#item-actions ul {
        background: rgba(255, 255, 255, .3);
        padding: 3px 6px;
    }

    div#item-header div#item-actions ul:before {
        border-color: transparent transparent rgba(255, 255, 255, .3) transparent;
    }

    div#item-header ul {
        margin-bottom: 5px;
    }

    #group-admins {
    }

    #group-mods {
    }

    #rtm-gallery-title-container #rtm-media-options {
        width: auto !important;
    }

    #rtm-media-options [class^="icon-"], #rtm-media-options [class*=" icon-"] {
        margin-left: 0 !important;
    }

    .profile form.custom .datebox .custom.dropdown {
        margin-right: 0;
        width: 100% !important;
    }

}

/*** Update 1.4.1 ***/
/* Sticky bug */
.bbp-topics .sticky.fixed {
    height: inherit;
    position: relative;
    z-index: 0;
}