#top-nav {
    background: transparent !important;
    color: #fff;
  /*  position: absolute !important;*/
position:relative;
  /*  top: 70px !important;*/
top:60px !important;
    width: 50% !important;
 /*   right: 0 !important;*/
right:-50% !important;
}

#top-nav .wrapper > div.top-menu {
    display: none;
}

#top-nav .site-name h2 a {
    display: none;
}

#top-nav .wrapper > div {
    float: right;
    background: transparent;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    color: #ccc;
}

.fa-times-circle-o:before {
    content: "\f05c";
    color: #ffffff;
    font-size: 23px;
}

.fa-chevron-circle-left:before {
    content: "\f137";
    color: #ffffff;
    font-size: 23px;
}

.fa-chevron-circle-down:before {
    content: "\f13a";
    color: #ffffff;
    font-size: 23px;
}

#top-nav .fa:hover {
    color: #1a2857;
}

/*--Open Nav--*/

#slide-nav {
    background: #197a73;
    overflow-y: inherit !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
    height: 100% !important;
    top: 0px !important;
    overflow-x: hidden;
    height: 100% !important;
    width: 100%;
}

#slide-nav .close-slide-nav {
    cursor: pointer;
    font-size: 35px;
    z-index: 9999;
    position: absolute;
    top: 15px;
    right: 33px;
}

#slide-nav .close-slide-nav:active {
    outline: 3px solid #ebd4a3 !important;
    outline-offset: 4px !important;
}


#slide-nav ul.menu li a {
    font-family: Helvetica, "Roboto", sans-serif;
    color: #eee;
    font-size: 16px;
    padding: 12px 0;
    text-decoration: none !important;
    max-width: 85%;
    margin-left: 30px;
    border-bottom: 1px solid #e9e9e94d;
}

#slide-nav ul.menu li a:hover {
    text-decoration:underline !important;
}

#slide-nav ul.menu li a:active {
    text-decoration:underline !important;
}

#slide-nav ul.menu li a:focus {
    text-decoration:underline !important;
    outline: 1px solid #edb4a3 !important;
    outline-offset: 0px !important;
    background:transparent !important;
}


#slide-nav ul.menu li ul {
    padding-left: 20px !important;
}

#slide-nav .slide-nav-menu {
    padding: 40px 0px;
    width: 100%;
    text-align: left;
    margin: auto;
    top: 5%;
    position: relative;
    border-bottom: none !important;
}


#slide-nav ul.menu li .fa {
    padding: 0px 30px;
    text-decoration:none !important;
    font-size: 30px;
}


.fa-times-circle-o:before {
    font-size: 30px !important;
}


#slide-nav .contact-info {
    margin: auto;
    text-align: left;
    width: 90%;
    position: relative;
    top: 60px;
    margin-top: 10px;
    padding-bottom: 20px;
    color: white !important;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

#slide-nav .contact-info a{
    color: white !important;
    text-decoration:none !important;
}

@media only screen and (max-width: 768px) {
    #top-nav {
        display: none!important; 
    }
}

@media only screen and (max-width: 767px) {
    #top-nav {
        display: block !important; 
    }
}

@media only screen and (max-width: 450px) {
    #slide-nav ul.menu li a {
        max-width: 75%;
        margin-left: 20px;
    }
}

/*@media only screen and (max-width: 442px) {
#top-nav {
    top: 90px !important;
}
}*/

/*@media only screen and (max-width: 768px)
#top-nav {
    top: 2.5% !important;
}
}
@media only screen and (max-width: 580px)
#top-nav {
    top: 2.5%;
}
}*/