@media screen and (max-width:1024px) {
    .news_h2 {
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        color: var(--color-1);
        padding: 21px 7px 0 21px;
        display: block;
        font-size: 18px
    }

    .news_p {
        font-family: "Helvetica Neue";
        font-style: normal;
        font-weight: 400;
        font-size: 15.75px;
        line-height: 22px;
        padding: 0 0 0 20px;
        color: var(--color-1)
    }

    .seving_left {
        padding: 40px 23px 40px 40px;
        background-color: #7aaad4
    }

    .programs h3 {
        font-size: 40px;
        color: #fff;
        line-height: 1.5
    }
}

@media all and (min-width:951px) and (pointer:coarse) {
    .mega-menu--multiLevel>li {
        width: 33.33333333%
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul {
        left: 33.33333333%;
        width: -webkit-fill-available
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul ul {
        width: 100%;
        left: 100%
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup="true"]~ul {
        display: block;
        transform-origin: left;
        animation: flyout .2s ease-out
    }

    .mega-menu--multiLevel li:focus-within>[aria-haspopup="true"]~ul {
        display: block
    }

    .mega-menu--multiLevel li:hover>[aria-haspopup="true"],
    .mega-menu--multiLevel li:focus-within>[aria-haspopup="true"],
    .mega-menu--multiLevel li:hover>a,
    .mega-menu--multiLevel li:focus-within>a {
        background: #005dac;
        color: #fff
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul {
        background-color: #005dac;
        width: 100%
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul:hover,
    .mega-menu--multiLevel [aria-haspopup="true"]:hover {
        display: block;
        color: var(--color-5)
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul {
        position: absolute;
        top: 0;
        height: auto
    }

    .mega-menu--flat>* {
        flex: 1
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: none
    }
}

@media all and (min-width:951px) {
    .nav {
        margin-top: 50px;
        background: var(--color-5)
    }

    .nav>nav {
        max-width: 900px;
        margin: 0 auto
    }

    .menu [aria-haspopup="true"]~ul {
        display: none
    }

    .menu-bar {
        position: relative
    }

    .menu-bar>li>[aria-haspopup="true"]:after {
        background-image: url("../images/arrowBottom.svg")
    }

    .menu-bar>li>[aria-haspopup="true"]:focus~ul {
        display: flex;
        transform-origin: top;
        animation: dropdown .2s ease-out
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover {
        display: flex
    }

    .menu-bar>li:focus-within>[aria-haspopup="true"]~ul {
        display: flex
    }

    .mega-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%
    }

    .mega-menu:active {
        display: flex
    }

    .mega-menu a:active {
        background: var(--color-3)
    }

    .mega-menu--multiLevel>li {
        width: 33.33333333%
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul {
        left: 33.33333333%;
        width: -webkit-fill-available
    }

    .mega-menu--multiLevel>li>[aria-haspopup="true"]~ul ul {
        width: 100%;
        left: 100%
    }

    .mega-menu--multiLevel li:active>[aria-haspopup="true"]~ul {
        display: block;
        transform-origin: left;
        animation: flyout .2s ease-out
    }

    .mega-menu--multiLevel li:focus-within>[aria-haspopup="true"]~ul {
        display: block
    }

    .mega-menu--multiLevel li:active>[aria-haspopup="true"],
    .mega-menu--multiLevel li:focus-within>[aria-haspopup="true"],
    .mega-menu--multiLevel li:active>a,
    .mega-menu--multiLevel li:focus-within>a {
        background: #005dac;
        color: #fff
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul {
        background-color: #005dac;
        width: 100%
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul:active,
    .mega-menu--multiLevel [aria-haspopup="true"]:active {
        display: block;
        color: var(--color-5)
    }

    .mega-menu--multiLevel [aria-haspopup="true"]~ul {
        position: absolute;
        top: 0;
        height: auto
    }

    .mega-menu--flat>* {
        flex: 1
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: none
    }
}

@media screen and (max-width:991px) {
    .main-content {
        margin-right: 0
    }

    .top-btns {
        display: none
    }

    .kids-section {
        margin-top: 4rem
    }

    .top-nav-mob .dropdown-menu.submenu {
        height: 100vh;
        top: 0;
        right: -100% !important;
        width: 100%;
        left: unset;
        background-color: var(--color-3);
        padding: 20px !important
    }

    .top-nav-mob .dropdown-menu.submenu.overright {
        left: 0;
        right: 0 !important
    }

    .news-slider .slick-dots {
        bottom: -12px
    }

    .top-nav-mob .dropdown-menu.submenu.overright .dropdown-menu.sub-submenu {
        height: 100vh;
        top: 0;
        right: auto !important;
        width: auto;
        left: 110%;
        background-color: var(--color-3);
        padding: 20px !important;
        margin: 0 !important;
        top: -22px
    }

    .top-nav-mob .dropdown-menu.sub-submenu {
        height: 100vh;
        top: 0;
        right: -100% !important;
        width: 100%;
        left: unset;
        background-color: var(--color-3);
        padding: 20px !important
    }

    .t .top-nav-web {
        display: none
    }

    .top-nav-mob.navbar-collapse.justify-content-between.ps-0.mb-0.collapse:not(.show) {
        display: none
    }

    .search-btn {
        display: inline-flex
    }

    #myPopup,
    #mySearchPopup {
        display: none;
        position: fixed;
        top: 86px;
        right: 0;
        width: 100vw;
        left: 0;
        z-index: 4
    }

    #myExit {
        position: absolute;
        right: 1px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        background-color: red;
        top: 0;
        display: block;
        z-index: 1;
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        margin: 0 auto;
        padding: 0;
        line-height: 14px
    }

    form.search_form_2 input[type="submit"] {
        margin-top: 0
    }

    .site-search .row {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center
    }

    .news-page-section {
        margin-top: 5rem;
        margin-bottom: 3rem
    }

    .news-content-box h3 {
        font-size: 22px;
        max-width: unset;
        margin: 0;
        height: auto;
        display: block;
        text-overflow: unset;
        overflow: visible;
        margin-bottom: 16px
    }

    .news-card img {
        height: 100%;
        max-height: 200px;
        object-fit: contain
    }

    .news-content-box {
        padding: 2rem 0;
        max-height: unset;
        min-height: unset
    }

    .alfa {
        display: none;
        position: absolute;
        background: #fff;
        height: 372px;
        overflow: scroll;
        width: 54px
    }

    #alfaMenu {
        display: block
    }

    #alfaMenu.btn-secondary {
        color: var(--color-1);
        background-color: transparent;
        border-color: var(--color-1);
        border-radius: 0;
        border-bottom: 0;
        padding: 6px 12px
    }

    .data_main {
        min-height: auto height:auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px
    }

    .data_main_landing {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px;
        background: #7ad2d0
    }

    .data_main_landing_teens {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px;
        background: #7ad2d0
    }

    .data_main_landing_adults {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px;
        background: #005dac
    }

    .data_main_landing_lit {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        padding-top: .5rem;
        margin-top: -64px;
        background-color: #fdcf43
    }

    .data_main_landing_lit {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px;
        background: #fdcf43
    }

    .data_main_landing_lit h2 {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        text-align: center
    }

    .data_main_kids {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px
    }

    .data_main_teens {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px
    }

    .data_main_adult {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px
    }

    .data_main_lit {
        height: auto;
        position: unset;
        width: 100%;
        padding: 2rem 10px
    }

    .data_h2 {
        padding: 0 20px 0
    }

    .data_right {
        margin-top: 3rem;
        padding: 0 1rem
    }

    .data_right_landing {
        margin-top: 0;
        padding-left: 0;
        padding-bottom: 40px;
        padding-top: 1rem
    }

    .data_right_landing_teens {
        margin-top: 0;
        padding-left: 0;
        padding-bottom: 40px;
        padding-top: 1rem
    }

    .data_right_landing_adults {
        margin-top: 0;
        padding-left: 0;
        padding-bottom: 40px;
        padding-top: 1rem
    }

    .data_right_landing_adults p {
        color: #000
    }

    .data_right_landing_adults li {
        display: list-item;
        margin: 10px 0 3px;
        align-items: center;
        font-size: 18px;
        color: #000;
        font-size: 16px
    }

    .support-div img {
        height: 20px
    }

    .support-div h2 {
        font-size: 25px
    }

    .event-box.slick-slide {
        margin-bottom: 0 !important
    }

    .frds-page-section {
        margin-top: 6rem;
        margin-bottom: 0
    }
}

@media all and (max-width:991px) {
    .image-btn {
        max-height: 200px;
        max-width: 200px;
        padding: 10px;
        object-fit: contain;
    }

    .image-version {
        width: 200px !important;
    }

    .nav {
        padding: 20px
    }

    .navbar-expand-lg .navbar-collapse.top-nav-mob {
        display: flex;
        align-items: flex-start;
    }



    .navbar-expand-lg .navbar-collapse.top-nav-mob.collapse:not(.show) {
        display: none !important;
    }

    .menu-link {
        padding: 8px 25px !important;
        color: #000
    }

    #google_translate_element_mob {
        padding: 8px 25px
    }

    .close-icon {
        display: block
    }

    .mobile-menu-trigger,
    .mobile-menu-header,
    .mobile-menu-back-item {
        display: block
    }

    .mobile-menu-header {
        order: -1;
        background: var(--color-2)
    }

    .mobile-menu-header a {
        padding: 20px 25px;
        color: var(--color-5);
        visibility: visible
    }

    .menu-bar {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;

        transform: translateX(-100%);
        transition: transform .3s ease;

        overflow-y: auto;
        overflow-x: hidden;

        background-color: var(--color-7);
        box-shadow: 1px 0 2px rgba(0, 0, 0, .25);
    }

    .menu-bar.show {
        transform: translateX(0);
    }

    .menu-bar>li>[aria-haspopup="true"]~ul {
        display: flex;
        flex-direction: column;
        background: var(--color-7);
        position: absolute;
        left: 100%;
        top: 0;
        max-height: 100vh;
        width: 100%;
        transition: left .3s
    }

    .menu-bar>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul a {
        padding-left: 40px;
        background-color: #005dac
    }

    .menu-bar>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul>li>[aria-haspopup="true"]~ul a {
        padding-left: 80px
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"] {
        color: #000
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]~ul {
        max-height: 0;
        transform-origin: top;
        transform: scaleY(0);
        transition: max-height .1s;
        background: #005dac
    }

    .mega-menu-content {
        padding: 20px 25px
    }

    .mobile-menu-back-item {
        order: -1;
        display: flex;
        align-items: center
    }

    .mobile-menu-back-item a {
        color: var(--color-1);
        max-height: calc(1.4em+40px);
        margin-top: calc(0 -(1.4em+40px));
        pointer-events: none
    }

    .mobile-menu-back-item a:before {
        content: "";
        width: 14px;
        height: 12px;
        background-image: url("../images/arrowleft.svg");
        background-size: 14px;
        margin-right: 10px;
        display: inline-block
    }

    .mobile-menu-trigger:focus~ul {
        left: 0
    }

    .menu-bar:hover,
    .menu-bar:focus-within {
        left: 0
    }

    .menu-bar>li>[aria-haspopup="true"]:focus~ul {
        left: 0
    }

    .menu-bar>li>[aria-haspopup="true"]~ul {
        margin-top: calc(1.4em+40px)
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover,
    .menu-bar>li>[aria-haspopup="true"]~ul:focus-within {
        left: 0
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]:focus~ul {
        max-height: 500px;
        animation: dropdown .3s forwards
    }

    .menu-bar>li>[aria-haspopup="true"]~ul li:focus-within>[aria-haspopup="true"]~ul {
        max-height: 500px;
        transform: scaleY(1)
    }

    .menu-bar>li:focus-within~.mobile-menu-header a {
        visibility: hidden
    }

    .close-icon {
        margin-left: auto;
        padding: 20px
    }

    .seving_div {
        display: block;
        margin-top: 20px
    }

    .programs h3 {
        font-size: 30px;
        line-height: 50px
    }

    .seving_left {
        padding: 20px
    }

    .seving_right {
        padding: 10px
    }

    .programs {
        margin-top: 20px !important
    }

    .sevingg {
        margin-top: 30px
    }

    .accordion-button:not(.collapsed),
    .accordion-button {
        color: unset;
        background-color: unset;
        box-shadow: unset;
        display: flex;
        justify-content: unset
    }

    .accordion-body {
        padding: 20px
    }

    .accordion-button:not(.collapsed):after,
    .accordion-button:after {
        background-color: unset;
        padding: 10px
    }

    .accordion {
        margin-bottom: 2rem
    }

    .seving {
        margin-top: 30px
    }

    .calendar-page-section {
        margin-top: 7rem
    }
}
@media all and (max-width:991px) and (hover:none) {
    .mobile-menu-trigger:hover~ul {
        left: 0
    }

    .menu-bar>li>[aria-haspopup="true"]:hover~ul {
        left: 0;
        height: 100vh
    }

    .menu-bar>li>[aria-haspopup="true"]~ul:hover {
        left: 0
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]:hover~ul {
        max-height: 500px;
        animation: dropdown .3s forwards
    }

    .menu-bar>li>[aria-haspopup="true"]~ul [aria-haspopup="true"]~ul:hover {
        max-height: 500px;
        transform: scaleY(1)
    }

    .menu-bar>li:hover~.mobile-menu-header a {
        visibility: hidden
    }
}

@media screen and (max-width:767px) {
    html {
        overflow-x: hidden;
    }

    body {
        width: 100%;
    }

    #mosio-widget-container {
        max-width: 65px;
        overflow: hidden;
    }

    .web-sticky {
        display: none
    }

    .form-search {
        margin-bottom: 10px
    }

    .print-btns {
        margin-bottom: 20px
    }

    .fc-month-view {
        display: none
    }

    .mobileview {
        display: block
    }

    .events-section {
        padding: 2rem 0
    }

    .slick-next,
    .slick-prev {
        display: block
    }

    .event-box.slick-slide img {
        height: 300px;
        object-fit: cover;
        margin: auto
    }

    .seving_div_bt {
        display: block
    }

    .seving_left_landing h4 {
        text-align: center
    }

    .slick-prev {
        left: -10px
    }

    .slick-next {
        right: -10px
    }

    .fav-section {
        text-align: center
    }

    .fav-section-kids h1 {
        text-align: center;
        font-size: 25px
    }

    .slick-dots li button:before {
        font-size: 50px
    }

    .support-div {
        background-color: #f7a941;
        padding: 2rem 0
    }

    .slick-list {
        margin: 0 !important
    }

    .bottom-div {
        text-align: center
    }

    .bottom-div p {
        font-size: 12px
    }

    .bottom-div p.d-flex {
        justify-content: center
    }

    footer .mob-info {
        text-align: center
    }

    footer .mob-info .navbar-brand img {
        margin: 0 auto 1rem
    }

    footer .mob-info p {
        border-bottom: 1px solid;
        padding-bottom: 5px
    }

    footer h4 {
        margin: 20px 0 10px
    }

    .social {
        justify-content: center
    }

    .news_h2 {
        font-style: normal;
        font-weight: 400;
        line-height: 39px;
        color: var(--color-1);
        padding: 21px 7px 0 21px;
        display: block;
        font-size: 33px
    }

    ul {
        list-style: unset
    }
}

@media(max-width:767.98px) {
    .site-search {
        width: 100%;
        bottom: calc(40%)
    }
}

@media(max-width:768px) {

    #calendar-month-menu strong,
    .listcal .btn-outline-secondary {
        font-size: 12px
    }

    .views.active {
        background-image: -webkit-linear-gradient(#fafafa, #bcbcbc) !important
    }

    .mobileview .card-header {
        color: #fff
    }

    #calendar-month-menu {
        background-color: #000;
        color: #fff
    }

    .mobileview a {
        color: #29323d;
        background-image: -webkit-linear-gradient(white, #fafafa);
        background-image: -moz-linear-gradient(white, #fafafa);
        background-image: -ms-linear-gradient(white, #fafafa);
        background-image: -o-linear-gradient(white, #fafafa);
        background-image: linear-gradient(white, #fafafa);
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 20, 0.1);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        padding: 6px 12px;
        border: 0;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        -webkit-appearance: none
    }

    .mobileview .card .list-group {
        border-top: 1px solid #fff !important;
        border-bottom: 0
    }

    .mobileview .card .list-group-item {
        color: #fff
    }

    .fc-center {
        display: none
    }

    .data_main h2 {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        text-align: center
    }

    .data_main {
        min-height: auto width:100%;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .data_main_landing {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        padding-top: .5rem;
        margin-top: -64px;
        background-color: #00aaa6
    }

    .data_main_landing h2 {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        text-align: center;
        color: #fff
    }

    .data_main_landing p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main_landing_teens {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        padding-top: .5rem;
        margin-top: -64px;
        background-color: #e1653d
    }

    .data_main_landing_teens h2 {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        text-align: center
    }

    .data_main_landing_teens p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main_landing_adults {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        padding-top: .5rem;
        margin-top: -64px;
        background-color: #005dac
    }

    .data_main_landing_adults h2 {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        text-align: center;
        color: #fff
    }

    .data_main_landing_adults p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .main-content {
        margin-right: 0
    }

    .data_main_kids h2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .data_main_kids p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main_teens h2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .data_main_teens p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main_adult {
        margin-left: 0
    }

    .data_main_adult p {
        text-align: center
    }

    .data_main_adult h3 {
        text-align: center
    }

    .data_main_adult h2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .data_main_adult p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main_lit h2 {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .data_main_lit p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main p {
        justify-content: center;
        text-align: center;
        margin-right: 0
    }

    .data_main h3 {
        justify-content: center;
        text-align: center;
        margin-right: 0;
        color: #fff
    }

    .data_right {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .data_right_landing {
        padding-left: 2rem;
        padding-right: 2rem;
        background: #fff
    }

    .data_right_landing_teens {
        padding-left: 2rem;
        padding-right: 2rem;
        background: #fff
    }

    .data_right_landing_lit {
        padding-left: 2rem;
        padding-right: 2rem;
        background: #fff
    }

    .data_right_landing_adults {
        padding-left: 2rem;
        padding-right: 2rem;
        background: #fff
    }

    .kids-section {
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .landing-section-background-kids {
        padding-bottom: 0
    }

    .landing-section-background-teens {
        padding-bottom: 0
    }

    .landing-section-background-adults {
        padding-bottom: 0
    }

    .landing-section-background-lit {
        padding-bottom: 0
    }

    .bklttrs {
        padding-left: calc(50% - 40%)
    }

    .hiddenmobile {
        display: none
    }

    .img_pg {
        float: none;
        margin: auto;
        padding-left: 0
    }

    .data_right_img {
        padding-top: 1rem
    }

    .hiddenlrg iframe {
        display: block;
        margin: auto
    }
}

@media(max-width:576px) {
    .form-search input {
        width: 84%;
        box-sizing: border-box;
        background-color: var(--color-7);
        padding: 10px;
        border: 1px solid gray;
        border-right: 0;
        color: var(--color-6);
        outline: 0
    }

    .form-search button {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        background-color: transparent;
        margin-left: -4px;
        cursor: pointer;
        border: 0;
        outline: 0;
        width: 16%;
        float: right;
        border: 1px solid gray;
        border-left: 0;
        padding: 11px 12px
    }

    .search-wrap {
        width: 100%;
        max-width: 260px
    }

    header .navbar-brand .img-fluid {
        max-width: 140px !important
    }

    form.search_form_1 input[type="submit"] {
        width: 80px
    }

    form.search_form_1 .select_mate,
    form.search_form_1 .outer {
        display: none
    }

    form.search_form_2 input[type="search"] {
        border-left: 1px solid var(--color-1)
    }

    form.search_form_2 .select_mate,
    form.search_form_2 .outer {
        display: none
    }

    footer a,
    footer p,
    footer h4,
    footer h5 {
        text-align: center
    }
}

@media all and (min-width:992px) {
    .top-nav > .container {
        position: relative;
    }

    .top-nav .header-actions {
        order: 3;
        margin-left: auto;
    }

    .top-nav .top-btns {
        order: 4;
    }

    .top-nav #google_translate_element {
        order: 2;
    }

    .top-nav #mySearchPopup {
        display: none;
        position: absolute;
        top: 70px;
        left: 50%;
        width: min(600px, calc(100% - 40px));
        transform: translateX(-50%);
        z-index: 10;
        padding: 10px;
        background-color: var(--color-7);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .top-nav #mySearchPopup #myExit {
        display: block;
        position: absolute;
        top: -22px;
        right: 0;
        width: 22px;
        height: 22px;
        padding: 0;
        border: 1px solid #fff;
        background-color: red;
        color: #fff;
        font-size: 20px;
        line-height: 16px;
        text-align: center;
        z-index: 1;
    }
    
  
 

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        height: 100vh;
        background-color: var(--color-3)
    }

    header .navbar-expand-lg .navbar-collapse.top-nav-mob,
    .close-icon {
        display: none !important
    }

    .kids-section p {
        width: 50%;
        margin-left: calc(50% - 25%);
        margin-top: 0;
        font-size: 18px;
        text-align: center
    }

    .teens-section p {
        width: 50%;
        margin-left: calc(50% - 25%);
        margin-top: 0;
        font-size: 18px;
        text-align: center
    }

    .adults-section p {
        width: 50%;
        margin-left: calc(50% - 25%);
        margin-top: 0;
        font-size: 18px;
        text-align: center
    }

    .lit-section p {
        width: 50%;
        margin-left: calc(50% - 25%);
        margin-top: 0;
        font-size: 18px;
        text-align: center
    }

    .data_right_landing_adults li {
        display: list-item;
        margin: 10px 0 3px;
        align-items: center;
        font-size: 18px;
        color: #fff;
        font-size: 16px
    }

    .nav-item .sub-submenu {
        left: 300px !important;
        top: -8px !important;
        background-color: var(--color-6)
    }

    .data_main {
        top: 160px;
        height: auto;
        margin-left: 5rem
    }

    .data_main p {
        padding-left: 0;
        padding-top: 1rem
    }

    .data_main_kids {
        top: 160px;
        height: auto;
        margin-left: 5rem
    }

    .data_main_teens {
        top: 160px;
        height: auto;
        margin-left: 5rem
    }

    .data_main_adult {
        top: 160px;
        height: auto;
        margin-left: 5rem
    }

    .data_main_lit {
        top: 160px;
        height: auto;
        margin-left: 5rem
    }

    .data_main_landing_teens {
        margin-left: 6rem;
        box-shadow: 8px 21px 30px rgba(0, 0, 0, 0.38)
    }

    .data_main_landing_lit {
        margin-left: 6rem;
        box-shadow: 8px 21px 30px rgba(0, 0, 0, 0.38)
    }

    .data_main_landing {
        margin-left: 6rem;
        box-shadow: 8px 21px 30px rgba(0, 0, 0, 0.38);
        top: 170px
    }

    .data_main_landing_adults {
        margin-left: 6rem;
        box-shadow: 8px 21px 30px rgba(0, 0, 0, 0.38)
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto
    }

    .dropdown-menu>li:active {
        background-color: var(--color-3)
    }

    .dropdown-menu>li:active>.submenu {
        display: block;
        width: 100%;
        color: #fff
    }

    .dropdown-menu>li:active {
        background-color: var(--color-3)
    }

    .dropdown-menu>li:active>.submenu {
        display: block;
        width: 100%
    }

    top-text {
        width: 50%
    }

    #mySearchPopup {
        display: none
    }

    .hiddenlrg {
        display: none
    }

    .hiddenmobile iframe {
        display: block;
        margin: auto
    }
}

@media screen and (max-width:339px) {
    .form-search input {
        padding: 9.5px
    }

    .form-search button {
        margin-left: 0
    }
}

@media screen and (max-width:334px) {
    .form-search input {
        padding: 9px
    }
}

@media screen and (max-width:328px) {
    .form-search input {
        padding: 8.5px
    }
}

@media(max-width:991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: .7rem;
        margin-right: .7rem;
        margin-bottom: .5rem
    }
}

@media(max-width:800px) {
    .banner {
        background-image: url("../images/hero-img-mobile.jpg");
        background-position: center;
        height: 80vh;
        width: 100%;
        background-size: cover
    }
}