@media only screen and (min-width: 599px) and (max-width: 767px) {
    .logo {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header_section {
        padding: 0px;
        background-size: cover;
    }
    .banner_text {
        width: 100%;
    }
    .vist-park-txtBox.lbox:after{
        left: 443px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .audio-control-button{top: 75px !important;right: 27px !important}
    .header_section {padding: 0px;background-size: cover}
    .banner_text {width: 100%}
    .logo_mobile{width: unset}
    .victoria-park-weather, .victoria-park-timing{flex: 0 0 50% !important;}
    .weather-info{justify-content: start !important;}
    .park-timing-box{justify-content: end !important;}
    .victoria-park-weather{text-align: left !important;}
    .victoria-park-timing{text-align: right !important;}
    .gallery-bg-overlay{bottom: -160px !important}
    .vist-park-row:after{left: 50% !important;width: 1px !important}
    .responsiveGallery-btn_prev{left: 0 !important}
    .responsiveGallery-btn_next{right: 0 !important}
    .park-blog-box{height: 430px !important;margin-bottom: 0 !important;}
    .park-blog-box2{height: 200px !important}
    .park-blog-box2 .park-blog-author{flex-wrap: wrap;gap: 5px !important}
    .weekly-photo-box .col-md-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .park-map-row .col-md-4{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .page-banner-title{font-size: 37px !important}
    .park-page-title{font-size: 30px !important}
    .order-2col{order: unset !important;}
    .park-gallery-section .col-md-3{-ms-flex: 0 0 25%;flex: 0 0 50%;max-width: 50%}
    .park-futureVision-row:after{left: 53.4% !important;height: 100% !important}
    .park-attractions-sections .row .col-md-6{flex: 0 0 100% !important;max-width: 100% !important}
    .plant-tree-img-grid .order-2col{order: 2 !important;}
    .plant-tree-img-grid .col-md-4, .plant-tree-img-grid .col-md-8{flex: 0 0 100% !important;max-width: 100% !important}
    .footer-tablet-logo{display: block !important;}
    .footer-mob-logo{display: none !important;}
}
@media (max-width:768px){
    .logo{display: none}
}
@media (max-width:850px){
    .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    .park-page-title{
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 30px;
    }
    .park-content-txt{
        font-size: 14px;
        line-height: 24px;
        padding-top: 0;
    }
    .mob-pt-30{
        padding-top: 30px !important;
    }
    .mpt0{padding-top: 0 !important;}
    .footer-gov-info p, .gov-hyperlink-list li a {font-size: 14px}
    .footer-copyright-txt{font-size: 13px}
    .footer-col{width: 100%;}
    .design-copyright-col{
        display: none;
    }
    .mob-copyright-logo{
        display: block;
        padding-top: 20px;
        text-align: left;
    }
    .footer-mob-logo{
        display: block;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: transparent;
    }
    #main_slider a.carousel-control-prev {
        position: absolute;
        left: 175px;
        top: 90%;
        display: none;
    }
    #main_slider a.carousel-control-next {
        position: absolute;
        left: 236px;
        top: 90%;
        display: none;
    }
    .header_section {
        background-size: cover;
        padding: 0px;
    }
    .menu_main {
        display: none;
    }
    .logo_mobile {
        width: 40%;
        padding: 0px;
        text-align: left;
    }
    .mobile_menu {
        display: initial;
    }
    .banner_taital {
        font-size: 50px;
        line-height: 60px;
    }
    .bg-light {
        background-color: transparent !important;
    }
    .header_main {
        padding: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        color: #ffffff;
        text-align: center;
        background: transparent;
        width: 100%;
        margin: 10px 0px;
        border-radius: 30px;
    }
    .nav-item {
        position: relative;
        width: 100%;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #ffffff;
        background: blue;
    }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #ffffff;
        background: red;
    }
    .banner_text {
        max-width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .banner_section {
        padding: 50px 0px;
    }
}

@media (max-width: 575px) {
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: transparent;
    }
    #main_slider a.carousel-control-prev {
        position: absolute;
        left: 175px;
        top: 90%;
        display: none;
    }
    #main_slider a.carousel-control-next {
        position: absolute;
        left: 236px;
        top: 90%;
        display: none;
    }
    .header_section {
        background-size: cover;
        padding: 0px; 
    }
    .logo {
        display: none;
    }
    .menu_main {
        display: none;
    }
    .logo_mobile {
        width: 80px;
        padding: 0px;
    }
    .mobile_menu {
        display: initial;
    }
    .banner_taital {
        font-size: 45px;
        line-height: 55px;  
    }
    .bg-light {
        background-color: transparent !important;
    }
    .header_main {
        padding: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        color: #ffffff;
        text-align: center;
        background: transparent;
        width: 100%;
        margin: 10px 0px;
        border-radius: 30px;
    }
    .nav-item {
        position: relative;
        width: 100%;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #ffffff;
        background: red;
    }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #ffffff;
        background: red;
    }
    .banner_text {
        max-width: 100%;
        font-size: 14px;
        line-height: 24px;
    }
    .banner_section {
        padding: 50px 0px;
    }
    .footer-hyperlink-title, .gov-hyperlink-list li a{
        text-align: left;
    }
    .footer-copyright-box{
        display: none;
    }
    .mob-copyright-box{
        display: block;
        margin-top: 30px;
    }
    .footer-hyperlink-title{
        margin-top: 0;
    }
    .back-to-top{
        right: 20px !important;
    }
}