@media screen and (max-width: 360px) {
    #wonderplugincarousel-2 .amazingcarousel-image::after {
        margin-top: -93% !important;
    }
}

@media screen and (max-width: 411px) {
    .directions-button-container {
        display: block !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 415px) {
    .amazingcarousel-title::after {
        content: "Tap for details \A Swipe to see more" !important;
        color: white;
        white-space: pre;
    }
}

@media screen and (min-width: 416px) and (max-width: 1023px) {
    /*instructs users on mobile to tap the circle to see information */
    .amazingcarousel-title::after {
        content: "Tap for details";
        color: white;
        white-space: pre;
    }
}

@media screen and (min-width: 600px) and (max-width: 1279px) {
    #wonderplugincarousel-2 .amazingcarousel-image::after {
        margin-top: -93% !important;
    }
}

@media screen and (max-width: 767px) {
    .so-much-to-do-icon:before {
        /*lines between must do zoo icons*/
        background: none;
    }

    /* Set up cross border for icons */
    #animals-icon,
    #membership-icon {
        border-bottom: 3px solid #e6e6e6;
    }

    #animals-icon,
    #videos-icon {
        border-right: 3px solid #e6e6e6;
    }

    #videos-icon,
    #conservation-icon {
        padding-top: 20px;
    }
    #for-parking-info {
        padding-top: 10px;
        margin: 0 auto;
        max-width: 258px;

    }
    .mobile-break {
        display: block;
        height: 0;
    }
    .map-search-button {
        width: 100% !important;
    }
    .map-search-container {
        width: 100% !important;
        padding-left: 10px;
        font-size: 11px;
    }

    #directions,
    #map-search-outer-container {
        max-width: 100% !important;
    }

    #map-search-button {
        float: none !important;
        margin-top: 10px;
    }
    .desktop-graphic-space {
        display: none;
    }
    #events_container {
        width: 100% !important;
    }
    #keeper-graphic {
        display: none;
    }
    #mobile-special-events {
        display: block;
    }

    #desktop-special-events {
        display: none;
    }
}

@media screen and (min-width:320px) and (max-width: 1100px) {
    @media screen and (min-width: 768px) {

        #events_container {
            margin-top: 0;
            padding-left: 28px;
        }
    }
    .map-search-container {
        width: 580px;
    }
    #test {
        margin-bottom: 0 !important;
    }

    #mobile-header {

        min-height: 550px;

    }


    #keeper-graphic {
        width: 74% !important;
    }

    /* Change panda background to fixed */
    .parallax_red_panda {
        background: url("/wp-content/uploads/2018/02/red-panda_img_3463cc-doodle-WEB.jpg") no-repeat center center;
        -webkit-background-size: 250%;
        -moz-background-size: 250%;
        -o-background-size: 250%;
        background-size: 250%;
        height: 400px;
    }

    .doodle {
        margin-bottom: -15px !important;
        position: absolute;
        bottom: 0;
    }

    #gradient {
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    /* Display the cropped bamboo for mobile */
    #bamboo_mobile {
        display: block;
    }

    /* Hide the bamboo for desktop */
    #bamboo_desktop {
        display: none;
    }

    /* Scale bamboo to the right size and placement */
    .bamboo {
        max-width: 125% !important;
        width: 125%;
        margin-left: -15%;
    }

    /* Adjust must do zoo text to fit smaller screens */
    .must-do-zoo {
        top: -387px;
        width: 100%;
        padding: 10px;

        text-align: center;
    }

    #must-do-arrow {
        /*arrow underline tagline*/
        height: 25px;
        width: 25px;
    }

    .amazingcarousel-hover .amazingcarousel-title::after {
        /*Remove tap for more in the hover */
        display: none;
    }

    /* Position title for mobile */
    .amazingcarousel-title {
        margin-top: 35px !important;
    }

    .tzoo-buttons.clear-button {
        font-size: 12px !important;
    }

    /*Mobile widget - from slider to accordion */
    #mobile-today-at-the-zoo,
    #mobile-find-us,
    #mobile-visitor-info,
    #mobile-widget-tickets {
        margin-bottom: 0 !important;
        margin-top: 15px;
        text-align: center;
    }

    #mobile-find-us,
    #mobile-visitor-info,
    #mobile-widget-tickets {
        display: none;
    }

    #widget_content {
        margin-top: 0 !important;
        margin-bottom: 35px !important;
    }

    #know-before-you-go,
    #parking-info {
        padding: 0 !important;
    }
    @media screen and (min-width: 1024px) {
        #know-before-you-go,
        #parking-info {
            padding: 0 30px !important;
        }
    }
    #today-at-the-zoo,
    #find-us {
        margin: 0 auto;
    }

    #map-container {
        display: none;
    }

    #get-here-container {
        margin-top: 25px;
        margin-bottom: 5px !important;
    }

    #search-div {
        margin-bottom: 25px !important;
    }

    #address-bold {
        font-size: 18px !important;
    }

    /* Set turtle background to fixed with bubbles as part of the actual photo */
    #parallax_turtle {
        background: url("/wp-content/uploads/2018/02/mobile-turtle-v2.png") no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        height: 100% !important;
        padding-top: 150% !important;
    }

    /* Hide individual animated bubbles */
    #turtle-doodle-desktop {
        display: none;
    }

    /* CSS for Widget Accordion */
    .ui-widget-content {
        border: none;
    }

    .accordions-head {
        border: none;
    }

    #accordions-1251 .accordion-icons {
        border-radius: 50%;
        padding: 7px 8px 5px 8px;
        margin-top: -28px;
    }

    /* Today at the Zoo */
    .head1519071108120 .accordion-icons {
        color: #95d600 !important;
        border: 2px solid #95d600;
    }

    #today-accordion-title {
        color: #95d600;
    }

    #mobile-schedule-title {
        display: block;
    }

    /* Find Us */
    .head1519070444601 .accordion-icons {
        color: #ee7623 !important;
        border: 2px solid #ee7623;
    }

    #find-us-accordion-title {
        color: #ee7623;
    }

    #map-container-xs iframe {
        width: 100% !important;
    }

    /* Hours and Parking */
    .head1519071817700 .accordion-icons {
        color: #00b0ad !important;
        border: 2px solid #00b0ad;
    }

    #visitor-info-accordion-title {
        color: #00b0ad;
    }

    /* Tickets */
    .head1519071964403 .accordion-icons {
        color: #a61f67 !important;
        border: 2px solid #a61f67;
    }

    #widget-tickets-accordion-title {
        color: #a61f67;
    }

    .admission-rates-container {
        text-align: center;
    }

    .admission-rates td {
        padding: .25em 1.5em .25em 0;
    }

    .admission-rates,
    .buy-tickets-image {
        z-index: 0 !important;
        height: auto !important;
        position: static;
    }

    #tickets-page-link {
        text-align: center !important;
    }

    #buy-tickets-button-container,
    .reciprocal-zoo-info {
        text-align: center;
    }

    .reciprocal-zoo-info {
        max-width: 80% !important;
    }

    .buy-tickets-button {
        margin-top: 10px;
    }

    .admission-rates-title {
        margin-left: 0;
        margin-bottom: 15px;
    }

    /* Overall Accordion */
    #accordions-1251 .accordion-content {
        color: #757575 !important;
    }
    #today-accordion-title,
    #find-us-accordion-title,
    #visitor-info-accordion-title,
    #widget-tickets-accordion-title {
        display: inline-block;
    }

    .ui-accordion .ui-accordion-icons {
        margin: 0 1em !important;
        border-radius: 0;
        padding-left: 0;
    }

    .ui-accordion .ui-accordion-icons:not(.head1519071108120) {
        border-top: 2px solid #e5e5e5 !important;
    }

    .ui-accordion .accordions-head {
        padding: 1em 0 1em 0 !important;
    }

    .accordions .accordions-head-title {
        padding: 0 !important;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2em;
    }

    #know-before-you-go .vc_column-inner,
    #find-us-container .vc_column-inner,
    #parking-info .vc_column-inner,
    #parking-map-links-container .vc_column-inner,
    #admission-rates-container .vc_column-inner,
    #buy-tickets-container .vc_column-inner {
        padding: 0;
    }

    .parking-headers {
        margin-bottom: 15px !important;
    }

    /* Set flamingo to fixed with feathers part of the actual picture */
    #parallax_flamingo {
        background: url("/wp-content/uploads/2018/02/bird-mobile.png") no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        height: 100% !important;
        padding-top: 150% !important;
    }

    #flamingo-doodle-desktop {
        display: none;
    }

    @media screen and (max-width: 768px) {
        #address-div {
            margin-top: 0 !important;
        }
        #so-much-to-see h2 {
            font-size: 1.2em !important;
        }
        #address-bold {
            font-size: 1.25em !important;
        }
        #map-search-container::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            content: "Starting address";
        }
        #map-search-container::-moz-placeholder {
            /* Firefox 19+ */
            content: "Starting address";
        }
        #map-search-container:-ms-input-placeholder {
            /* IE 10+ */
            content: "Starting address";
        }
        #map-search-container:-moz-placeholder {
            /* Firefox 18- */
            content: "Starting address";
        }
        #accordions-1251 .accordion-content {
            padding: 10px 26px !important;
        }

        #events_container .vc_column-inner {
            padding: 0 !important;
        }
    }

    @media screen and (min-width: 1024px) {
        .so-much-to-do-icon::before {
            content: "";
            background: #757575;
            position: absolute;
            bottom: 75px;
            left: -5px;
            height: 40%;
            width: 3px;
            border-radius: 2px;
        }
    }

    @media screen and (max-width: 1023px) {
        .must-do-zoo {
            padding-top: 50px !important;
        }

        #parking-map-container {
            margin: 0 auto;
        }
        #tickets-page-button,
        #reciprocal-zoo-button {
            width: 100%;
        }

        .directions-button-container {
            margin: 0 !important;
            width: 49%;
        }

        #ticket-space {
            display: none;
        }

        .directions-button.tzoo-buttons.blue-button {
            width: 100%;
            margin-top: 15px;
            margin-bottom: 5px;
        }

        #events_container,
        #parking-map-links-container,
            {
            width: 100% !important;
            margin-top: 0;
            padding-top: 35px;
        }

        /* Update Daily Events for mobile */
        .eme_events_list {
            padding: 0;
            margin: 0 !important;
        }

        .eme_events_list li table {
            margin: 0 auto !important;
        }

        #check-back-soon {
            margin: 0 auto;
            text-align: left !important;
            padding-top: 26px;
        }

        #check-back-soon p {
            max-width: 100% !important;
        }

        .special-events-button {
            max-width: 100%;
            width: 100%;
        }

        .today-at-the-zoo-space {
            display: none;
        }
    }

    @media screen and (min-width:376px) {
        .amazingcarousel-item-container {
            max-width: 90%;
            height: auto;
            margin: 0 auto !important;
        }

        .amazingcarousel-next {
            display: none;
        }

        .amazingcarousel-prev {
            display: none;
        }

        .swipe-for-more,
        #swipe-for-more-iphone {
            display: block;
            font-weight: bold;
            margin-top: -205px !important;
            font-size: 16px !important;
        }

        .amazingcarousel-readmore.double-line-title {
            margin-top: 5px !important;
        }

        #map-container-mobile {
            display: block;
        }

        #map-container-xs {
            display: none;
        }

        #so-much-to-see {
            padding: 25px !important;
        }
    }

    @media screen and (max-width:380px) {
        .swipe-for-more,
        #swipe-for-more-iphone {
            display: block;
            font-weight: bold;
            margin-top: -205px !important;
            font-size: 16px !important;
        }

        #map-container-xs {
            display: block;
        }
        #so-much-to-see {
            padding: 10px !important;
        }

        .swipe-for-more,
        #swipe-for-more-iphone {
            display: block;
            font-weight: bold;
        }
    }
}

/* tablet speciic */

@media screen and (min-width: 600px) and (max-width: 800px) {
    .must-do-zoo {
        padding-top: 123px !important;
    }
    #wonderplugincarousel-container-2 {
        padding-top: 25px !important;
    }
    #events_container {
        padding-left: 28px;
    }
    @media screen and (min-width: 600px) and (max-width: 767px) {
        #events_container {
            border-top: 3px solid #95d600;
            width: 100% !important;
            padding-top: 35px;
        }

        #events_container .vc_column-inne {
            padding: 0;
        }
        .amazingcarousel-item-container {
            max-width: 100% !important;
        }

        .amazingcarousel-prev,
        .amazingcarousel-next {
            display: none !important;
        }

        .swipe-for-more,
        #swipe-for-more-iphone {
            display: block !important;
            font-weight: bold;
        }

    }
    .bamboo {
        max-width: 110% !important;
        width: 110%;
        margin-left: -5%;
    }

    .parallax_red_panda {
        background-size: 175% !important;
        height: 500px !important;
    }

    .amazingcarousel-item-container {
        max-width: 95% !important;
    }

    #wonderplugincarousel-2 .amazingcarousel-prev {
        left: -2% !important;
        top: 45% !important;
    }

    #wonderplugincarousel-2 .amazingcarousel-next {
        right: -2% !important;
        top: 45% !important;
    }
    #parking-map-links-container {

        border-top: none !important;
        padding-top: 0 !important;
        margin-top: 0 !important;

    }
}

@media screen and (max-width: 800px) {
    #parking-map-links-container {
        border-top: 3px solid #00b0ad;
        padding-top: 35px !important;
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 767px) {
    .admission-rates-container {
        width: 100%;
    }
}