/* desktop */
@media all and (min-width: 851px) {

.prodmeny .nav ul { display: inline-block;list-style-type: none;width: 100%; text-align:center;}
.prodmeny .nav ul li {position: relative; width: auto;display: inline-block;}
.prodmeny .nav ul li a {font-size: 12px;}
.prodmeny .nav ul li a, .nav ul li i{height: 40px;line-height: 40px;padding: 0 10px;}
.prodmeny .nav ul li ul li, .nav ul li ul li a{width:100%;}
.prodmeny .nav ul li i{display: none;}
.prodmeny .nav ul li ul {position: absolute;top: 40px;left: 0;width: 250px;}
.prodmeny .nav ul li ul li ul {position: absolute;top: 0;left: 250px;}
/* show/hide */
.prodmeny .nav ul li ul{display: none;}
/*.nav ul > li:hover > ul{display:block;}*/
.Column{display: none;}
}
/* mobil */
@media all and (max-width: 850px) {
.toggle-area.active .toggle-drop {display: block;position: fixed; top: 71px; left: 0; width: 100%; background: #fff; line-height: normal; height: calc(100% - 71px); overflow-y: scroll;}
.prodmeny .nav ul li ul{box-shadow:none;}
.mobilenav.active .nav{display:block;position: fixed;top: 0; left: 0; width: 85%;height: 100%;}
#bodywrapper.active {left: 85%;}
.prodmeny .nav ul li{position:relative;width:100%;padding:0 0 0 10px;border-bottom: 1px solid #eee;}
.prodmeny .nav ul li ul li {border-bottom: 0;}
.prodmeny .nav ul li a, .nav ul li i{height:40px;line-height:40px;padding:0 10px;}
.prodmeny .nav ul li i.fa {cursor:pointer;color: #FFFFFF;position: absolute; z-index: 10; right: 0;top: 0;text-align: center;height: 30px;line-height: 30px;font-size: 23px;padding: 0;width: 30px; background: #5E96B3; margin: 5px;border-radius: 5px;}
.prodmeny .nav ul li.active i.fa,  .nav ul li.active-parent i.fa {background: #3F6E86;}
ul.niva1 { margin-top: 40px;}

.prodmeny .nav ul li:hover{background:transparent;}
/* show/hide */
.prodmeny .nav ul, 
.prodmeny .nav ul li, 
.prodmeny .nav ul li a, 
.prodmeny .nav ul > li.active > ul, 
.prodmeny .nav ul > li.active-parent ul, 
.prodmeny .nav ul > li.active-parent > ul > li.active > ul,
.prodmeny .nav ul > li.active-parent ul > li.active > ul{display:block;width:100%;float:left;}
.prodmeny .nav ul li ul, 
.prodmeny .nav ul > li.active-parent ul li ul{display:none;}
#bodywrapper.active .bodycover { position: fixed;left: 85%;width: 15%;height: 100%;z-index: 10;}
}