.blook-header{
    position: relative;
    color: $color_white;
    padding-bottom: 45px;
    a{
        color: $color_white;
    }
    .blook-header-image{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-attachment: fixed;
    }
    .blook-wrapper{
        align-items: center;
    }
    .blook-off-canvas{
        flex: 0 0 50px;
        max-width: 50px;
        text-align: center;
    }
    .site-branding,
    .blook-search-form-section{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blook-site-logo,
    .blook-advertisement-section,
    .blook-search-form-section{
        margin-top: 15px;
    }
    .blook-date-section{
        margin-top: 10px;
    }
    .blook-advertisement-section,
    .blook-search-form-section{
        flex: 0 0 100%;
        max-width: 100%;
    }
   
}
.blook-header-layout-1,
.blook-header-layout-3{
    .site-branding{
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.blook-header-layout-2,
.blook-header-layout-4{
    .site-branding{
        flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
    .blook-advertisement-section{
        text-align: center;
        @include media(sm){
            text-align: end;
        }
        a{
            display: inline-block;
            @include media(xs){
                width: 80%;
            }
        }
    }
 
}
.blook-header-layout-1,
.blook-header-layout-2,
.blook-header-layout-3,
.blook-header-layout-4{
    padding-top: 30px;
    .site-branding{
        text-align: center;
        @include media(sm){
            flex: 0 0 300px;
            max-width: 300px;
            text-align: left;
        }
        .site-title,
        .site-description{
            margin: 0;
        }
    }
    
}

.blook-header-layout-1{
    .blook-search-form-section{
        @include media(sm){
            flex: 0 0 calc(100% - 300px);
            max-width: calc(100% - 300px);
        }
        .blook-search-field{
            @include media(sm){
                width: 90%;
                margin-left: auto;
                margin-right: 0;
            }
            @include media(lg){
                width: 75%;
            }
          
        }
    }
}
.blook-header-layout-2{
    .blook-search-form-section{
        @include media(sm){
            flex: 0 0 calc(100% - 350px);
            max-width: calc(100% - 350px);
        }
        .blook-search-field{
            @include media(sm){
                width: calc(100% - 30px);
                margin-left: auto;
            }
            @include media(lg){
                width: 80%;
            }
        }
    }
}

.blook-header-layout-3{
    .blook-advertisement-section{
        @include media(sm){
            flex: 0 0 calc(100% - 300px);
            max-width: calc(100% - 300px);
            text-align: end;
        }
      
    }
}
.blook-header-layout-4{
    .blook-advertisement-section{
        @include media(sm){
            flex: 0 0 calc(100% - 350px);
            max-width: calc(100% - 350px);
            text-align: end;
        }
      
    }
}
.blook-header-layout-5{
    padding-top: 35px;
    .blook-wrapper{
       display: block;
       text-align: center;
    }
    .site-title,
    .site-description{
        margin: 10px 0 0;
    }
   
}