@media only screen and (max-width: 1332px) {
    /**** Home Page ****/
    .HomePage .home-banner .video-background-wrapper .media {
        padding-bottom: 750px;
    }
}

@media only screen and (max-width: 1064px) {
    .MarketplacePage .courses-grid .course {
        width: 30.63%;
    }

    .MarketplacePage #Form_FilterForm.visible + .courses-grid .course {
        width: 45.65%;
    }

    .g-recaptcha > div {
        overflow-y: hidden;
    }
}

@media only screen and (max-width: 991px) {
    html {
        overflow-x: hidden;
        overflow-y: auto;

        height: auto;
    }

    body,
    body.submenu-visible {
        position: relative;

        width: 100%;
        height: 100%;

        overflow: hidden;
    }

    body.remodel-opened {
        height: auto;

        overflow: visible;
    }

    img,
    iframe,
    object,
    embed {
        max-width: 100%;
        height: auto;
    }

    .remodal {
        max-width: 698px !important;
    }

    .LMSBase .inner,
    .inner {
        max-width: 750px;
    }

    /**** Header ****/
    #Header {
        position: absolute;
    }

    #Header > .inner {
        height: 76px;
    }

    #Header .inner {
        padding: 0 15px;
    }

    #Header .logo a {
        background-size: contain;

        width: 200px;
        height: 46px;
    }

    #Header #nav-wrapper {
        background: #ffffff;

        display: none;

        position: absolute;
        top: 80px;
        right: 0;

        border-left: 1px solid #ebebeb;

        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    }

    #Header #nav-wrapper.visible {
        display: block;
    }

    #Header ul.menu-bar,
    #Header ul.menu-bar.right-nav {
        float: none;

        margin: 0;
    }

    #Header ul.menu-bar li,
    #Header ul.menu-bar li a {
        display: block;
    }

    #Header ul.menu-bar li a {
        padding: 10px 10px 10px 30px;

        text-align: right;
    }

    #Header > .submenu,
    #Header ul.menu-bar li a.menu:before {
        display: none;
    }

    #Header #mobile-menu-trigger {
        display: block;

        position: relative;

        float: right;

        margin: 8px 0;
        padding: 9px 10px;

        cursor: pointer;
    }

    #Header #mobile-menu-trigger .icon-bar {
        background-color: #00afef;

        display: block;

        width: 22px;
        height: 2px;

        border-radius: 1px;
    }

    #Header #mobile-menu-trigger .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    #Header .submenu {
        position: relative;

        margin-top: 7px;
    }

    #Header .submenu:before {
        display: block;

        position: absolute;
        top: -7px;
        right: 12px;

        width: 0;
        height: 0;

        content: "";

        border-style: solid;
        border-width: 0 12.5px 7px 12.5px;
        border-color: transparent transparent #e5e5e5 transparent;
    }

    #Header .submenu .inner {
        padding: 0;
    }

    #Header .submenu ul.menu-bar {
        margin: 0;
    }

    #Header .submenu ul.menu-bar li a {
        padding: 10px 20px 10px 30px;
    }

    #Header ul.menu-bar li a.demoButton {
        margin-right: 1px;
    }

    #Header .menu-bar > li + li a:after {
        display: none;
    }

    #Content,
    body.submenu-visible #Content {
        margin-top: 80px;
    }

    :target:before,
    body.submenu-visible :target:before {
        height: 80px;
        margin-top: -80px;
    }

    /**** Home Page ****/
    .HomePage .home-banner .content-wrapper {
        top: 65px;
    }

    .HomePage .home-banner .inner {
        padding: 0 15px;
    }

    .HomePage .shadow-wrap {
        max-width: 750px;

        margin: 0 auto;
    }

    .HomePage .home-banner {
        height: 250px;
    }

    .HomePage .home-banner .inner {
        padding-bottom: 25px;
    }

    .HomePage .doors .door div {
        background-size: contain;
    }

    .HomePage .doors .door div p {
        bottom: 24%;

        transform: translateY(-50%);
    }

    /**** Widgets ****/
    .WidgetHolder.NewCoursesWidget ul.widget-controls li a {
        font-size: 12px;

        padding: 4px 2px;
    }

    /**** Marketplace ****/
    .MarketplacePage .courses-grid .course,
    .MarketplacePage #Form_FilterForm.visible + .courses-grid .course {
        width: 47%;
    }

    .MarketplacePage #Form_FilterForm {
        width: 47%;
    }

    .MarketplacePage #Form_FilterForm.visible + .courses-grid .course {
        width: 46%;
    }

    .MarketplacePage #Form_FilterForm.visible + .courses-grid {
        float: none;

        width: auto;
    }

    /**** LMS ****/
    .LMSBase .page-banner h1 {
        float: left;
    }

    .LMSBase .page-banner .sponsor {
        float: right;

        position: static;
        right: auto;
        top: auto;

        margin-top: auto;
    }

    .LMSBase .page-banner:after {
        clear: both;

        display: block;

        content: " ";

        width: 0;
        height: 0;

        font-size: 0;

        line-height: 0;

        visibility: hidden;
    }

    /***** LMS Join Portal ****/
    .LMSJoinPortal .createColumn form input.text,
    .LMSJoinPortal .createColumn form select,
    .LMSJoinPortal .loginColumn form input.text {
        width: 100%;
    }

    /**** Engagement Menu Page ****/
    .LMSEngagementMenu .engagement-subcategory,
    .EngagementMenuPage .engagement-subcategory {
        width: 48.5%;

        margin-left: 2.99%;
    }

    .LMSEngagementMenu .engagement-subcategory:nth-child(2n) + .engagement-subcategory,
    .EngagementMenuPage .engagement-subcategory:nth-child(2n) + .engagement-subcategory {
        clear: both;

        margin-left: 0;
    }

    /**** LMS Webinars ****/
    .LMSWebinars .webinars-header .webinar-category-wrap {
        clear: left;
    }

    .LMSWebinars .webinars-header .webinar-category-wrap {
        margin: 0 0 16px;
        padding-top: 16px;
    }

    .LMSWebinars .webinars-header .archive-link {
        margin-top: 16px;
    }

    /**** Resilience Dashboard ****/
    .Resilience .resilience-home {
        display: flex;

        padding-left: 20px !important;
        padding-right: 20px !important;

        flex-direction: column;
    }

    .resilience-home .actions-row {
        display: block;
    }

    .resilience-home .my-points-container .amount {
        font-size: 48px;
    }

    .resilience-home .actions-container {
        padding: 40px;
    }

    .resilience-home .facets-chart-container .chart, .resilience-home .critical-tools-chart-container .chart {
        width: auto;
    }

    .resilience-home .top-earners-container table {
        width: 100%;
    }

    .resilience-home .actions-container .actions-header {
        text-align: center;
    }

    .resilience-home .actions-container .actions-grid {
        display: flex;

        align-items: center;
        justify-content: center;

        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    #Content,
    body.submenu-visible #Content {
        margin-top: 54px;
    }

    :target:before,
    body.submenu-visible :target:before {
        height: 54px;
        margin-top: -54px;
    }

    /**** Header ****/
    #Header {
        height: 50px;
    }

    #Header .logo {
        margin: 0;
    }

    #Header #nav-wrapper {
        top: 54px;
    }

    .HomePage .home-banner .content-wrapper {
        top: 30px;
    }

    .HomePage .home-banner .inner h2.sm_blue {
        font-size: 18px;
    }

    .HomePage .home-banner .inner h3 {
        font-size: 18px;
    }

    .HomePage .home-banner .content .hero-door,
    .HomePage .home-banner .content .hero-door:last-child {
        float: none;
        width: auto;

        margin-bottom: 20px;
    }

    .HomePage .home-banner .content .hero-door h5,
    .HomePage .home-banner .content .hero-door p {
        font-size: 14px;
    }

    /**** Generic Content ****/
    .page-banner .inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    #Content .leftColumn,
    #Content .centerColumn,
    #Content .rightColumn {
        float: none;

        left: auto;
        right: auto;

        width: auto;
    }

    #Content .leftColumn + .centerColumn,
    #Content .leftColumn + .rightColumn,
    #Content .centerColumn + .rightColumn,
    #Content .centerColumn + .leftColumn {
        margin-top: 5.16%;
    }

    #Content .centerColumn.feature-block {
        background-size: contain;
    }

    #Content .centerColumn.feature-block p.button-bar {
        bottom: 14%;

        transform: translateY(-50%);
    }

    /**** Home Page ****/
    .HomePage .doors .door {
        background-size: auto;

        float: none;

        width: auto;
        max-width: 430px;
        height: 205px;

        margin: 30px auto 0;
    }

    .HomePage .doors .door div p {
        bottom: 24%;

        transform: translateY(-50%);
    }

    /*** Our Partners and Lerners section ***/
    .our-partners-learners .learner-quotes {
        flex-direction: column;
    }

    .our-partners-learners .learner-quotes .quote:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .our-partners-learners .learner-quotes .quote:first-of-type {
        margin-right: 0px;
    }

    .our-partners-learners .partner-logos .partner-logo {
        width: 100%;
        text-align: center;
    }

    /**** Marketplace ****/
    .MarketplacePage .courses-grid {
        display: block;
    }

    .MarketplacePage #Form_FilterForm.visible,
    .MarketplacePage .courses-grid .course,
    .MarketplacePage #Form_FilterForm.visible + .courses-grid .course {
        width: auto;
    }

    .MarketplacePage #Form_FilterForm.visible {
        margin: 1.71%;
    }

    .MarketplacePage .categories-menu .inner {
        display: block;
    }

    .MarketplacePage .categories-menu .categoriesWrap,
    .MarketplacePage .categories-menu .rightButtons,
    .MarketplacePage .categories-menu .rightButtons.with-cart {
        max-width: 100%;
    }

    /**** Featured Courses ****/
    .featured-courses .featured-course {
        float: none;

        width: auto;
    }

    .featured-courses .featured-course + .featured-course {
        margin: 5.13% 0 0;
    }

    /**** Footer ****/
    #Footer .footer-column {
        float: none;

        width: auto;
    }

    /**** Widgets ****/
    .WidgetHolder.NewCoursesWidget ul.widget-controls li a {
        font-size: 18px;

        padding: 4px 5px;
    }

    /**** Landing Page ****/
    .LandingPage #Content .inner {
        margin-top: 0;
    }

    .LandingPage #Content .inner .centerColumn .door {
        float: none;

        width: auto;
    }

    .LandingPage #Content .inner .centerColumn .door + .door {
        margin: 5.16% 0 0;
    }

    /**** Remodal ****/
    .remodal-wrapper {
        padding: 45px 40px;
    }

    .remodal-close {
        top: 0;
        right: 0;
    }

    .remodal.next-steps-remodal li {
        float: none;

        margin: 0 auto;
    }

    .remodal.next-steps-remodal li + li {
        margin: 16px auto 0;
    }

    .remodal .iframe-wrap,
    .remodal .remodal-content {
        padding-left: 16px;
        padding-right: 16px;
    }

    /**** Upload Field ****/
    .ss-uploadfield .middleColumn {
        min-width: 0;
    }

    /**** LMS Base ****/
    .LMSBase #Content .leftColumn,
    .LMSBase #Content .centerColumn,
    .LMSBase #Content .rightColumn {
        float: none;

        left: auto;
        right: auto;

        width: auto;
    }

    .LMSBase #Content .leftColumn + .centerColumn,
    .LMSBase #Content .leftColumn + .rightColumn,
    .LMSBase #Content .centerColumn + .rightColumn,
    .LMSBase #Content .centerColumn + .leftColumn {
        margin-top: 5.16%;
    }

    /**** LMS Dashboard ****/
    .LMSDashboard #Content .leftColumn,
    .LMSDashboard #Content .centerColumn,
    .LMSDashboard #Content .rightColumn {
        float: none;

        left: auto;
        right: auto;

        width: auto;
    }

    .LMSDashboard #Content .leftColumn + .centerColumn,
    .LMSDashboard #Content .leftColumn + .rightColumn,
    .LMSDashboard #Content .centerColumn + .rightColumn,
    .LMSDashboard #Content .centerColumn + .leftColumn {
        margin-top: 5.16%;
    }

    /**** LMS Join Portal ****/
    .LMSJoinPortal .createColumn,
    .LMSJoinPortal .loginColumn {
        float: none;

        width: 100%;
    }

    .LMSJoinPortal .createColumn {
        margin-top: 40px;
    }

    /**** Engagement Menu Page ****/
    .EngagementMenuPage .engagement-category .category-toggle {
        display: block;

        position: absolute;
        top: 0;
        right: 0;

        font-size: 1em;
        color: #ffffff;

        width: 50px;
        height: 50px;

        text-align: center;

        line-height: 50px;
    }

    .EngagementMenuPage .engagement-category .category-toggle:hover,
    .EngagementMenuPage .engagement-category .category-toggle:active {
        text-decoration: none;
    }

    .EngagementMenuPage .engagement-category > .composite {
        display: none;
    }

    .EngagementMenuPage .engagement-category > .field.checkbox.category-title {
        padding-right: 60px;
    }

    .EngagementMenuPage .engagement-subcategory {
        float: none;

        width: auto;

        margin-left: 0;
    }

    /**** LMS Webinars ****/
    .LMSWebinars #webinar-view-types,
    .LMSWebinars #calendar-view,
    .LMSWebinars #list-view .webinar.has-image a.img-link {
        display: none;
    }

    .LMSWebinars .webinars-header {
        margin-bottom: 32px;
    }

    .LMSWebinars .webinars-header .view-header,
    .LMSWebinars .webinars-header .webinar-category-wrap,
    .LMSWebinars .webinars-header .archive-link,
    .LMSWebinars.Webinar .has-image .webinar-image,
    .LMSWebinars.Webinar .has-image .webinar-details {
        float: none;

        width: auto;
    }

    .LMSWebinars .webinars-header .webinar-category-wrap {
        margin-top: 20px;
        padding-top: 0;
    }

    .LMSWebinars .webinar-category-drop {
        display: block;

        margin-left: 0;
    }

    .LMSWebinars .webinars-header .archive-link {
        display: inline-block;

        margin-top: 20px;
    }

    .LMSWebinars #list-view {
        display: block;
    }

    .LMSWebinars.Webinar .has-image .webinar-image {
        margin-top: 32px;
    }

    .LMSWebinars #list-view .webinar.has-image h4,
    .LMSWebinars #list-view .webinar.has-image h5,
    .LMSWebinars #list-view .webinar.has-image p {
        margin-left: 0;
    }

    .ss-gridfield-orderable .col-reorder .handle .icon {
        top: 50% !important;
    }

    /*** Form_EngagementMenuForm ***/
    #Form_EngagementMenuForm_error.good {
        font-size: 1.5em;
        padding: 20px 10px !important;
    }
}

@media only screen and (max-width: 685px) {
    /**** HTML Editor Field ****/
    .LMSBase .htmleditor .mceToolbar > tbody > tr > td {
        display: table-row;

        float: left;
    }

    /**** Resilience Dashboard ****/
    .resilience-form div.likert-question {
        display: block;
    }

    .resilience-form div.likert-question ul {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 500px) {
    form input.text,
    form textarea,
    form select,
    form .ss-gridfield-editable select.dropdown,
    form .field.readonly span.readonly {
        width: 100%;
        max-width: 400px;

        box-sizing: border-box;
    }

    /**** LMS Webinars ***/
    .LMSWebinars .inner .webinar {
        float: none;

        width: auto;

        margin-left: 0 !important;
    }

    /**** LMS Marketplace ****/
    .LMSMarketplace #Form_CouponAddForm .btn-toolbar {
        margin: 1.3em 0 0 0px;
        clear: left;
    }

    /**** Resilience Dashboard ****/
    .resilience-form .likert-question ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .resilience-home .chart-info-wrap {
        display: none;
    }
}

/**** Retina displays ****/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2) {
    #Header .logo a {
        background-image: url(./../images/logo@2x.png);
        background-size: contain;
    }

    form .htmleditor .defaultSkin .mceIcon,
    #mce_fullscreen_container .defaultSkin .mceIcon {
        background-image: url(./../images/tinymce-icons@2x.gif);
        background-size: 1000px auto;
    }

    .LMSCourseManager .star-ratings,
    .LMSCourseManager .ss-gridfield[data-name="Ratings"] .star-ratings {
        background-image: url(./../images/star-sheet@2x.png);
        background-size: 89px auto;
    }

    .WidgetHolder.NewCoursesWidget
        .new-courses
        .new-course
        .thumb.default-image {
        background: url(./../images/tc-logo@2x.jpg) no-repeat;
        background-size: 100% auto;

        max-width: 130px;
        padding-bottom: 100%;

        margin: 0 auto;
    }

    .WidgetHolder.NewCoursesWidget
        .new-courses
        .new-course
        .thumb.default-image
        img {
        display: none;
    }

    .MarketplacePage .courses-grid .course .thumb.default-thumb a {
        display: block;

        max-width: 175px;

        margin: 0 auto;
    }

    .MarketplacePage .courses-grid .course .thumb.default-thumb a:before {
        background: url(./../images/tc-logo-175@2x.jpg) no-repeat;
        background-size: 100% auto;

        display: block;

        content: "";

        max-width: 175px;
        padding-bottom: 100%;
    }

    .MarketplacePage .courses-grid .course .thumb.default-thumb img {
        display: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
    only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 991px),
    only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 991px) {
    #Header .logo a {
        background-size: 200px auto;
    }
}