.header {
    transition: height 0.15s ease-in;
}

.lang, .call, #cssmenu, #cssmenu ul {
    transition: margin-top 0.15s ease-in;
}

    .lang-drop, .call i, #cssmenu > ul > li > a {
        transition: font-size 0.15s ease-in,padding 0.15s ease-in;
    }

    .logo, #cssmenu #menu-button::before, #cssmenu #menu-button::after {
        transition: width 0.15s ease-in;
    }

    #cssmenu #menu-button {
        transition: margin-right 0.15s ease-in,margin-top 0.15s ease-in;
    }

.lang{
    margin-right:70px;
}

.logo{
    left:70px;
}


.header-smaller.header {
    height: 59px;
    transition: height 0.25s ease-in;
}

.header-smaller.logo {
    width: 85px;
    transition: width 0.25s ease-in;
}

.header-smaller.lang {
    margin-top: 16px;
    transition: margin-top 0.25s ease-in;
}

.header-smaller.lang-drop {
    font-size: 9px;
    padding: 5px 9px;
    transition: font-size 0.25s ease-in,padding 0.25s ease-in;
}

.header-smaller.call {
    margin-top: 23px;
    transition: margin-top 0.25s ease-in;
}

    .header-smaller.call i {
        font-size: 11px;
        transition: font-size 0.25s ease-in;
    }

.header-smaller#cssmenu {
    margin-top: 4px;
    transition: margin-top 0.25s ease-in;
}

    .header-smaller#cssmenu > ul > li > a {
        font-size: 11px;
        transition: font-size 0.25s ease-in;
    }



@media only screen and (max-width:1200px) {

    .lang {
        margin-top: 19px;
    }

    .lang-drop {
        font-size: 11px;
        padding: 6px 12px;
    }

    .header-smaller.header {
        height: 40px;
    }

    .header-smaller.logo{
        width: 67px;
    }

    .header-smaller.lang {
        margin-top: 8px;
    }

    .header-smaller.lang-drop {
        font-size: 8px;
        padding: 5px 9px;
    }

    .header-smaller.call {
        margin-top: 23px;
    }

        .header-smaller.call i {
            font-size: 9px;
        }

    .header-smaller#cssmenu {
        margin-top: 1px;
    }

        .header-smaller#cssmenu > ul > li > a {
            font-size: 9px;
        }
}

@media only screen and (max-width:1100px) {
    
    #cssmenu {
        margin-top: 12px
    }
}

@media only screen and (max-width:1024px) {
    .lang {
        margin-right: 67px;
        margin-top:18px;
    }

    .header-smaller.lang {
        margin-top: 9px;
    }


    #cssmenu #menu-button {
        margin-top: -16px;
        margin-right: 30px;
    }

    .header-smaller#cssmenu > ul > li > a {
        font-size: 14px;
    }


    .header-smaller#cssmenu #menu-button {
        margin-top: -17px;
        transition: margin-top 0.25s ease-in, margin-right 0.25s ease-in;
    }

    .header-smaller#cssmenu ul {
        margin-top: 14px;
        transition: margin-top 0.25s ease-in;
    }
}

@media only screen and (max-width:960px){
    #cssmenu #menu-button {
        margin-top: -14px;
    }

    .header-smaller#cssmenu #menu-button {
        margin-top: -15px;
    }
}


@media only screen and (max-width:480px) {
    .lang {
        margin-top: 10px;
    }

    .logo {
        left: 35px;
    }

    .header-smaller#cssmenu #menu-button::before, .header-smaller#cssmenu #menu-button::after {
        width: 20px;
        transition: width 0.25s ease-in;
    }

    .header-smaller.header {
        height: 29px;
    }

    .header-smaller.logo {
        width: 56px;
    }

    .header-smaller.lang {
        margin-top: 6px;
    }

    .header-smaller.lang-drop {
        font-size: 6px;
        padding: 3px 7px;
    }

    .header-smaller#cssmenu #menu-button {
        margin-top: -13px;
        margin-right:33px;
    }

    .header-smaller#cssmenu ul {
        margin-top: 1px;
    }
}