@media (min-width:768px){
    .lead{font-size:22px}
    .main-nav ul li li a:hover,.main-nav ul li li a.selected{  color:#ffffff; border-radius:0;}

}

.main-nav ul{margin:0;padding:0;list-style:none}
.menu-inner{
    width:100%;
    background-repeat:repeat-x;
    background-position:left top;
    height:111px;
    top: 0px; /* Top alignment of menu background */
    /*position: fixed;*/
    background-image: url(../../images/prettyPhoto/default/top_bg.png);
    z-index:999999;
}

.menu-inner.affix{position:fixed;top:0;left:0;z-index:999;max-height:100%;overflow:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}
.menu-inner .brand{width:50%;height:70px;padding:12px 0;}
.menu-inner .brand a{display:block;white-space:100%;height:100%}
.menu-inner .brand a img{max-width:100%;}
.menu-inner .nav-toggle{position:absolute;width:25px;height:20px;top:35px;right:5%;border:4px solid #777;border-width:4px 0}
.menu-inner .nav-toggle:before{content:'';position:absolute;left:0;width:100%;top:4px;height:4px;background-color:#777}
.main-nav ul{position:relative; z-index:999;}
.main-nav ul li{font-size:12px;line-height:16px;font-weight:400;position:relative;border-top:1px solid #e8e8e8}
.main-nav ul li a{color:#222;padding:13px 57px 13px 15px;display:block;position:relative; font-weight: 600; font-size:14px; text-transform:uppercase; letter-spacing:1px;}
.main-nav ul li a .sub-toggle{display:block;position:absolute;right:0;top:0;width:42px;height:42px;text-align:center;color:#777;border-left:1px solid #e8e8e8}
.main-nav ul li a .sub-toggle:before{font-family:FontAwesome; color:#dddddd;width:42px;height:42px;line-height:42px;font-size:14px;content:'\f067'}
.main-nav ul li a .sub-toggle.open:before{content:'\f068'}
.main-nav ul li a:hover,.main-nav ul li.active>a,.main-nav ul li.current-menu-item>a{/*color:#98c521;*/ }
.main-nav ul li li{margin-left:30px; margin-right:0;}
.main-nav ul,.main-nav ul ul{display:none}
.main-nav>ul{ background-color:#ffffff}
.main-nav ul li a .sub-toggle:hover:before{ color:#ddd; }
ul.nav li a:link{ color:#191919;	text-decoration:none; }
ul.nav li a:visited{	color:#191919; text-decoration:none; 	}
ul.nav li a:hover{ color:#ffffff;  text-decoration:none; }
ul.nav li a.selected{ color:#ffffff;  text-decoration:none;  }
.main-nav ul li li i{ display:none; }
.main-nav ul li li a{font-size: 11px; text-transform:uppercase;}
.main-nav>ul>li>ul{}

@media (min-width:992px){
    .main-nav ul{ }
    .menu-inner .header-table{display:table;width:100%;table-layout:fixed}
    .menu-inner.affix{max-height:none;overflow:visible}.menu-inner .brand,.menu-inner .main-nav{display:table-cell;vertical-align:middle}
    .menu-inner .nav-toggle{position:absolute;width:25px;height:20px;top:35px;right:5%;border:4px solid #777;border-width:4px 0}
    .menu-inner .brand{width:200px; padding:10px 0px;}.menu-inner .main-nav{padding:20px 0 0 42px;margin:0;}
    .menu-inner .nav-toggle{display:none}
    .main-nav{text-align:right;font-size:0;white-space:nowrap; }
    .main-nav ul li{display:inline-block;font-size:12px;border-top:0; margin-right:5px; border-radius:1px;}
    .main-nav ul li a{padding:10px 12px; border-radius:4px;  text-transform:uppercase}
    .main-nav ul li a .sub-toggle{display:none}
    .main-nav ul li ul{ min-width:180px; background-color:#fffff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);text-align:left;display:none!important;position:absolute;top:100%;left:0;margin-top:0px; border-radius:1px; box-shadow:0px 0px 6px #d2d2d2;}
    .main-nav ul li li{display:block;min-width:150px;margin-left:0;border-bottom:1px solid #e8e8e8}
    .main-nav ul li li+li{border-top:0}
    .main-nav ul li li>ul{left:100%;right:auto;top:-1px}
    .main-nav ul li li a{padding:15px 14px; font-size: 11px; font-weight:400;}
    .main-nav ul li:hover>ul{display:block!important; background-color:#ffffff;}
    .main-nav>ul{margin:0;display:block!important;background:transparent}
    .main-nav>ul>li>ul{/*border-top:2px solid #98c521*/}
    .main-nav>ul>li>ul>li:first-child{border-top:0}
    .main-nav ul li li a:hover,.main-nav ul li li a.selected{ color:#ffffff; border-radius:0;}
    ul.nav li li a:hover:after, ul.nav li li a.selected:after { border:none; }
    .main-nav>ul>li>ul{ box-shadow:0px 1px 6px #d2d2d2;}
    /*ul.nav li a:hover:after, ul.nav li a.selected:after {
        content:'';
        width:0;
        height:0;
        position: absolute;
        left: 38%;
        bottom: -43%;
        border-width:8px;
        border-style:solid;
        z-index:999999;
    }*/
    ul.nav li a:link{ color:#191919;	text-decoration:none; }
    ul.nav li a:visited{color:#191919; text-decoration:none;}
    ul.nav li a:hover{ color:#ffffff;   text-decoration:none; /*background-color:#98c521;*/ }
    ul.nav li a.selected{ color:#ffffff; text-decoration:none;/* background-color:#98c521;*/  }
    ul.nav li a:hover:after, ul.nav li a.selected:after { /* use CSS generated content to add arrow to the menu */
        /*border-color:#98c521 transparent transparent transparent;*/ /* create up arrow */
    }
    .main-nav ul li li i{ display:block;}

}
@media (min-width:1200px){ }
.main-nav ul li li a:hover,.main-nav ul li li a.selected{  color:#ffffff; border-radius:0;}
.main-nav ul li a .sub-toggle{ background:#fff;}

/* Firefox Only Hack code css */
@-moz-document url-prefix() {
    .main-nav ul li li i { margin-top:-13px;}
}


@media (min-width: 481px) and (max-width: 767px) {
    .menu-inner {
        width: 100%;
        background-repeat: repeat-x;
        background-position: left -20px;
        height: 80px;
        top: 0px;
        /*position: fixed;*/
        background-image: url(../../images/prettyPhoto/default/top_bg.png);
        z-index: 999999;
    }
    .menu-inner .nav-toggle{top:25px;}
}
@media (min-width: 321px) and (max-width: 480px) {
    .menu-inner {
        width: 100%;
        background-repeat: repeat-x;
        background-position: left -20px;
        height: 80px;
        top: 0px;
        /*position: fixed;*/
        background-image: url(../../images/prettyPhoto/default/top_bg.png);
        z-index: 999999;
    }
    .menu-inner .nav-toggle{top:25px;}
}


@media (min-width: 240px) and (max-width: 320px) {
    .menu-inner {
        width: 100%;
        background-repeat: repeat-x;
        background-position: left -20px;
        height: 80px;
        top: 0px;
        /*position: fixed;*/
        background-image: url(../../images/prettyPhoto/default/top_bg.png);
        z-index: 999999;
    }
    .menu-inner .nav-toggle{top:25px;}
}