@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

.bradcumb-area .container{
       position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #0000004a;
    z-index:9;
    padding: 55px;
  
}
.bradcumb-area{
  position:relative;
}
.bradcumb-area img{width:100%;
}
.page-title-otpl{color:#fff;
}

.breadcrumb {
 
    background-color: #e9ecef00;
     justify-content: center;

}
.breadcrumb-item {color:#fff;
}
.newgallery {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 4px;
    list-style: none;
    margin: 0;
}

.breadcrumb-item a{color:#fff;
}
.newgallery li {
    -ms-flex: 20%;
    flex: 20%;
    max-width: 20%;
    padding: 0 4px;
    vertical-align: middle;
  height: 152px;
    overflow: hidden;
}
.gallery li img {
    max-width: 100%;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 16%);
       border: 4px solid #fff !important;
  
}



.timelineus .newgallery li {
    -ms-flex: 33%;
    flex: 21%;
    max-width: 20%;
    padding: 1px 1px;
    vertical-align: middle;
}


 .timelineus .gallery li img {
    max-width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    height: 218px;
   filter: grayscale(100%);
   width: 100%;
       border: 6px !important;
}
.timelineus .gallery li img:hover{
filter: grayscale(0);
}

.timelineus .newgallery li:nth-child(-n + 5) {
    -ms-flex: 20%;
    flex: 21%;
    max-width: 20%;
}

.timelineus .newgallery li:nth-child(n+6):nth-child(-n+9) {
   -ms-flex: 25%;
       flex: 25%;
    max-width: 25%;
}
.navbar .navbar-nav .menu-item a{font-size:18px !important;
}
@media only screen and (max-width: 767px) {
 .newgallery {
 
    flex-flow: column !important;
} 
  
  .newgallery li {
    -ms-flex: 100% !important;
    flex: 100% !important;
    max-width: 100% !important;
    padding: 0 4px;
    vertical-align: middle;
}
  .bradcumb-area .container {
  padding: 10px;
}
  .bradcumb-area img {
    width: 100%;
    height: 96px;
}
  .page-title-otpl {
    color: #fff;
    font-size: 16px;
}
  .get-in-touch img{width:100%;
  }
}