.gpd-slider {
    max-width: 90%;
}

.column-container {
    display: flex;
    justify-content: space-between;
}
#responsive_menu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 33px;
    position: absolute;
    left: 0;
    top: 104px;
    z-index: -1;
}
#responsive_menu label {
    display: none;
    margin-left: 300px;
    width: calc(100% - 300px);
    font-size: 20px;
    line-height: 33px;
    color: white;
    text-align: center;
    cursor: pointer;
    transition: 300ms all linear;
}
#responsive_menu label:hover, #responsive_menu #menu_toggle:checked ~ label {
    background-color: rgba(0,0,0,0.35);
}
#responsive_menu #menu_toggle {
    display: none;
}
#responsive_menu #menu_toggle:checked ~ ul.links {
    display: block;
}
#responsive_menu ul.links {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #4E0032;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*#responsive_menu ul.links li:not(:first-child):before {*/
    /*content: "";*/
    /*border-bottom: 1px solid #333333;*/
    /*height: 0;*/
    /*display: block;*/
    /*width: 80%;*/
    /*margin: 0 auto;*/
/*}*/
#responsive_menu ul.links a {
    padding: 10px 30px;
    display: block;
    color: inherit;
    text-decoration: none;
    transition: 300ms all linear;
}
#responsive_menu ul.links a:hover {
    /*background-color: #004e89;*/
    background-color: rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 1200px) {
    header .callout-btns {
        left: 215px;
        top: 15px;
    }
    header h1 {
        top: 10px;
        left: 15px;
    }
    header h1 > a > img {
        width: 175px;
    }
    header ul.meta {
        bottom: 60px;
        left: 0;
        top: initial;
        margin-left: 10px;
    }
    header ul.meta li:last-child {
        display: none;
    }
    #nav {
        display: none;
    }
    #responsive_menu {
        z-index: 0;
    }
    #responsive_menu label {
        display: block !important;
    }
    .content-wrap.one-page {
        max-width: calc(100% - 50px);
    }
    .content-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-around !important;
        align-items: center;
        max-width: 100%;
    }
    .content-wrap.contact-us .container {
        flex-direction: column;
        justify-content: center ;
        align-items: center;
    }
    .contact-us .container .info {
        margin-bottom: 30px;
    }

    .contact-us .container .map {
        max-width: 80%;
    }

    .column-container {
        flex-direction: column;
    }

    section.banner {
        max-height: none;
    }

    .single-event-wrap .main-column .header h3:not(.tribe-events-month-event-title):not(.tribe-events-single-section-title):not(.tribe-events-visuallyhidden) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .single-event-wrap .main-column .header h3 .title {
        line-height: 30px;
    }
    .single-event-wrap h3 .date {
        position: initial;
        right: initial;
        text-align: initial;
        top: initial;
        line-height: 25px;
    }

    .pane.events {
        margin-top: 30px;
    }
    .pane.pills {
        margin-top: 30px;
    }
    .pane.mission-newsletter {
        display: none;
    }
    .pane.newsletter {
        display: flex;
        order: 4;
        margin-top: 20px;
    }
    .pane.events, .pane.buttons {
        height: auto;
    }
    .sub-menu .sub-menu-select {
        display: block !important;
    }
    .sub-menu .sub-menu-list {
        display: none !important;
    }

    .facility-card {
        width: 90% !important;
        height: 700px !important;
        flex-direction: column-reverse;
    }
    .facility-card .gpd-slider {
        /*display: none;*/
        max-width: 100%;
    }
    .facility-card .gpd-slider .slide {
        border-top-left-radius: 0;
    }

    .gpd-slider {
        height: auto !important;
    }
    .gpd-slider .slide {
        flex-direction: column;
    }
    .gpd-slider .slide .image {
        width: 100%;
        height: auto;
    }
    .gpd-slider .pager {
        bottom: 0 !important;
        left: 0;
        justify-content: center;
        width: 100%;
        padding: 0;
    }

    .content-wrap .sidebar {
        margin: 0 auto;
        width: 90%;
        order: 2;
    }
    .content-wrap .the-actual-content {
        margin: 0 auto !important;
        width: 90% !important;
        order: 1;
    }
    .activity-guides {
        flex-direction: column;
    }
    .activity-guides .activity-guide {
        margin-bottom: 30px;
    }

    footer ul.footer-meta {
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    footer .cols {
        justify-content: space-around;
    }
    footer .cols .nav {
        display: none;
    }
    footer .copyright {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 117px;
    }
    footer .copyright > img {
        display: none;
    }
    footer .footerbg.right-edge {
        display: none !important;
    }
}

@media screen and (max-width: 630px) {
    header .callout-btns {
        justify-content: space-around;
        width: calc(100% - 215px);
        left: 0;
        margin-left: 215px;
    }
    header .callout-btns a {
        display: flex !important;
        align-items: center !important;
    }
    header .callout-btns a > span {
        display: none;
    }
    .gpd-slider .pager {
        padding: 0;
    }
    .gpd-slider .pager > li > a {
        font-size: 20px !important;
    }
    .event-header .event-image .headline h3 {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
    }
    .banner .title-card .title {
        font-size: 30px;
        line-height: 30px;
    }

    .facility-card .content {
         min-width: initial !important;
    }
    .facility-card .content .details > * {
        padding: 0 !important;
        font-size: 11px !important;
    }
    .facility-card .content .details > *:hover {
        background: none !important;
        color: rgba(255,255,255,0.7);
    }
    .gpd-slider .pager {
        bottom: -10px !important;
    }
    table.gpd, table.tablepress {
        min-width: initial !important;
    }
}

/* ----- Nov 2021 Home Page Update ----- */
body.home section.content .home-page .buttons {
        display: none !important;
}

@media screen and (min-width: 1201px) {
    body.home section.content .home-page {
        flex-direction:  column;
        align-items:  center;
    }
    body.home section.content .home-page .events {
        width:  auto;
        margin-bottom: 8px;
    }
    body.home section.content .home-page .events ul.event-list {
        column-count:  2;
        margin-top:  10px;
    }
    body.home section.content .home-page .pills {
        flex-direction:  row;
        justify-content: space-between;
        width:  auto;
    }
    body.home section.content .home-page .pills {
        flex-direction:  row;
        justify-content: space-between;
        width:  100%;
    }
    body.home section.content .home-page .pills a.pill {
        width: 250px;
    }
    body.home section.content .home-page .pills a.pill .label {
        width: 40%;
    }
    body.home section.content .home-page .pills a.pill:hover .label,
    body.home section.content .home-page .pills a.pill:active .label  {
        width: 100%;
    }
    body.home section.content .home-page .mission-newsletter {
        width:  100%;
        position: unset;
    }
}