@media (max-width: 979px) {
/*//// ev boltja logo  ////*/
    #ev_boltja_logo{width:70px;}
/*//////// VTEM MENU //////////////*/
  .mega-menu-wrapper ul, .mega-menu-wrapper li, .mega-menu-wrapper .mega-group{width:100% !important;}
  .mega-menu-wrapper .sub-container, .mega-menu-wrapper ul, .mega-menu-wrapper li{z-index:1 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
  .mega-menu-wrapper .sub-container{max-width:100%; width:100% !important; position:relative !important; left:auto !important; top: auto !important; float:left;}
  .mega-menu-wrapper .main-mega-menu > li > .sub-container{-moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border:none !important;}
  .oVertical-wrapper.mega-menu-wrapper > .main-mega-menu > li > .sub-container{-moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
  .row-fluid [class*="span"] + [class*="span"]{}
  .menu-stick{
	  /*display: block; background-position:center 100%; margin-left:70px; position:absolute; right:0px; top:0px; z-index:30000;*/
	display: block;
    background-position: center 115%;
    background-color: var(--czs);
    position: fixed;
    right: 15px;
    top: 15px;
    border-radius: 50%;
    z-index: 30000;
  }
  .mega-menu-stick{display:none;}
  .oMenuStickOpen{margin-left:260px;margin-right:-260px; overflow:hidden;}
  .oMenuStickClose{margin-left:0;}
  .oMenuStickClose .main-mega-menu{height:0; display:none;}
  .oMenuStickOpen .main-mega-menu{
	  position:fixed;
	  left:0;
	  top:0;
	  width:260px !important;
	  height:100%;
	  overflow:auto;
	  box-shadow:3px 0 8px rgba(180, 180, 180, 0.5);
	  border-right:1px solid #ccc;
	  z-index:99999;
      border-top: 0px;
	  border-left: 0px;
  }
  .oMenuStickOpen .main-mega-menu .sub-container{margin:0 !important;}
  .oMenuStickOpen .main-mega-menu .sub-container, .main-mega-menu li > a,
  .mega-menu-wrapper .main-mega-menu li > a:hover{
	  display:block !important; 
	  background:none !important; 
	  color:#000 !important; 
	  opacity:1 !important; 
	  font-weight:normal !important;
  }
  .mega-menu-icon{ display:none !important;}
  .mega-menu-wrapper ul.main-mega-menu li a:hover{text-decoration:underline;}
  .mega-menu-wrapper ul.main-mega-menu li.current > a{ color:#666 !important; font-weight:normal !important;}
  .mega-menu-wrapper ul{
	background: #00000012 /*url(../vtemtools/menus/css/images/line.png) repeat-y 10px center; !important; */;
    border-top: 0px solid #0000002e;
    border-left: 5px solid #00000057;
    /* margin-left: 13px !important; */
    margin-top: 0px !important;
    margin-bottom: 15px !important;
  }
  .menuvtem_nav .current.active > a:not(.menukep),
  .menuvtem_nav .active > a:not(.menukep), 
  .menuvtem_nav .current > a:not(.menukep), 
  .main-mega-menu li.mega-hover > a:not(.menukep) {
	border-bottom: 1px solid transparent;
  }
  #vtemdefaultmenu {
    background: white;
  }
  #vtemdefaultmenu > li {
    padding: 0px !important;
  }
  .mega-menu-wrapper ul.main-mega-menu li{
	  background:transparent /*url(../vtemtools/menus/css/images/node-mid.png) no-repeat 10px -5px !important*/;
	  padding:0 10px 0 25px !important;
	  /*opacity:0.9;*/
  }
  .mega-menu-wrapper ul.main-mega-menu li a{
	padding: 5px !important;
    padding-left: 0px !important;
    margin: 0px !important;
  }
  .mega-menu-wrapper ul.main-mega-menu > li > a{font-size:100%; font-weight:bold;}
  .mega-menu-wrapper ul.main-mega-menu > li:first-child{
		/*background:#fff url(../vtemtools/menus/css/images/node-first.png) no-repeat 10px 20px !important;*/
  }
  .mega-menu-wrapper ul.main-mega-menu li:last-child{
		/*background:#fff url(../vtemtools/menus/css/images/node-last.png) no-repeat 10px -30px !important;*/
  }
  .oMenuOverwrite{position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(50, 50, 50, 0.3); cursor:pointer;}
  .main-mega-menu .sub-container li.mega-hover > a,
  .main-mega-menu .sub-container li.current.active > a,
  .active.parent .sub-container li.active > a,
  .menuvtem_nav .current.active > a,
  .main-mega-menu li.mega-hover > a, .main-mega-menu li.mega-hover > a:hover,
  .menuvtem_nav > .active > a, .menuvtem_nav > .active > a:hover, .menuvtem_nav > .active > a:focus{color: #000 !important; font-weight:bold !important;}
  .main-mega-menu li li .sub-container:before,
  .main-mega-menu li .sub-container:before {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    content: "";
    display: inline-block !important;
    left: auto !important;
    /*position: inherit !important;*/
    top: auto !important;
  }
  .main-mega-menu li li .sub-container:after,
  .main-mega-menu li .sub-container:after {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    content: "";
    display: inline-block !important;
    left: auto !important;
    position: inherit !important;
    top: auto !important;
  }
  .main-mega-menu li li .sub-container {
    padding: 0 !important;
    top: auto !important;
  }
  .main-mega-menu li .sub-container {
    border: 0 none;
    border-radius: 6px;
    box-shadow: none;
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 0 !important;
    position: relative;
    top: 0;
    z-index: 1000;
  }
  .main-mega-menu > li > .menukep{padding:0px 5px !important;}
  div.mega-menu-wrapper a > img, ul.menu a > img {
	background: var(--cz);
    height: auto;
    padding: 20px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
  .mega-menu-stick{display: block !important;}
  .main-mega-menu > li > a{ margin-right:0px; padding:10px 12px !important;}
  .main-mega-menu > li > .menukep{padding:0px 5px !important;}
  
}

@media (min-width: 992px) {
.main-mega-menu > li > a{ margin-right:0px; padding:10px 12px !important;}
.main-mega-menu > li > .menukep{padding:0px 5px !important;}
}
@media (min-width: 1200px) {
.main-mega-menu > li > a{ margin-right:5px; padding:10px 20px !important;}
.main-mega-menu > li > .menukep{padding:0px 5px !important;}
}
