@media screen and (max-width: 767.78px) {
   .ban-sec {
    position: unset;
    margin-top: 100px;
   
}
.title-npo{
    line-height: 35px;
    font-size: 140%;
}
.title-npo span{
    font-size: 100% !important;
}
div#fle {
    flex-direction: column-reverse;
}
.responsive-map{
    margin-top: 40px;
}
.ban1{
    margin-bottom: 50px;
}
.abt-sec-grid{
    grid-template-columns: repeat(1, 1fr);
}
.ban4{
    padding-top: 50px;
    padding-bottom: 100px;
}
.heading{
    font-size: 130%;
}
.ban3{
    padding-top: 50px;
    padding-bottom: 50px;
}
.gall-grid{
    grid-template-columns: repeat(2, 1fr);
}
.video-grid{
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
}
.mid4{
     padding-top: 50px;
    padding-bottom: 50px;
}
footer{
    padding-top: 50px;
    padding-bottom: 90px;
}
.foot-sec{
    display: block;
}
.foot-u{
    margin-top: 40px;
    padding-left: 0px;
}
.foot-head{
    padding-top: 30px;
}

.icn-box{
        top: auto;
        bottom: 0px;
        transform: none;
        display: flex;
        width: 100%;
        justify-content: space-around;
        border-radius: 0px;
        padding: 0px;
        font-size: 20px;
        position: fixed;
        right: 0px;
}
.icn-box ul {
    margin-bottom: 0px;
    padding: 10px;
    display: flex;
    justify-content: center;
}


}

@media screen and (max-width: 767.78px) {
    .amenities-grid{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991.78px) { 

    .ban{
        padding-top: 80px;
        padding-bottom: 00px;
    }
   .ban-sec{
    position: unset;
    margin-top: 50px;
   }
   .title-npo{
    font-size: 130%;
    line-height: 37px;
   }
   .title-npo span{
    font-size: 105% !important;
   }
   .ban4{
    padding-top: 60px;
    padding-bottom: 60px;
   }
   .ban3{
     padding-top: 60px;
    padding-bottom: 60px;
   }
   .mid4{
    padding-top: 60px;
    padding-bottom: 60px;
   }
      .responsive-map{
    padding-bottom: 120.25%;
   }
   .icn-box{
    right: -58px;
   }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1200px) {
    .ban{
        padding-bottom: 00px;
         padding-top: 80px;
    }
    .ban-sec{
        position: unset;
        margin-top: 60px;
    }
       .title-npo{
    font-size: 160%;
    line-height: 37px;
   }
   .title-npo span{
    font-size: 110% !important;
    line-height: 48px;
   }
   .responsive-map{
    padding-bottom: 100.25%;
   }
   .icn-box{
    right: -53px;
   }
 }