@media only screen and (max-width: 991px){
    .nav__list-item{
        font-size: 26px;
    }
    .v-light.nav-active .nav__list-item a{
        color: #ffffff;
        text-align: left;
    }
    .v-light .box-seat.box-seat-full .pro-text{
        background-color: rgb(0, 0, 0, .5);
        position: absolute;
        top: 0;
    }
    .box-seat .pro-text p, .box-seat.box-seat-full .pro-text p, .box-seat.box-seat-bottom .pro-text p{
        margin: 0;
    }
    .box-gallery-vertical .mask-bg{
        display: block;
        width: 100%;
    }
    .section-margin{
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .img-box-small{
        height: inherit !important;
    }
    .site-footer__tree-2{
        filter: brightness(0) invert(1);
        opacity: 0.1;
    }
    .wibtn{
        width: 24px;
        height: 24px;
    }
    .wibtn span img{
        width: 15px;
    }
    .wibtn1{
        top: 31%;
    }
    .wibtn2{
        top: 23%;
        left: 43%;
    }
    .wibtn3{
        top: 30%;
    }
    .wibtn4{
        top: 21%;
    }
    .wibtn5{
        top: 84%;
        right: 22%;
    }
    .wibtn6{
        top: 84%;
    }
}
@media(770px<=width<=821px){
    .header-top .header-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 60%);
}
.header-top .header-container .logo{
    display: flex;
    justify-content: space-between;
}
.header-top .header-container .logo img{
    width: auto;
}
.blumapLogo{
    width: 200px !important;
}
.header-top .header-container .menu-icon{
    top: 21px;
}
.header-top .header-container .menu-icon .text-menu{
    font-size: 20px;
}
.internal-banner-slider{
    height: 40vh;
}
.box-gallery-vertical{
    margin: 0;
    padding-top: 2.5rem;
    padding-bottom: 1.3rem;
}
.box-gallery-vertical .box-info{
    padding-top: 0;
    padding-inline:0
}
.box-gallery-vertical.box-gallery-vertical-order .box-info{
    padding-inline: 0;
}
.box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child{
    order: inherit;
}
.box-gallery-vertical .box-info .vertical-title h2{
    margin-top: 2rem;
}
.box-info-contact ul {
    padding-left: 0;
}
.img_card{
    width: 100%;
}
.heading_know_more{
    bottom: -13%;
}
#map-marin{
    height: 45vh;
}
.gallery-module .gallery-slider li img{
    height: 200px;
}
}

@media only screen and (max-width: 769px){
    /* .header-top .header-container .logo img{
        width: inherit;
    }
    .header-top .header-container img.blumapLogo{
        width: 150px;
    }

    .wcsi-light-logo{
        margin-top: 0;
        max-height: 38px;
    }
    .wcsi-dark-logo{
        max-height: 45px !important;
    }
    .main-logo .light-logo{
        max-height: 42px !important;
    } */
    .internal-banner-slider{
        height: 40vh;
    }
    .box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child{
        order:inherit;
    }
    .box-gallery-vertical{
        margin: 0;
        padding-top: 2.5rem;
        padding-bottom: 1.3rem;
    }
    .box-gallery-vertical .box-info .vertical-title h2{
        margin-top: 2rem;
    }
    .box-gallery-vertical .box-info{
        padding-top: 0;
        padding-inline: 0
        
    }
    
    .box-gallery-vertical.box-gallery-vertical-order .box-info{
        padding-inline: 0;
        padding-bottom: 0;
    }
    .gallery-sec{
        padding-top: 2rem;
    }
    .gallery-module{
        margin-bottom: 30px;
    }
    .box-info-contact ul {
        padding-left: 0;
    }
    .box-info-contact ul li{
        display: flex;
        flex-direction: column;
    }
    .box-info-contact, .v-light .box-info-contact ul li a::before{
        background-color: transparent;
    }
    .box-info-contact{
        height: inherit;
        margin-bottom: 0;
    }
    .blog-container{
        padding-top: 0;
        padding-bottom: 0;
    }
    .box-info-contact h3{
        margin-bottom: 10px;
    }
    
    .nextTitle h3{
        font-size: 1.66rem;
    }
    .card_flex_wrapper{
        margin: 0px 1rem;
        gap: 1rem;
    }
    .img_card{
        width: 100%;
    }
    
    .heading_know_more h4{
        font-size: 1.33rem;
        line-height: 1 !important;
        margin-bottom: 0.5rem;
    }
    .heading_know_more p span{
        padding: 0.3rem 0.8rem;
    }
    .dsn-video{
        width: 100%;
    }
    .pl-card{
        padding: 0; 
    }
    .pl-card p{
        margin: 0; 
    }
    .pl-card .link-custom{
        margin-top: 17px; 
    }
    .bg-law-section{
        padding: 1rem 1rem calc(2rem - 20px) 1rem;
    }
    .root-project{
        overflow-x: hidden;
    }
    #map-inner .map-inner {
        padding: 0 5%;
    }
    #map-inner .map-inner h3{
        font-size: 1.533rem;
    }
    #map-marin{
        height: 45vh;
    }
    .legend img{
        width: 67%;
    }
    .sub_title{
        font-size: 1.533rem;
    }
    .post-content h2{
        font-size: 1.667rem;
      }
      .news-content .post-content>*{
        margin-bottom: 1rem;
      }
      #map-marin{
        height: 45vh !important;
    }
}
@media(577px<=width<=768px){
    .heading_know_more{
        bottom: -10%;
        padding-top: 0;
    }
    .gallery-module .gallery-slider li img{
        height: 200px;
    }
}
@media (width<=576px){
    .internal-banner-slider{
        height: 60vh;
    }
    .heading_know_more{
        bottom: -22%;
        padding-top: 0;
    }
    .nextPage .bar{
        flex-direction: column;
        gap: 1rem;
    }
    .gallery-module .gallery-slider li img{
        height: 200px;
    }
}