@charset "utf-8";
/* CSS Document */
/*  styles for mobile navigation bars from Superfish
    Derived from a responsive Superfish Menu by <a href="mailto:ryanbrackett@gmail.com">Ryan Brackett
	http://jsfiddle.net/nH5Rj/
	
*/

#mobnav-btn {
    display: none;
    font-size: 20px;
    font-weight: bold;
    background-color: blue;
    color: white;
    padding: 10px;
    cursor: pointer;
}
.mobnav-subarrow {
    display: none;
}
.mobnav-sub2arrow {
    display: none;
}
@media only screen and (max-width: 760px) {
    #mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        opacity: .7;
		
	    width: 0; 
	    height: 0; 
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-top: 20px solid #00FF00;
        
        
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 3px;
        cursor: pointer;

      
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
	.mobnav-sub2arrow {
        display: block;
        opacity: .7;
		
	    width: 0; 
	    height: 0; 
	    border-left: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-top: 20px solid transparent;
        
        
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 5px;
        cursor: pointer;

      
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
}