.iServerLogo {
    width: 110px;
    background-image: url(images/menu/newpage/logo.svg);
}

.dark .iServerLogo {
    background-image: url(images/menu/newpage/dark/logo.svg);
}


@media screen and (min-width: 2960px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner2960.png);
    }
    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner2960.png);
    }
}

@media screen and (max-width: 2959px) and (min-width: 1920px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner2960.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner2960.png);
    }
}


@media screen and (max-width: 1919px) and (min-width: 1600px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner1920.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner1920.png);
    }
}


@media screen and (max-width: 1599px) and (min-width: 1200px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner1600.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner1600.png);
    }
}


@media screen and (max-width: 1199px) and (min-width: 992px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner1200.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner1200.png);
    }
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner992.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner992.png);
    }
}


@media screen and (max-width: 767px) {
    .headWelcome {
        background-image: url(images/menu/newpage/banner768.png);
    }

    .dark .headWelcome {
        background-image: url(images/menu/newpage/dark/banner768.png);
    }
}