@media screen and (min-width: 980px) {

    .w1 {
        padding-top: 135px;
    }

    .w1 #header{
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 900;
        background-color: rgba(255, 255, 255, 0.95);
    }

    .w1.header-scrolled #header {
        position: fixed;
        border-bottom: 1px solid #b7b9bb;
        animation: header 0.2s linear;
        height: 52px;
    }

    .w1.header-scrolled .top-right-wrapper{
        top: 16px;
    }
    .w1.header-scrolled .logo {
        top: 75%;
    }

    .w1.header-scrolled .header-holder {
        padding: 17px 0;
        border: none;
    }

    .w1 #nav {
        position: absolute;
        top: 84px;
        width: 100%;
        z-index: 410;
    }

    .w1.header-scrolled #nav {
        position: fixed;
        top: 0;
        /*width: 624px;*/
        background-color: transparent;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        animation: header 0.2s linear;
    }

    .w1.header-scrolled .logo {
        left: 0;
        transform: translate(0, -50%);
    }

    .w1.header-scrolled .logo a {
        width: 61px;
    }

    .w1.header-scrolled #logo-scroll {
        display: block;
    }
    .w1.header-scrolled #logo-up {
        display: none;
    }

    /*.w1.header-scrolled .search-holder .search-form {*/
        /*top: 32px;*/
        /*right: -89px;*/
    /*}*/
}

@keyframes header {
    0% {
        top: -48px;
    }
}