#logo-box img{
    max-width: 250px;
} 

#header-section{
   
    z-index: 20;
    position: relative;
    width: 100%;
 
}

.breadcrumb-item+.breadcrumb-item::before {
 
    content: '»'!important;
    color: white!important;
}
@media only screen and (min-width: 768px)   {
    #header-section{ 
        position: absolute;
    }
  }
  @media only screen and (max-width: 768px)   {
        #header-section {
          position: absolute;
             
        }
        #header-section a {
            color: #a6a6a6;
        }
        #header-section a:hover {
            color: orangered;
        }
        .tj-hero-section-three .hero-content-area {
            background-color: hsla(208, 100%, 97%, 0.361);
        }
    }