.carousel-indicators {
    z-index: 1000;
}
@media (min-width: 3000px){
    .steel-gradient { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333940+67,ffffff+67,ffffff+67 */
        background: #333940; /* Old browsers */
        background: -moz-linear-gradient(left, #333940 67%, #ffffff 67%, #ffffff 67%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333940 67%,#ffffff 67%,#ffffff 67%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333940 67%,#ffffff 67%,#ffffff 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333940', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }
}
@media (min-width:2000px) {
    .custom-nav .carousel-indicators {
        bottom: -100px;
    }
  /*  .navcarouselheight .carousel-indicators {
        margin-bottom: -20px;
    }*/
    .modal-header h4 {
        max-width: 730px;
    }
    .social-links.third-social {
        margin-top: 250px;
    }
    .featured-carousel .carousel-item {
        min-height: 100px;
        max-height: 240px;
    }

    .featured-carousel .carousel-indicators {
        bottom: 0;
    }
    .featured-carousel .carousel-inner {
        min-height: 100px;
    }
    .portal {
        background-position: center;
    }
    .lions {
        min-height: 360px;
        max-width: 100%;
        background: url(../images/home/LionsBackgroundlg.jpg);
        background-size: cover;
        margin-top: -20px;
        background-position: center;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1900px;
    }
    .col-6.over-lap {
        margin-left: -90px;
        min-width: 800px;
    }
    .push-carousel-left {
        margin-left: 15%;
    }
    ul.pure-js-carousel-dots {
        display: none;
    }
        .col-6.blue-deeper-background.float-end {
        max-width: 700px;
        left: 50%;
    }
    .carousel-inner, .carousel-item {
        min-height: 35vh;
    }
    .logo-partners.partner-3 {
        transform: translateX(-70px);

    }
}
@media (max-width:2900px) {
    .carousel-inner, .carousel-item {
        min-height: 30vh;
    }
}
@media (max-width:2000px) {
    .col-6.over-lap {
        margin-left: -60px;
        min-width: 785px;
    }
    .card-body {
        min-height: 440px;
    }
}

@media (max-width: 1920px), (max-height: 801px) {
    .text-end {
        margin-top: -20px;
    }
    .custom-nav .carousel-indicators {
        bottom: 0; /*-75px;*/

    }
    .custom-nav .carousel-inner, .carousel-item {
        min-height: 35vh;
    }

    .custom-nav.show-me {
        min-width: 70vw;
        max-width: 70vw;
    }
    .custom-nav a {
        font-size: 1.3rem;
    }
    }
@media (max-width:1920px), (max-height: 1081px) {
    .carousel img {
        margin-bottom: 60px;
    }
    .modal-header h4 {
        max-width: 700px;
        display: inline-block;
        padding: 5px;
    }
    .lions {
        min-height: 400px;
        background: url(../images/home/SmallerLionsBackground.png);
        margin-bottom: -35px;
    }
    .custom-nav .carousel-inner, .carousel-item {
        min-height: 500px;
    }
   
    .btn-group {
        margin-top: 30px;
        margin-bottom: 55px;
    }

    .custom-nav .carousel-indicators {
        bottom: 80px;
    }

    #carouselExampleIndicators .carousel-indicators {
        bottom: 0; /*75px;*/
    }

    .brush-stroke {
        margin-top: -10px;
        z-index: 9;
    }
    #carouselExampleCaptions .carousel img {
        max-width: 545px;
    }
  /*  .carousel img {
        margin-bottom: 35px;
    }*/
}

/*@media (max-width:1620px), (max-height: 2160px) {
    .lions {
        min-height: 360px;
        background: url(../images/home/LionsBackgroundlg.jpg);
        margin-top: -20px;
    }
}*/

/*Ipad included*/

@media (min-aspect-ratio: '4/3') {
    .search-bar {
        margin-left: 75px;
    }
    img.search-icon {
        margin-left: 200px;
    }
}

@media (max-width: 1370px) {
    div#carouselExampleCaptions {
        min-height: 85%;
    }

    .logo-menu {
        width: 115px;
    }

    .custom-nav .carousel-inner, .carousel-item {
        min-height: 50vh;
    }

    .portal {
        background-position: right;
    }
}

    @media (max-width: 1367px) {
        button.btn.steel-btn.text-white {
            max-width: 270px;
            min-width: 270px;
        }

        .custom-nav .carousel-inner, custom-nav .carousel-item {
            min-height: 60vh; 
        }

        div#carouselExampleIndicators .carousel-inner, div#carouselExampleIndicators .carousel-item {
            min-height: 35vh; /*60vh;*/
        }

        .logo-partners.partner-3 {
            max-width: 180px;
        }
        h2.police-week {
            padding: 0 25px 50px 25px;
        }
    }
    @media (max-width:1920px){
        .before-you-leave .carousel-inner, .before-you-leave .carousel-item {
            min-height: 11vh;
        }
       
    }
    @media (max-width:1488px){
        /*.custom-nav .carousel-inner, .carousel-item {
            min-height: 85vh;
        }*/

        .custom-nav .carousel-inner, .custom-nav .carousel-item {
            min-height: 35vh;
        }
    }
    @media (max-width: 1280px){
        .before-you-leave .carousel-inner, .before-you-leave .carousel-item {
            min-height: 19vh;
        }
        img.brush-stroke.flip-horizontally {
            margin-top: -13px;
        }
        .poster .bg-hover {
            width: 100%;
        }
        .logo-partners.partner-4 {
            max-width: 230px;
        }
    }
@media (min-width:1200px) {
    .le-appreciation {
        padding-top: 8%;
    }
    .logo-partners.partner-3 {
        transform: translateX(-31px);
    }
}
@media (max-width:1024px) {
   
        div#navbarToggleExternalContent2 {
            overflow-y: scroll;
            max-height: 100%;
        }
        div#carouselExampleCaptions {
            min-height: 55%;
        }
        .logo-menu {
            width: 80px;
        }
        a.btn.btn-details.card-ch.blue-background.white-text {
            width: 91%;
        }
        .poster .bg-hover {
            width: 100%;
        }
        .portal{
            background-image: url(../images/discover/ElearningDashboardMobile.jpg)
        }
        button.btn.steel-btn.text-white {
            max-width: 210px;
            min-width: 210px;
        }
        .logo-partners.partner-4 {
            max-width: 230px;
        }
    }
    /*Mobile ipad*/

    @media (max-width:980px) {
        .navbar-collapse.collapse.d-sm-inline-flex.justify-content-end {
            display: none !important;
        }
        .eventbg .col-md-3 {
            background: none;
        }
        #calendar .calendar-view .day.grid {
            min-height: 9vw;
        }

            #calendar .calendar-view .day.grid h5 small {
                display: none;
            }

            #calendar .calendar-view .day.grid .events-holder a {
                width: 25px;
                height: 25px;
                border-radius: 15px;
                margin-right: 2px;
            }

            #calendar .calendar-view .day.grid .events-holder .course-name {
                display: none;
            }

        #calendar .calendar-view .day.calendar-prior-months-date h5 small {
            display: none;
        }
        img.search-icon {
            width:15px;
            height:20px;
            
        }
        .custom-nav.show-me {
            min-height: 100vh;
            min-width: 100vw;
            max-width: 100vw;
        }
            .describe-resource img.custom-resouce-image {
            max-width: 75%;
        }
        .order-posters .poster .card {
            margin-bottom: 20px;
        }
        .order-posters .col-3.all-cards.poster {
            width: 48%;
        }
        .order-posters .poster .bg-hover {
            width: 100%;
            min-width: 300px;
        }
        .col.col-5.access {
            width: 55%;
        }
        section.steel-background.instructor .col-5 {
            width: 20%;
        }
        .steel-background.instructor .col-3 {
            width: 25%;
            padding: 0px;
        }


        section.steel-background.instructor span.line {
            width: 70%;
        }
       

        .col.col-3.posters {
            width: 45%;
        }

        .steel-gradient .col-md-9 {
            width: 70%;
        }

        .col.col-4.featured-card {
            width: 100%;
        }

        .featured-card .carousel-inner, .featured-card .carousel-item {
            min-height: 20vh;
        }
        button.btn.steel-btn.text-white {
            max-width: 270px;
            min-width: 270px;
        }
        .card.dark-card {
            margin: 10px;
        }
        .col-4 {
            padding: 0;
        }
        span.mobile-callout{
            display: none;
        }
        section.blue-blue-gradient-background.sub-top .col-5 {
            width: 55%;
        }
        section.blue-blue-gradient-background.sub-top .col-4 {
            width: 40%;
        }
        a.mobile-link.link-local {
            display: inline-block;
            min-width: 175px;
        }
        .mobile-callout{
            display:none;
        }
        .col-4 {
            width: 50%;
        }
        .nav-library .col.col-7 {
            width: 35%;
        }
        .nav-library .col.col-2 {
            width: 25%;
        }
        .nav-library .col.col-3 {
            width: 37%;
        }
        .collection-resources .col-3 {
            width: 50%;
        }
        .center.container {
            margin: 0;
            min-width: 100%;
        }
        ul.accordion li a {
            text-shadow: 3px 6px 5px #000;
            display: inline-block;
            font-size: 2.3rem;
            margin-top: 50px;
        }
        .active a.title-li {
            margin-top: 0;
            transition: .3s ease all;
        }
        section.blue-blue-gradient-background.sub-top .col-10 {
            max-width: 60%;
        }
        section.blue-blue-gradient-background.sub-top .col-2 {
            width: 40%;
        }
        ul.accordion li.active {
            min-height: 500px;
        }
        ul.accordion.mobile-explore li.active {
            min-height: 290px !important;
        }
        ul.accordion.mobile-explore li {
            min-height: 290px !important;
        }
        ul.accordion {
            display: block;
            text-align: center;
            max-width: 100%;
        }
        ul.accordion li {
            min-height: 400px;
            width: 100%;
        }
        span.line.lighter {
            display: none;
        }
        .steel-background .col-3 {
            width: 50%;
            padding: 0px;
        }
        .col-6.over-lap {
            margin-left: 0;
            max-width: 100%;
            min-width: 100%;
        }
        .col-6.blue-deeper-background.float-end {
            min-width: 100%;
            margin-top: -15px;
            position: relative;
        }
        .card.dark-card {
            min-height: 300px;
        }
            .logo-partners.partner-2, .logo-partners.partner-1, .logo-partners.partner-3 {
            max-width: 130px;
        }
        nav.navbar.navbar-light.bg-light.border-bottom.box-shadow.mobile {
            display: inline-block;
        }
        button.search-holder {
            background-color: none;
            display: inline-block;
            width: 45px;
            float: none;
        }
        .col.text-right {
            width: 100%;
        }
        .col-6.text-center.menuboxes {
            margin: 20px;
        }
        .search-bar form, img.search-icon {
            background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
        }
        input#site-search {
            float: none;
            width: 50%;
            border: solid 2px;
            opacity: 1;
            display: inline-block;
        }
        nav.navbar.navbar-light.bg-light.border-bottom.box-shadow.mobile {
            margin-top: 50px;
        }
        div#navbarToggleExternalContent.mobile {
            margin-top: 265px;
        }
        .mobile-noshow {
            display: none !important;
        }
        .custom-nav .col-8 {
            width: 45%;
        }
        .col-4.carouselcol {
            width: 55%;
        }
        .lions {
            min-height: 550px;
            background: url(../images/home/iPadLionsBackground.png);
            margin-bottom: -35px;
        }

        .btn-group {
            display: block;
        }

        .brush-stroke {
            margin-top: -10px;
        }

        /*.carousel-item {
            min-height: 47vh;
        }*/

        .custom-nav .carousel-item {
            min-height: 47vh;
        }

        .social-links.first-social {
            margin-top: 100px !important;
            margin-left: 650px!important;
            left: 0;
        }

        .social-links.second-social {
            margin-top: 95px;
        }
        
        .social-links.third-social {
            margin-top: 130px;
        }
       
        img.aura {
            opacity: .1;
            z-index: -1;
        }
        a.footer-partners img {
            max-width: 100%;
        }

        .ad-home {
            width: 85%;
        }
        .social-links {
            margin-top: 151px;
        }
        .carousel p {
            line-height: 2rem;
            font-size: 1.3rem;
        }

        footer .row a.link-ext {
            display: inline;
            max-width: 55px;
            text-decoration: none;
        }

        .carousel-item .first {
            padding-left: 25px;
        }

        img.logo-graphic {
            opacity: .4;
        }

        button.js-cm-submit-button.btn.btn-standard {
            margin-top: 15px;
        }

        img.aura {
            opacity: .1;
        }
        .search-browse-bar h5.white-text:before, .search-browse-bar h5.white-text:after {
            width: 15%;
        }
        .describe-resource .col-3 {
            width: 40%;
        }
        .describe-resource .col-9 {
            max-width: 50%;
        }
        .instructor-card {
            width: 32%;
        }
        .resource-cards {
            flex-direction: column;
        }
        .resource-cards .col-md-3 {
            width: 45%;
            margin-bottom: 40px;
        }
    }
@media (min-width: 768px) {
    .footer-disclaimer {
        margin-top: 25px;
    }
}
@media only screen and (device-width: 768px) {

    .search-bar {
        margin-left: 75px;
    }
    section.steel-background.what-sets .col-3 {
        width: 50%;
    }
    section.blue-blue-gradient-background.sub-top .col-10 {
        max-width: 100%;
    }
    section.blue-blue-gradient-background.sub-top .col-10 {
        width: 100%;
    }
    ul.navbar-nav.flex-grow-1.justify-content-end {
        display: none;
    }
    .row.social-footer a {
        text-decoration: none;
        display: inline;
        max-width: 55px;
    }
    .create-collection .form-group.col-5 {
        width: 30%;
    }
    .row.social-footer a {
        display: inline-block;
    }
    .row.social-footer {
        display: inline-block;
    }
    .before-you-leave .col-md-6 {
        width: 50%;
    }
    img.brush-stroke.flip-horizontally {
        margin-top: -10px;
    }
    section.steel-background .col-5 {
        width: 20%;
    }
    .steel-background .col-3 {
        width: 20%;
    }
    section.steel-background span.line {
        width: 70%;
    }
        .eventbg .col-md-3 {
        width: 35%;
    }
    .eventbg .col-md-6 {
        width: 30%;
    }
    span.line {
        width: 70%;
    }
        .brush-stroke {
        margin-top: -5px;
    }
    .featured-card .carousel-inner, .featured-card .carousel-item {
        min-height: 23vh;
    }
    /* For general iPad layouts */
    .lions {
        min-height: 550px;
        margin-bottom: -35px;
    }
    .collection-resources .modal-content .col-3 {
        width: 35%;
    }
    .collection-resources .modal-content .col-9 {
        flex: 0 0 auto;
        width: 65%;
    }
    .steel-gradient {
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        background: #333940;
        background: -moz-linear-gradient(to right, #333940 55%,#333940 55%,#333940 70%,#ffffff 69%);
        background: -webkit-linear-gradient(to right, #333940 55%,#333940 55%,#333940 70%,#ffffff 69%);
        background: linear-gradient(to right, #333940 55%,#333940 55%,#333940 70%,#ffffff 69%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333940', endColorstr='#ffffff',GradientType=1 );
    }
    .collection-resources .modal-header .float-left {
        width: 60%;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}
@media (max-width: 767px) and (min-width:601px){
    .featured-card .carousel-item h5 {
        top: 80px;
    }
    .featured-card .carousel-control-prev, .featured-card .carousel-control-next{
        z-index: 15;
    }
}
    /*Mobile phones*/

    /* This was (max-width:600px) which messed up some pages (video...). Need to make sure this works everywhere else. */
@media (max-width:767px) {
    /* Conflicting styles: */
    .nav-library .col.col-7 {
        width: 44%;
    }

    .nav-library .col.col-3 {
        width: 30%;
    }

    ul.navbar-nav.flex-grow-1.justify-content-end {
        display: none;
    }

    .row.social-footer a {
        text-decoration: none;
        display: inline;
        max-width: 55px;
    }

    .row.social-footer a {
        display: inline-block;
    }

    .row.social-footer {
        display: inline-block;
    }
    /* End of conflicting styles. */

    button#fc-dayGridMonth-button {
        display: none;
    }
    .card-body {
        min-height: 425px;
    }
    button#fc-listMonth-button {
        border-radius: 3px;
    }
    .col-md-3 {
        margin-bottom: 20px;
        background: white;
    }
    .resource-section h1 {
        font-size: 2em;
    }
    section.steel-background.what-sets .col-3 {
        width: 100%;
    }
    img.video-home {
        max-width: 65%;
        margin-top: -25px;
    }
    img.about-info {
        margin: auto;
        max-width: 100%;
        display: block;
    }
    img.recover.mobile {
        max-width: 100%;
        display: block;
    }
    img.recover.mobile-none{
        display:none;
    }
    .fc-daygrid-dot-event .fc-event-title {
        min-width: 105px;
    }
    .webinars a.btn.teal-background {
        width: 200px;
    }
    h6.explore {
        text-align: center;
    }
    img.arrow-right {
        bottom: 10px;
    }
        img .video-home {
        max-width: 255px;
    }
    span.mobile-link {
        display: none;
    }
    .custom-nav a.inline {
        display: inline;
    }
    .custom-nav .carousel-indicators {
        bottom: -60px;
    }
    h5.text-end {
        margin-top: 65px;
    }
    .carouselcol{border-left:none;}
    div#navbarToggleExternalContent2 {
        min-width: 100vw;
        max-width: 100vw;
    }
    .modal-body.steel-gradient .col-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    .describe-resource .col-3 {
        max-width: 45%;
    }
    .describe-resource .col-9 {
        max-width: 55%;
    }
    .steel-gradient.describe-resource .col-md-9 {
        width: 100%;
    }
    .col-5.carouselcol {
        border: none;
    }
    .order-posters .col-3.all-cards.poster {
        width: 90%;
        margin: auto;
        display: block;
    }
    .container.order-posters table .btn-primary {
        margin-top: 10px;
    }
    .poster .card {
        display: inline-block;
        margin: 0;
    }
    .steel-background .tta .col-3 {
        width: 100%;
    }
    input#ShareEmailAddress {
        width: 65%;
    }
    .callout .col-3 {
        text-align: center;
    }
    img.logo-partners.partner-4 {
        max-width: 200px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .footer button.js-cm-submit-button.btn.btn-standard {
        margin-top: 15px;
    }
    span.text-white.intro-detail {
        font-size: 1.5rem;
    }
    .callout a.js-cm-submit-button.btn.btn-standard {
        margin-top: 0.2em;
        float: none;
        margin-left: 0;
        margin-right: 0 !important;
        margin-bottom: 40px;
    }
    .executives {
        background-position: top;
    }
    .before-you-leave .col-md-6 {
        width: 100%;
        position: relative !important;
        right: 0 !important;
    }
    span.hidden-info.more-info, .styled-between, span.hidden-info-2.more-info-2 {
        display: none;
    }
    .instructor h1.text-white, .instructor h2.text-white {
        padding-left: 10px;
    }
    .eventbg h1.card-title.mb-0.text-white {
        text-align: center;
        font-size: 2rem;
    }
    .eventbg h3.text-right.white-text {
        text-align: center;
        font-size: 2.3rem;
        padding-top: 20px;
    }
    .col.col-5.access {
        width: 100%;
    }
    .col.col-3.posters {
        width: 100%;
    }
    .featured-carousel {
        margin: 0px 10px;
    }
    .search-browse-bar h5.white-text:before, .search-browse-bar h5.white-text:after {
        border: none;
    }
    .steel-gradient p.text-white {
        padding: 5px 0;
        margin: 8px 0;
    }
    .collection-resources .modal-header {
        display: block;
    }
    .collection-resources .modal-content a.btn.btn-details.card-ch.teal-background.white-text {
        margin-top: 10px;
    }
    .collection-resources .modal-content .col-3 {
        width: 100%;
        color: white;
        margin-left: 0;
        padding-left: 10px;
    }
    .modal-content .float-left {
        float: none;
        min-width: 100%;
    }
    .featured-carousel .carousel-inner, .carousel-item {
        min-height: 27vh;
    }
    .steel-gradient {
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
        background: #333940;
        background: -moz-linear-gradient(left, #333940 66%, #333940 79%, #333940 79%, #333940 79%);
        background: -webkit-linear-gradient(left, #333940 66%,#333940 79%,#333940 79%,#333940 79%);
        background: linear-gradient(to right, #333940 66%,#333940 79%,#333940 79%,#333940 79%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333940', endColorstr='#333940',GradientType=1 );
    }
    .portal {
        background-image: url(/images/discover/ElearningDashboardMobile.jpg);
    }
    button.btn.steel-btn.text-white.help-1, button.btn.steel-btn.text-white.help-2, button.btn.steel-btn.text-white.help-3, button.btn.steel-btn.text-white.help-4 {
        background-color: #131950 !important;
    }
    .social-links {
        margin-top: 245px;
    }
    .float-end {
        width: 130px;
    }
    span.icons-switch-grid.grid, span.icons-switch-list.list {
        display: none;
    }
    img.share-this.first-share {
        margin-left: 30px;
    }
        .social-links.second-social {
            margin-top: 75px;
        }
        .social-links.third-social {
            margin-top: 12px;
            margin-left: 15px;
        }
    #carouselExampleIndicators .carousel-item h1, #carouselExampleIndicators .carousel-item p, #carouselExampleIndicators .carousel-item h2 {
        text-align: center;
        padding-left: 7px;
    }
    .small-container {
        margin: 0em 1em 0em;
    }
    .col-md-5.mobile-none {
        display: none;
    }
    .col-md-7.line-mobile {
        display: none;
    }
    .blue-background .col-3 {
        width: 50%;
    }
    .blue-background .col-7 {
        width: 60%;
    }
    .blue-background svg#Layer_1 {
        float: right;
    }
        .brush-stroke {
            margin-top: -5px;
            z-index: 9;
        }
    .nav-library .col.col-2 {
        width: 100%;
    }
    #Search_1_ path#Path_3 {
        fill: orange;
    }
    .nav-library h1 {
        font-size: 1.3rem;
    }
    .collection-resources .col-3 {
        width: 100%;
    }
    .col-3.all-cards {
        margin-left: 10px;
    }
    div#resourceListContainer {
        width: 100%;
    }
      
    #carouselExampleIndicators.featured-carousel .carousel-item {
        min-height: 240px;
    }
    .featured-collection h3.white-text {
        padding-left: 25px;
    }
    .img-featured {
        width: 30px;
        margin-top: -10px;
        margin-left: 25px;
    }
    .search-browse-bar.blue-background {
        padding-bottom: 20px;
    }
    .search-browse-bar h5 {
        padding-bottom: 0;
    }
    .col-4, .col-5, .col-6, .col-7, .col-3, .col-2, .col-1 {
        width: 100%;
    }
    ul.accordion li a {
        margin-top: 0px;
    }
    .blue-background .col-md-7 {
        width: 30%;
    }
    span.line {
        width: 50%;
    }
    .blue-background .col-2 {
        max-width: 45%;
    }
        section .blue-blue-gradient-background.sub-top .col-2 {
        width: 37%;
    }
    ul.accordion.mobile-explore li.active {
        min-height: 320px !important;
    }

    ul.accordion.mobile-explore li {
        min-height: 320px !important;
    }
    input#site-search {
        width: 75%;
    }
    nav.navbar.navbar-light.bg-light.border-bottom.box-shadow .container {
        padding: 0;
    }
        .custom-nav a {
        font-size: 1.2rem;
        padding: 3px;
    }
    .col-4.carouselcol {
        padding: 0 45px;
    }
    .logo-menu{
        width:35%;
    }
    .custom-nav .col-8 {
        width: 100%;
    }
    a.social {
        display: none;
    }
    .col-4.carouselcol {
        width: 100%;
    }
    img.ad-home {
        max-width: 80%;
    }
    .col.col-5 {
        padding-top: 20px;
    }
    img.youtube-home {
        margin-top: -10px;
    }
    a.brush-posters-btn.brush-btn.first {
        width: 300px;
    }
    .col.col-7, .col.col-2, .col-2 {
        width: 100%;
    }
    .col.col-6 p, .col.col-6 h2 {
        padding: 0 25px;
    }
    a.footer-nav.steel-text {
        padding-left: 0;
    }
    svg#Component_2, svg#Component_3, svg#Component_4 {
        max-width: 30px;
        padding: 0px;
    }
    nav.navbar.navbar-light.bg-light.border-bottom.box-shadow a {
        padding: 10px;
    }
    .left-border{border:none;}
    button.btn.steel-btn.text-white {
        border-radius: 12px !important;
        background-color: rgba(19,25,80, .3) !important;
        margin-bottom: 12px;
    }
    .btn-group {
        margin-top: 0;
    }
    section.lions {
        padding-top: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    div#navbarToggleExternalContent2 {
        overflow-y: auto;
        max-height: 300px;
    }

    .col-8 {
        width: 100%;
    }
    .bg-light {
        padding-bottom: 20px;
    }
    .navbar-light .col.text-center {
        text-align: left !important;
    }
    .menuboxes {
        width: 100%;
        margin: 10px;
    }
    button.js-cm-submit-button.btn.btn-standard {
        margin-top: -5px;
    }
    p {
        white-space: normal;
    }
    .col-5.text-wrap, 
    .col.text-wrap.left-border {
        padding: 0 25px;
        display:block;
        width:100%;
    }
    a.footer-partners img {
        max-width: 200px;
        margin: 20px auto;
        display: block;
    }
    a.footer-partners.bja img{
        border-right: none;
    }
    img.ad-home {
        margin-top: -25px;
        max-width: 45%;
    }
      
    .graphic-home {
        margin-top: -80px;
    }
    #carouselExampleIndicators .carousel-item {
        min-height: 875px;
    }
    .custom-nav .carousel-inner, .carousel-item {
        min-height: 300px;
    }
    img.aura{
        display:none;
    }
    .lions {
        min-height: 800px;
        background: url(../images/home/MobileLionsBackground.png);
        margin-bottom: -55px;
    }
    .col.col-6, .row-cols-3 > *, .col.col-5, col.col-7 {
        width: 100%;
    }
    a.navbar-brand img {
        max-width: 260px;
    }
    section.blue-blue-gradient-background.sub-top .col-10 {
        width: 100%;
        max-width:100%;
    }
    section.blue-blue-gradient-background.sub-top .col-2 {
        width: 100%;
    }
    .center.container.train-accordion {
        padding: 0;
    }
       
    span.mobile-callout hr {
        margin: 6px 0px;
        background-color: #fff;
    }
    span.mobile-callout.text-center {
        display:block;
        color: white;
        font-size: 1.3rem;
        text-align: center;
        text-decoration: none;
    }
    .card-surround {
        min-height: 240px;
    }
    .small-container {
        margin: auto;
    }
    .partner-title{
        text-align:center;
    }
    a.navbar-links.link-ext {
        text-align: center;
    }
    .row {
        margin: auto;
        width: 100%;
    }
    .clearinghouse-card .col-12 {
        padding: 0;
    }
    .nav-library .col.col-7 {
        width: 44%;
    }

    .nav-library .col.col-3 {
        width: 30%;
    }

    ul.navbar-nav.flex-grow-1.justify-content-end {
        display: none;
    }
    .embed-responsive {
        width: 100%
    }
    .instructor-card {
        width: 49%;
    }
    .grey-background.about {
        padding-top: 0px;
    }
    .logo-partners.partner-3 {
        margin-top: 35px;
    }
}

@media (max-width: 600px) {
    .nav-library .col.col-3 {
        width: 30%;
    }
    .nav-library .col.col-7 {
        width: 70%;
    }
}

    @media (max-width: 500px){
        .social-links.first-social {
            /*            margin-top: 5px;
            margin-left: 5px;*/
            margin-top: -115px !important;
            margin-left: 330px !important;
        }
        .carousel img {
            margin-bottom: 80px;
        }
        .social-links.second-social {
            /*margin-top: -110px;*/
            margin-top: -90px !important;
            right: 15px !important;
        }
        .social-links.third-social {
            margin-top: -100px !important;
            margin-left: -5px !important;
        }
        .social-links.fourth-social {
            margin-top: -85px;
            margin-left: 0px;
        }
        .carousel-item .col-6 .width-90 {
            margin-bottom: 80px;
        }
        .footer button.js-cm-submit-button.btn.btn-standard {
            margin-top: 0;
        }
        button.fc-today-button.fc-button.fc-button-primary {
            margin-top: 5px;
        }
        button#dropdownMenuButton1 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .fc-toolbar-chunk {
            max-width: 100px;
        }
        .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
            margin-right: 15px;
        }
        .footer .col-2 {
            text-align: center;
        }
        .row.social-footer {
            text-align: center;
            margin: auto;
            display: block;
            white-space: initial;
        }
        .carousel-item .brush-btn.first {
            margin-left: auto;
            margin-right: auto;
        }
        a.brush-external.first {
            margin: auto;
        }
        .instructor-card {
            width: 100%;
        }
        .instructor-card img {
            max-width: 150px;
            width: 75%;
            border-radius: 50%;
        }
        .resource-cards .col-md-3 {
            width: 75%;
        }
    }
    @media (max-width:414px){
       
        a.js-cm-submit-button.btn.btn-standard.blue-background.white-text.link-local {
            margin-bottom: 20px;
        }
        .describe-resource video {
            min-height: 200px;
        }
    }
 @media (max-width:360px){
    section.selections-filters.steel-background.sticky-top-selections {
        min-height: 75px;
    }
    .footer button.js-cm-submit-button.btn.btn-standard {
        margin-top: 15px;
    }

 }  
@media (max-width: 337px){
    .featured-card .carousel-item h5 {
        top: 80px;
    }
}
@media (max-width:290px) {
    button.btn.steel-btn.text-white {
        max-width: 250px;
        min-width: 250px;
    }
    .col-9 {
        flex: 0 0 auto;
        width: 100%;
    }
    section.selections-filters.steel-background.sticky-top-selections {
        min-height: 75px;
    }
    h1.border-right {
        border: none;
    }
    .nav-library .col.col-7 {
        width: 100%;
    }
    .portal {
        background-image: url(/images/discover/ElearningDashboardMobileSmall.jpg);
    }
    a.navbar-brand img {
        max-width: 185px;
    }
}