@media(min-width: 1100px){
    body .header-main .flex-col.flex-right {position: absolute; right: 60px; margin: 0; }
    body #hb-logo {margin: 0; }
    body .header-inner.flex-row.headerContainer.logo-left > #hb-logo {display: none; }

    .HomeBody #headerNew {position: fixed;left: 0;right: 0;top: 0;z-index: 11;background: transparent;}
    .HomeBody #headerNew:not(:hover, .fixed) .header-main {background-color: transparent; }
    .HomeBody #headerNew:not(:hover, .fixed) .header-favori-item a.favori-link svg {filter: invert(1); }
    .HomeBody #headerNew:not(:hover, .fixed) #hb-logo img {filter: brightness(23.5);}
    .HomeBody #headerNew:not(:hover, .fixed) #divHeaderUyeV2 a.account-link.headerButon svg path,
    .HomeBody #headerNew:not(:hover, .fixed) .cart-item a.header-cart-link.headerButon svg path,
    .HomeBody #headerNew:not(:hover, .fixed) .newHeaderNavigation .newMenuBtnClick a .svgIcon svg path {fill:#fff }
    .HomeBody #headerNew:not(:hover, .fixed) #divTopProductSearch .newSearcBtnClick a .svgIcon svg path {fill: #fff; stroke: #fff; }
    .HomeBody #headerNew:not(:hover, .fixed) #divTopProductSearch .newSearcBtnClick a {color: #fff; }
    .HomeBody #headerNew:not(:hover, .fixed) .headerButon i {color: #fff; }
    .HomeBody #headerNew:not(:hover, .fixed) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li > a,
    .HomeBody #headerNew:not(:hover, .fixed) .header-favori-item a.favori-link .header-favori-title, 
    .HomeBody #headerNew:not(:hover, .fixed) .header-favori-item a.favori-link .header-favori-count, 
    .HomeBody #headerNew:not(:hover, .fixed) #divHeaderUyeV2 a.account-link.headerButon,
    .HomeBody #headerNew:not(:hover, .fixed) .cart-item a.header-cart-link.headerButon .header-cart-title, 
    .HomeBody #headerNew:not(:hover, .fixed) .cart-item a.header-cart-link.headerButon .cart-price {color: #fff; }
    .HomeBody #headerNew:not(:hover, .fixed) .header-dil-content #lang_flag_container #lang span {color: #fff; }
    .HomeBody #headerNew:not(:hover, .fixed) .cart-item a.header-cart-link.headerButon .sepetUrunSayisi {color: #fff!important;}
    .HomeBody #headerNew:not(:hover, .fixed) .header-dil-content #lang_flag_container #lang:after {filter: invert(1); }
    .HomeBody #headerNew:not(:hover, .fixed) .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl > li.ulVar > a > span:after{filter: invert(1);}
    #divTopProductSearch .searchform-wrapper #btnKelimeAra,#divHeaderUyeV2 a.account-link.headerButon {transition: unset; }
}

@media screen and (min-width: 1540px) and (max-width: 1660px){
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 50px!important;}
    body .header-main .flex-col.flex-right{right: 50px}
}

@media screen and (min-width: 1500px) and (max-width: 1539px){
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 50px!important;}
    body .header-main .flex-col.flex-right{right: 50px}
}
    
@media screen and (min-width: 1380px) and (max-width: 1499px){
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 45px!important;}
    body .header-main .flex-col.flex-right{right: 45px}
    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {gap: 40px; }
}
    
@media screen and (min-width: 1300px) and (max-width: 1379px){
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 40px!important;}
    body .header-main .flex-col.flex-right{right: 40px}
    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {gap: 30px; }
}
    
@media screen and (min-width: 1240px) and (max-width: 1299px){
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 35px!important;}
    body .header-main .flex-col.flex-right{right: 35px}
    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {gap: 30px; }
}
@media screen and (min-width: 1160px) and (max-width: 1239px) {
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 30px!important;}
    body .header-main .flex-col.flex-right{right: 30px}
    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {gap: 30px; }
}
@media screen and (min-width: 1025px) and (max-width: 1159px) {
    body .header-main .headerContainer,body #headerNew .headerContainer{padding:0 20px!important;}
    body .header-main .flex-col.flex-right{right: 20px}
    body .newHeaderNavigation:not(.mobileStyle) .newHeaderNavUl {gap: 25px; }
}

@media screen and (max-width:767px){
    body #headerNew .header-main {height: 65px; padding: 5px 0; }
}