@media screen and (min-width: 960px) {
    /***-------------------------------------------*** Header ***-------------------------------------------***/
    body.panorama header { background: transparent; box-shadow: none; transition: var(--transition); }
    body.panorama header:hover,
    body.panorama.scrolled header { background: var(--white); box-shadow: 0 0 100px 0 rgba(0,0,0,0.1); }

    /***-------------------------------------------*** Hamburger ***-------------------------------------------***/
    body.panorama #nav-icon4 span { background: var(--white); transition: var(--transition); }
    body.panorama header:hover #nav-icon4 span,
    body.panorama.scrolled #nav-icon4 span { background: var(--black); }

    /***-------------------------------------------*** Logo ***-------------------------------------------***/
    body.panorama .logo_container { opacity: 0; visibility: hidden; transition: var(--transition); }
    body.panorama .logo_container.white { opacity: 1; visibility: visible; transition: var(--transition); }
    body.panorama header:hover .logo_container,
    body.panorama.scrolled .logo_container { opacity: 1; visibility: visible; }
    body.panorama header:hover .logo_container.white,
    body.panorama.scrolled .logo_container.white { opacity: 0; visibility: hidden; }

    /***-------------------------------------------*** Service Navigation ***-------------------------------------------***/
    body.panorama header #hService > ul > li > a { color: var(--white); transition: var(--transition); }
    body.panorama header:hover #hService > ul > li > a,
    body.panorama.scrolled header #hService > ul > li > a { color: var(--black); }
    body.panorama header #hService > ul > li.current > a,
    body.panorama header #hService > ul > li:hover > a { color: var(--primary); }
}

/***-------------------------------------------*** Desktop ***-------------------------------------------***/
@media screen and (min-width: 1201px) {
    /* Start: First-Level */
    body.panorama header #hNavigation > ul > li > a { color: var(--white); }
    body.panorama header:hover #hNavigation > ul > li > a,
    body.panorama.scrolled header #hNavigation > ul > li > a { color: var(--black); }
    body.panorama header #hNavigation > ul > li.current > a,
    body.panorama header #hNavigation > ul > li:hover > a { color: var(--white); }
    /* End: First-Level */
}