.header{
    max-width:1920px;
    width:100%;
    margin:0 auto 0 auto;
    position:absolute;
    top:30px;
    left:0;
    right:0;
}

.header-inner{
    max-width:1780px;
    width:92.7%;
    margin:0 auto 0 auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.header-logo{
    max-width:240px;
    width:40%;
}

.header-area{
    max-width:170px;
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:0 0 0 2.24%;
}

.header-contact-btn{
    display:flex;
    max-width:45px;
    width:100%;
    height:45px;
    border-radius:50%;
    justify-content:center;
    align-items:center;
}

.header-contact-btn-icon{
    max-width:22px;
    width:100%;
    height:17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-icon-block{
    max-width:90px;
    width:100%;
    display:flex;
    align-items:center;
}

.header-icon-link{
    max-width:30px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 0 15px;
}

.header-online-shop-icon{
    max-width:18px;
    width:100%;
    height:23px;
    background-image:url(../img/common/online_shop_icon_gold.svg);
    background-attachment:scroll;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    margin:0 10px 0 0;
}
@media (min-width: 768px){
    .header-logo{
        width:25%;
    }

    .header-icon-block{
        margin:0 0 0 4%;
    }

    .header-area{
        max-width:471px;
    }
}
@media (min-width: 1024px){
    .header{
        top:60px;
    }

    .header-logo{
        width:20%;
    }

    .header-icon-block{
        margin:0 0 0 8.49%;
    }
}