@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {

    .header-search input {width: 170px;}



    h2.cyberpunk.glitched, .cyberpunk h2.glitched {
        animation-name: none;
        animation-duration: 0;
        
    }

    .hero-title h1 {
        margin-top: 0px;
    }

    .header-login {
        position: fixed;
        bottom: 0px;
        background: #000;
        width: 100%;
        left: 0;
        z-index: 999;
        height: 50px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .header-login a,
    .header-login .flag-list li a,
    .header-login .flag-list li {color: #ffffff;}


}

@media (max-width: 640px) {}

@media (max-width: 480px) {}