@charset "utf-8";

/* all header fix*/
.header.fix,
.list .header.fix,
.intro .header.fix {
    position: fixed;
    height: 75px;
    background-color: #E70012;
    transition: all ease-out .3s;
    border: 0;
}
.header.fix .btn-subscribe,
.list .header.fix .btn-subscribe,
.intro .header.fix .btn-subscribe {
    background-color: #fff;
    color: #000;
}

body.modal .header.fix .btn-subscribe {
    display: none;
    background-color: #E70012;
    color: #fff
}

body.modal .header .logo {
    display: none;
}

body.modal .header .btn-subscribe {
    display: none;
}
body.modal .header .btn-support {
    display: none;
}

.header.fix .logo a {
    filter: none !important;
}
.header.fix .hamburger-button::before,
.header.fix .hamburger-button::after,
.header.fix .hamburger-icon,
.header.fix .search-button::after {
    background-color: #fff
}
.header.fix .icon-search {
    border-color: #fff
}
.header.fix .hamburger-button.active::after, 
.header.fix .hamburger-button.active::before {
    background-color: #000
}

.header.fix .search-box .search-button::after, 
.header.fix .search-box .search-button::before{
    background-color: #000
}
.header.fix .search-box .search-button .icon-search{
    border-color: #000
}


@media (max-width:1024px) {
    .header,
    .header.fix {
        height: 70px !important;
    }
    
    .modal .header .hamburger-button.active::after,
    .modal .header .hamburger-button.active::before {
        background-color: #fff
    }

}
@media (max-width:800px) {
    .header,
    .header.fix {
        height: 52px !important;
    }
}