@charset "utf-8";
@layer reset, core, lightgallery, swiper;
:root{
    --logo-width: 448px;
    --icon-size: 40px;
}
@media screen and (max-width: 1699.98px) {
    :root{
        --logo-width: 240px;
    }
}
@media screen and (max-width: 1479.98px) {
    :root{
        --logo-width: 200px;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1479.98px) {
    :root{
        --logo-width: 180px;
    }
}
@media screen and (min-width: 676px) and (max-width: 1399.98px) {
    :root{
        --logo-width: 208px;
    }
}
@media screen and (max-width: 479.98px) {
    :root{
        --logo-width: 150px;
    }
}
#mainNav > ul > li {
    max-width: 240px;
}
@media screen and (max-width: 1599.98px) {
    #mainNav > ul > li > a{ padding: 0 10px;}
}