/* ---------------- */
/* bootstrep deffolt css change */

@media (min-width:1024px){
    .col-xl-8{
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-4{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

/* bootstrep deffolt css change */
/* ---------------- */


@media (max-width:992px){
    #sidebar.active {
        left: 0;
    }
    .overlay.active {
        display: block;
        opacity: 1;
    }
  .map-bg{
      padding: 30px 0;
  }

}


@media (max-width:776px){
    .c-s-txt-bx h4{
        height: auto;
    }
    .c-s-bx{
        flex-direction: column;
    }
    #map {
        width: 450px;
        height: 350px;
    }
    .jsvmap-zoom-btn.jsvmap-zoomout {
        top: 10px;
        left: 43px;
    }
    
    .detail-heading-text .dht-title,
    .detail-heading-text h2 {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width:650px){
    .news-image{
        min-height: 167px;
    }
}

@media (max-width: 767px) and (min-width: 400px){
    .othernews{
        height: 80px; 
        flex: 0 0 146px;
    }
}


@media (max-width:576px){
    .main-heading-text p{
          font-size: 17px;
          line-height: 27px;
    }
}

@media (max-width:540px){
    .top-bar span:nth-child(4){
        margin: 5px 0;
        display: block;
    }

    .top-bar span:nth-child(2),
    .top-bar span:nth-child(3),
    .top-bar span:nth-child(1){
    font-size: 14px;
    }

    .top-bar button{
        margin: 5px;
        font-size: 14px;
        padding: 5px 10px;
    }
    #map {
        width: 375px;
        height: 350px;
    }

}

@media (max-width:420px){
    .detail-heading-text .dht-title,
    .detail-heading-text h2 {
        font-size: 16px;
        line-height: 22px;
    }
    .c-s-txt-bx h4{
        height: auto;
    }
    .c-s-txt-bx h4,
    .news-text-c h4 {
        line-height: 20px;
    }
    .c-s-txt-bx h4,
    .news-text-c h4 a{
        font-size: 16px;
    }
}

@media (max-width:376px){
    .morenews-bx{
        flex-direction: column;
    }
    #map {
        width: 310px;
        height: 300px;
    }
}
@media (max-width:376px){
    .morenews-bx{
        flex-direction: column;
    }
    #map {
        width: 310px;
        height: 300px;
    }
}
@media (max-width:341px){
    .main-heading-text p{
        font-size: 14px;
        line-height: 20px;
    }
}