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

#header-section{
    background-color: rgb(255 255 255 / 64%);
    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;
    }  
    
    .post-template-default  #header-section, 
    .archive  #header-section, 
    .page-template-default #header-section{ 
        position:relative;
    }



  }
  @media only screen and (max-width: 768px)   {
        #header-section {
          position: absolute;
             
        }
        
        .page-template-internal-page #header-section {
            position:relative;
            background-color: none;
            background: none;
          }

        #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);
        }
    }