@media screen and (min-width: 320px) and (max-width: 767px){
  .bg_banner .webContent .mainHeading {
    font-size: 2.5rem;
  }
}
  @media only screen and (max-width:992px){
    .navbar .navbar-search-box{
      width:100%;
      display: block;
    }    
    .menu-icon {
      font-size: 25px !important;
      color: #fff;
      cursor: pointer;
    }
    header.scrolledHeader .menu-icon{
      color:var(--color-first);
    }
    .hideInMobile{
      display: none;
    }  
    .hideInWeb{
      display: block;
    }
    .activities-details .content-block:before{right:0;}
.activities-details .content-block {padding: 20px 0 30px; padding-left: 13px;}
.activities-details .image-block {margin-top: 20px;padding-bottom: 0px;text-align:center;}
.activities-details .image-two {display: block;z-index: 1;position: relative;left: 0;bottom: 0;margin-top: 15px;text-align: center;}
.activities-details-two .content-block{margin-top: 0px; padding: 20px 15px;}
.activities-details-two .image-block{padding-right: 0;}
.activities-details-two .image-two{ margin-top: 0px;text-align: center;}    
.activities-details-two .content-block:before{left: 0}
.activities_banner{
  height:300px;
}
   @media only screen and (max-width:768px){    
    .logo img {width: 250px;}
    .bg_banner{height: 300px;}
    .internal_banner{height: 350px;}
    .footer:before{ background-size: 100% auto;}
   @media only screen and (max-width:500px){
    .bg_banner .webContent .mainHeading{font-size: 2rem;}
    .bg_banner .webContent .subHeading{font-size: 1.1rem;}
    .bg_banner .webContent p{font-size: 1rem;}
    .webContent .mainHeading{font-size: 1.4rem;}  
    .activities-details .image-block{padding-bottom: 0}
  }
@media only screen and (max-width:400px){
  .logo img{width: 200px}
  .footer small {font-size: 0.6rem;line-height: 1.3}
    .activities-details .content-block .text,.activities-details-two .content-block .text{font-size: 16px;}
    .work-details-section ul li{font-size: 0.9rem}
}