.toggle, [id^=drop] {
    display: none;
    text-align: right;
}

nav {
    background: rgba(255, 255, 255, 0.95);
    z-index: 100;
    position: fixed;
    top: 0px;
    left:25px;
    width: calc(100% - 75px);
}

#logo {
    background-image:url(../images/McTours-230x72-rect.png);
    height: 72px;
    width:230px;
    float: left;
    right:30px;
}
/*#logo span a, #logo span a:visited  {
text-decoration: none;
    color: transparent;
}
#logo span a:hover  {
    color: #032c58;
}*/
    #logo a, #logo a:visited {
        display: block;
        width: 230px;
        height: 72px;
        text-indent: -9999px;
        overflow: hidden;
        white-space: nowrap;
        line-height: 0;
        color: transparent !important;
        text-decoration: none;
    }

        #logo a:hover, #logo a:focus {
            background: transparent !important;
            color: transparent !important;
            border: none !important;
        }
#title {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.7rem;
    color: #054c9e;
    text-align: right;
    text-shadow: 3px 2px 1px #999;
    text-transform: capitalize;
    z-inded:1;
}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    nav ul li {
        margin: 0px;
        display: inline-block;
        float: left;
        background-color: rgba(255, 255, 255, 0.8);
    }

nav a {
    display: block;
    padding: 14px 20px;
    color: #032c58;
    font-size: 17px;
    text-decoration: none;
}

nav ul li ul li:hover {
    background: #ff0;
    color: #032c58
}

nav a:hover {
    background-color: #ff0;
    color: #032c58
}

nav ul ul {
    display: none;
    position: absolute;
    top: 50px;
}

nav ul li:hover > ul {
    display: inherit;
}

nav ul ul li {
    width: 200px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top: -60px;
    right: 200px;
}

li > a:after {
    content: ' ... ';
}

li > a:only-child:after {
    content: '';
}

@media all and (max-width : 768px) {
    nav {
        margin: auto;
        overflow: auto;
    }

  #title {
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 0.9rem;
      color: #054c9e;
      text-align: right;
      text-transform: capitalize;
}

    .toggle + a, .menu {
        display: none;
    }

    .toggle {
        display: block;
        background-color: rgba(255, 255, 255, 0.75);
        padding: 14px 5px;
        color: #032c58;
        font-size: 17px;
        text-decoration: none;
        border: none;
        float: right;
    }

        .toggle:hover {
            background-color: #ff0;
        }

    [id^=drop]:checked + ul {
        display: block;
    }

    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle, nav ul ul a {
        padding: 0 10px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover {
        background-color: #ff0;
    }

    nav ul ul ul a {
        background-color: #fff;
    }

    nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a {
        padding: 14px 20px;
        color: #032c58;
        font-size: 17px;
    }

    nav ul li ul li .toggle, nav ul ul a {
        background-color: #fff;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #032c58;
    }

        nav ul ul li:hover > ul, nav ul li:hover > ul {
            display: none;
        }

        nav ul ul li {
            display: block;
            width: 100%;
        }

        nav ul ul ul li {
            position: static;
        }
}

@media screen and (max-width: 600px) {
    .nav.responsive {
        position: relative;
    }

        .nav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .nav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
        #logo {
        background-image: url(../images/McToursLogo72.jpg);
        height: 72px;
        width:72px;
        float: left;
        }
       .slider li .tip {
	visibility: collapse;
    	}
    	 .slider li:hover .tip {
    	 visibility: visible;
    	 font-size:0.7rem;
    	 }
}

@media all and (max-width : 330px) {
    nav ul li {
        display: block;
        width: 100%;
    }
    #logo {
        background-image: url(../images/McToursLogo48.jpg);
        height: 48px;
        width:48px;
        float: left;
    }
    .slider li .tip {
    visibility: hidden;
    }
}