@media only screen and (max-width: 801px) {

    #navigation {
        display: none;
    }
    }
    
    
    #Nav {
        float: left;
        padding: 5px 0;
    }
    
    ul.menu {
        position: relative;
        margin-left: 0;
    }
    
    ul.menu li {
        position: static;
        display: block;
        background: none repeat scroll 0 0 transparent;
        float: left;
        list-style: none outside none;
        margin: 0px 0px 0 0px;
        padding: 0 0px;
    }
    
    ul.menu a, span.separator {
        position: relative;
        font-family: inherit;
        color: #ffffff;
        font-size: 0.9rem;
        text-decoration: none;
        letter-spacing: 1px;
        margin: 0;
        padding: 15px 30px;
        transition: all ease .5s;
        border-bottom: solid 1px #98bdd4;
        cursor: pointer;
        font-weight: bold;
    }
    /*
    ul.menu a:hover, span.separator:hover, li.active.divider.deeper.parent span.separator:hover {
        text-decoration: none;
        color: #98bdd4;
    }*/
    
    /*li.current.item-101 a {
        background: #98bdd4;
        color: #323e47;
    }*/

    ul.menu li.active {
        text-decoration: none;
        color: #98bdd4;
    }
    
    li.current.active.deeper.parent, li.current a, li.active.divider.deeper.parent span.separator {
        position: relative;
        color: #98bdd4;
        font-family: "seedorf";
        font-weight: bold;
    }
    
    li.divider.deeper.parent.open-submenu span.separator {
        font-family: "seedorf";
    }
    
    ul.menu > li.divider.deeper.parent.open > span.separator {
        box-shadow: 0px -3px 0px #97bed4 inset;
        border-bottom: solid 1px #97bed4;
    }
    
    
    li.divider.deeper.parent.open-submenu span.separator {
        box-shadow: 0px 0px 0px #444d56 inset;
        border-bottom: solid 1px #444d56;
    }
    
    ul.menu > li > span.separator:hover {
        /* box-shadow: 0px -3px 0px #97bed4 inset; */
        border-bottom: solid 1px #97bed4;
    }
    
    #navigation-fadein li.current.active a, #navigation-fadein li.active.divider.deeper.parent {
        color: #ff0029;
        font-family: "seedorf";
        border-top: solid 1px #ff0029;
    }
    
    ul.nav-child.unstyled.small {
        display: none;
        position: absolute;
        left: 0;
        font-size: 0.8em;
        margin-left: 0;
    }
    
    ul.nav-child.unstyled.small li ul {
        position: absolute;
    }
    
    
    /* ul.nav.menu.navbar li:hover ul.nav-child.unstyled.small {
        display: block;
        padding-top: 2vw;
    
        -webkit-animation: scale-in-tl 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                animation: scale-in-tl 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    
      0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        opacity: 1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        opacity: 1;
      }
    }
    
    @keyframes scale-in-tl {
      0% {
        -webkit-transform: scale(0);
                transform: scale(0);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        opacity: 1;
      }
      100% {
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        opacity: 1;
      }
    }
    */
    
    
    ul.nav.menu.navbar li:hover ul.nav-child.unstyled.small ul {
        padding-top: 0vw;
    }
    
    ul.menu li ul.nav-child.unstyled.small li {
        float: none;
        width: auto;
        margin: 0px 0px 0px 0px;
        white-space: nowrap;
    }
    
    
    ul.menu li ul.nav-child.unstyled.small li a, ul.menu li ul.nav-child.unstyled.small li span.separator {
        position: relative;
        display: block;
        float: none;
        min-width: 300px;
        font-size: 0.9rem;
        color: #ffffff;
        font-weight: normal;
        margin: 0px 0px 0px 0px;
        padding: 10px;
        border-right: 0px;
        white-space: nowrap;
        hyphens: auto;
        letter-spacing: 1px;
    }
        
    #navigation-fadein ul.menu li ul.nav-child.unstyled.small li a:hover, #navigation-fadein ul.nav-child.unstyled.small li.current.active a {
        color: #fff;
    }
    
    #navigation-fadein ul.menu li ul.nav-child.unstyled.small li a {
        font-size: 0.6em;
    }
    
    
    ul.menu li ul.nav-child.unstyled.small li a:hover, ul.menu li span.separator:hover, 
    li.active.divider.deeper.parent span.separator:hover,
    ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open > span:hover,
    ul.menu li ul.nav-child.unstyled.small li.current.active.open a:hover {
        color: #fff;
        background: #97bed4;
    }

    
    ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open-submenu ul li span.separator:hover {
        color: #000;
        background: #97bed4; 
    }
    
    ul.menu li.divider.deeper.parent.focus {
        background: rgba(150,190,212,0.4);  
    }


    ul.menu li.divider.deeper.parent.focus-open {
        background: rgba(150,190,212,0.4);  
    }

    ul.menu li .focus-open span {
        color: #aea355; 
    }

    
    /*ul.menu li ul.nav-child.unstyled.small li.current.active a {
        font-family: "seedorf";
        color: #aea355;
        font-weight: bold;
    }*/
    
    
    /* ul.menu li ul.nav-child.unstyled.small li.deeper.parent.active ul li a {
        background: #f6f6f6;
        color: #167969;
    }
    */
    
    ul.menu li.deeper.parent.active a {
        color: #aea355;
        font-family: "seedorf";
    }
    
    /* ul.menu li ul.nav-child.unstyled.small li.deeper.parent.active a {
        background: #167969;
        color: #ffffff;
    }
    */
    
    /*ul.menu li ul.nav-child.unstyled.small li.deeper.parent.active ul li.current.active a {
        color: #aea355;
    }*/

    ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open > span,
    ul.menu li ul.nav-child.unstyled.small li.current.active.open a {
        font-weight: bold;
        color: #aea355;
    }

    /*ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open ul li span {
        color: #fff;
        background: none;
    }*/

    /*
    ul.menu  li ul.nav-child.unstyled.small li ul li.active.divider.deeper.parent.open span {
        color: #aea355;  
        /*background: #323d47;*/
    }*/
    
    ul.menu li ul li span.separator {
        position: relative;
    }
    
    ul.menu li ul li span.separator:before {
        top: 50%;
        right: 10px;
        margin-left: 0px !important;
        content: "";
        height: 12px;
        width: 16px;
        position: absolute;
        background-image: url(../images/menu-arrow.svg);
        background-repeat: no-repeat;
        transform: rotate(-0deg) translate(0, -50%);
        pointer-events: none;
    }
    
    
    #responsive-navigation span.separator:before {
        top: 20px;
        right: 15px;
    }
    
    #header-fadein span.separator:before {
        top: 15px;
        background-image: url(../images/menu-arrow-fadein.svg);
    }
    
    ul.nav.menu.navbar li {
        color: #000;
        transition: all ease 0.5s;
    }
    
    ul.nav.menu.navbar li:hover {
        color: #e75d17;
    }
    
    li.default.current.active {
        color: #e75d17;
    }
    
    
    /* ///// SUB SUB MENU ///// */
    
    /*
    
    ul.menu li ul.nav-child.unstyled.small li ul li {
    display: none;
    }
    
    ul.menu li ul.nav-child.unstyled.small li:hover ul li {
        display: block;
    }
    
    */
    
    
    #navigation ul.menu li ul.nav-child.unstyled.small {
        top: 60px;
        padding: 15px;
    }
    
    #navigation ul.menu li ul.nav-child.unstyled.small li ul {
        width: 100%;
        left:100%;
        top:0px;
        margin-left: 15px;
    }
    
    #navigation ul.menu li ul.nav-child.unstyled.small li ul {
        background: rgba(65,77,87,0.6);
    }


    ul.menu li ul li a, ul.menu li ul li span.separator {
        border-bottom: solid 1px #444d56;
    }

    ul.menu li ul.nav-child.unstyled.small li ul li a, ul.menu li ul.nav-child.unstyled.small li ul li span.separator {
        box-shadow: 0px 0px 0px #282f35 inset;
        border-bottom: solid 1px #282f35;
    }

    ul.menu li ul.nav-child.unstyled.small li ul li ul li a, ul.menu li ul.nav-child.unstyled.small li ul li ul li span.separator {
        box-shadow: 0px 0px 0px #444d56 inset;
        border-bottom: solid 1px #444d56;
    }
    
    #navigation ul.menu li ul.nav-child.unstyled.small li ul li ul {
        background: transparent;
    }
    
    #navigation span.nav-header {
        display: block;
        font-family: "seedorf";
        font-weight: bold;
        color: #98bdd4;
        border-bottom: solid 0px;
        font-size: 1rem;
        margin: 0px 0px 10px 0px;
        padding: 10px;
        border-right: 0px;
        white-space: nowrap;
        letter-spacing: 1px;
    }
    

    span.navigoback {
        position: relative;
        color: #fff;
        padding: 5px 15px 5px 45px;
        margin-bottom: 20px;
        width: fit-content;
        border: solid 1px #fff;
        display: none;
    }

    #right-col span.navigoback {
        display: none;
    }

    span.navigoback:before {
        top: 50%;
        left: 14px;
        margin-left: 0px !important;
        content: "";
        height: 12px;
        width: 16px;
        position: absolute;
        background-image: url(../images/menu-arrow.svg);
        background-repeat: no-repeat;
        transform: rotate(-180deg) translate(0, 50%);
        pointer-events: none;
    }