footer#footer {
    background: rgba(236, 240, 244, 1);
}
footer#footer .navigation ul.nav{
    display: flex;
    flex-direction: column;
}

footer#footer ul.nav li.nav-item a{
    font-size: 18px;
    color: var(--color-dark);
    text-decoration: none;
}
footer#footer ul.nav li.nav-item a:hover{
    color: var(--color-accent);
}

footer#footer .row-top{
    padding-block: 50px 30px;
    gap: 15px;
    justify-content: center;
}

footer#footer .col-logo{
    text-align: center;
}
footer#footer ul.dropdown-menu,
footer#footer .dropdown-toggle::after{
    display: none;
}

footer#footer .row-copiryght{
    padding-block: 25px 20px;
    border-top: 1px solid var(--color-dark);
    font-size: 14px;
    color: var(--color-accent);
    text-decoration: none;
}
footer#footer .row-copiryght a{
    color: var(--color-accent);
    text-decoration: none;
    justify-content: space-between;
}

footer#footer  .col-webvesta{
    margin-top: auto;
    text-align: right;
}

footer#footer .contact-item.site{
    margin-bottom: 30px;
}

footer#footer .contact-item.site a{
    padding-left: 35px;
    position: relative;

}

footer#footer .contact-item.site a::before{
    background-image: url('../image/icon/china.svg');
}

footer#footer .address{
    margin-bottom: 15px;
    font-size: 18px;
}
footer#footer .address::before{
    content: '';
    background-image: url('../image/icon/address.svg');
}

footer#footer .phone{
    margin-bottom: 30px;
    font-size: 18px;
}

footer#footer .phone a::before{
    content: '';
    background-image: url('../image/icon/tel.svg');
}


@media screen and (max-width: 1200px) {
    footer#footer ul.nav li.nav-item a{
        font-size: calc(16px + (18 - 16) * ((100vw - 767px) / (1200 - 767)));
    }
}

@media screen and (max-width: 767px) {
    footer#footer ul.nav li.nav-item a{
        font-size: 16px;
    }
}

@media screen and (max-width: 567px) {
    footer#footer  .col-webvesta{
        text-align: left;
    }
}