/*
 * Style tweaks
 * --------------------------------------------------
 */
 html,
 body { overflow-x: hidden; /* Prevent scroll on narrow devices */ }
 
 /*
  * Off Canvas
  * --------------------------------------------------
  */
 @media screen and (min-width: 1220px) {
 .navbar-toggle { display: none !important; }
 a.close-it { display: none; }
 }
 @media screen and (max-width: 1219px) {
   /*  header { height: 110px !important; position: static !important; }*/
     .navbar-brand { padding: 10px 15px !important; }
 .navbar-brand>img {
 
 }
     #menu-primary li.success > .dropdown-menu > li {
     width: 100% !important;
     display: block !important;
     float: none !important;
 }
     #main-content { margin-top:0px !important; }
 #menu-primary.navbar-nav>li.btn,
 #menu-main-menu-v2.navbar-nav>li.btn {     margin: 0 auto !important; display: block; text-align: center !important;   }
 #menu-primary.navbar-nav>li.btn a,
 #menu-main-menu-v2.navbar-nav>li.btn a { text-align: center;  margin: 0 auto; }
 /* #menu-primary.navbar-nav>li>a br { display: none;}
 .active .navbar-fixed-top > .container,
 .active #utility,
 .active .navbar-fixed-top { position: fixed; right: 100%; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;     width: 100%;} */
 .active #content { position: fixed;}
 #toggle {     padding: 7px 15px;
     margin-left: 10px;
     margin-right: 10px;
     top: 20%;
     position: absolute;
     right: 0;
     display: block;}
 #toggle i { font-size: 20px; color: #bad342; }
 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height:none !important; }
 .navbar-left { float: none !important; }
 #top-bar,
 #menu-primary.navbar-nav.pull-left,
 #menu-primary.navbar-nav.pull-right,
 #menu-main-menu-v2.navbar-nav.pull-left,
 #menu-main-menu-v2.navbar-nav.pull-left { display:none !important; }
 .row-offcanvas { position: relative; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
 .row-offcanvas-right { width:100%; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
 .row-offcanvas-right.active { right: 300px; }
 .row-offcanvas-left { left: 0; }
 .row-offcanvas-right .sidebar-offcanvas { right: -100%; /* 6 columns */ }
 .row-offcanvas-left .sidebar-offcanvas { left: -100%; /* 6 columns */ }
 .row-offcanvas-right.active #utility { right:0px; }
 .row-offcanvas-right.active { right: 300px; /* 6 columns */ overflow-x: visible; position: fixed; display:block; }
 .row-offcanvas-left.active { left: 100%; /* 6 columns */ }
 .sidebar-offcanvas { margin-top: 0px; position: absolute; top: 0;    width: 300px; overflow-y:scroll; z-index: 2; height: 100% !important; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; background:#fff; left: auto !important;}
 .sidebar-offcanvas .container { padding:0px !important; }
 .sidebar-offcanvas .navbar-collapse { display:block !important; padding: 0px; }
 .active .sidebar-offcanvas { position:fixed; display:block; right:0; height:100% !important; }
 #menu-primary.navbar-nav>li,
 /*#menu-main-menu-v2>li { width:100%; margin-right: 15px; margin-right: 15px; position: static; clear: both; display: block; float: none; color:#fff; text-align: left;}*/
 #menu-primary.navbar-nav>li>.dropdown-menu
 /*#menu-main-menu-v2.navbar-nav>li>.dropdown-menu */{ position: static !important; width: 100% !important; height: 100%; box-shadow: none; margin-bottom: 20px; text-align: left !important;}
 #menu-primary.navbar-nav>li>a,
 /*#menu-main-menu-v2.navbar-nav>li>a { padding: 15px 25px !important;  white-space: normal !important; height: auto !important; width: 100%; display: block !important; text-align: left; }*/
 .offcanvas-toggle.navbar-toggle.close { display: block !important; margin: 0px; top:10px; position: absolute; right: 10px; height:44px; z-index: 2; }
 .offcanvas-toggle .sr { color: #fff; font-size: 11px; text-transform: uppercase; top: -5px; position: relative; }
 #menu-primary.navbar-nav,
 /*#menu-main-menu-v2.navbar-nav { width: 100%; margin:50px 0 0 0; }*/
 .logged-in .sidebar-offcanvas { top: 32px;}
 .navbar-toggle .icon-bar { display: block; width: 28px; height: 3px; border-radius: 1px; color: #fff; background: #fff; position: relative; }
 #menu-primary.navbar-nav>li>a,
 /*#menu-main-menu-v2.navbar-nav>li>a { font-size: 15px !important; }*/
 #menu-primary.navbar-nav>li>a i,
 #menu-main-menu-v2.navbar-nav>li>a i { float:right; }
 #menu-primary.navbar-nav .hidden,
 #menu-main-menu-v2.navbar-nav .hidden { display:block !important; visibility:visible !important; opacity:1 !important; position:static; }
 #menu-primary.navbar-nav a.visible,
 #menu-main-menu-v2.navbar-nav a.visible { display:none !important; visibility:hidden !important; }
 .caret.down { float: right;     margin-top: 5px; }
 button.close { top: 0 !important; right: 15px !important; color:#fff; opacity: 1 !important; }
 .sidebar-offcanvas li.hidden a { display:block !important; }
 .sidebar-offcanvas li.hidden.navi { display:block !important; }
 #menu-primary.navbar-nav .open .dropdown-menu,
 #menu-main-menu-v2.navbar-nav .open .dropdown-menu { background:#fff; margin-bottom: 5px;  border-top: 1px solid #e5e5e5;}
 nav.fixed-nav { position: absolute !important; }
 .navbar .caret { margin-left: 6px; margin-top: 6px; position: relative; float: right; }
 .navbar { margin: 0px !important; height: auto !important; }
 header button.navbar-toggle { display:none !important; }
 header .social { margin-right: 60px; }
 .nav .open>a, .nav .open>a:focus, 
 .nav .open>a:hover, 
 .nav>li>a:focus, .nav>li>a:hover, 
 #menu-primary.navbar-nav>li>a:hover, 
 #menu-primary.navbar-nav>li.active>a,
 #menu-main-menu-v2.navbar-nav>li>a:hover, 
 #menu-main-menu-v2.navbar-nav>li.active>a { background: #bad342 !important; border-radius:0px; }
 
 /*.dropdown ul { margin:0px; }*/
 .dropdown .caret { margin-left: 6px; margin-top: 5px; float: right; }
 }
 @media screen and (max-width:782px) {
 .logged-in .sidebar-offcanvas { top: 46px;}
 }