/* mitiszol css */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600;700&display=swap');

body.mitiszolweb {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 400; background-color: #fff;}
.mitiszolweb h2 {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb h2:before, .mitiszolweb h2:after { color: #f39200;}

.mitiszolweb strong, .mitiszolweb b {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb h1 {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb h3 { font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 400; }




.mitiszolweb header { background-color: #fff; }
.mitiszolweb .layer-cookie {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 400; }


.mitiszolweb .nav_select {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb .top_nav > ul {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
/*.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_bor > a { background-image: url("../img/mitiszol/top_nav_bor.svg"); background-repeat: no-repeat; background-position: 30px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_pezsgo > a { background-image: url("../img/mitiszol/top_nav_pezsgo.svg"); background-repeat: no-repeat; background-position: 30px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_szesz > a { background-image: url("../img/mitiszol/top_nav_szeszes.svg"); background-repeat: no-repeat; background-position: 25px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kiegeszito > a { background-image: url("../img/mitiszol/top_nav_kiegeszitok.svg"); background-repeat: no-repeat; background-position: 20px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_aktualis > a { background-image: url("../img/mitiszol/top_nav_aktualis.svg"); background-repeat: no-repeat; background-position: 30px center; background-size: auto 32px; }
*/
.mitiszolweb .top_nav > ul > li.tn_ico_ajanlataink > a { background-image: url("../img/mitiszol/nav_menu/top_nav_ajanlataink.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_asvanyviz > a { background-image: url("../img/mitiszol/nav_menu/top_nav_asvanyviz.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borcsomag > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borcsomag.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borkorcsolya > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borkorcsolya.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borkostolo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borkostolo.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_cava > a { background-image: url("../img/mitiszol/nav_menu/top_nav_cava.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_champagne > a { background-image: url("../img/mitiszol/nav_menu/top_nav_champagne.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_feher_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_feher_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_rose > a { background-image: url("../img/mitiszol/nav_menu/top_nav_rose.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kiegeszitok > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kiegeszitok.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulfoldi_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulfoldi_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulfoldi_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulfoldi_pezsgo.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulonleges_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulonleges_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulonleges_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulonleges_pezsgo.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_magyar_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_magyar_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_magyar_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_magyar_pezsgo.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_organikus_szeszes_ital > a { background-image: url("../img/mitiszol/nav_menu/top_nav_organikus_szeszes_ital.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_pet_nat > a { background-image: url("../img/mitiszol/nav_menu/top_nav_pet_nat.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_prosecco > a { background-image: url("../img/mitiszol/nav_menu/top_nav_prosecco.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_szeszes_ital > a { background-image: url("../img/mitiszol/nav_menu/top_nav_szeszes_ital.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_voros_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_voros_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }










.mitiszolweb .head_nav .ico_basket { background: url("../img/mitiszol/ico_3.svg") no-repeat center center; background-size: 30px auto; }
.mitiszolweb .head_nav .ico_basket:hover { background: url("../img/mitiszol/ico_3_h.svg") no-repeat center center; background-size: 30px auto; }

/*.mitiszolweb .head_nav .ico_list { background: url(../img/ico_1.svg) no-repeat center center; background-size: 25px auto; }
.mitiszolweb .head_nav .ico_man { background: url(../img/ico_2.svg) no-repeat center center; background-size: 20px auto; }
.mitiszolweb .head_nav .ico_basket { background: url(../img/ico_3.svg) no-repeat center center; background-size: 30px auto; }*/
.mitiszolweb .head_nav .ico_list:hover { background: url(../img/mitiszol/ico_1_h.svg) no-repeat center center; background-size: 25px auto; }
.mitiszolweb .head_nav .ico_man:hover { background: url(../img/mitiszol/ico_2_h.svg) no-repeat center center; background-size: 20px auto; }




.mitiszolweb .list-nav > ul > li > a {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb .list-left ul a.list-nav-active {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; background:#000; color: #fff; padding: 2px 4px;}

.mitiszolweb .item_box .price {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb footer h5 {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }

.mitiszolweb .head_logreg .btn {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; border:solid 1px #f39200; background: #f39200; }
.mitiszolweb .btn {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; border-radius: 0;}
.mitiszolweb .btn.btn-red {    background-color: #f39200;}
.mitiszolweb .btn.ib_basket {    background-color: #f39200;}

.mitiszolweb .login-layer a {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 700; }

.mitiszolweb .bg_2 { background: #fff; /*background: #e48027; background: linear-gradient(90deg, rgba(241,221,3,1) 0%, rgba(215,32,76,1) 100%);*/ }
.mitiszolweb .breadcrumb li {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 600; }
.mitiszolweb .breadcrumb li a {font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 400; }

.mitiszolweb .hashtag_head a {color:#000;}

.mitiszolweb .list-nav > ul > li {border-top: 1px solid #b6b1a8;}
.mitiszolweb .list-right {border-left: 1px solid #b6b1a8;}
.mitiszolweb .mitiszol-header {
    display: flex;
    align-items: center;   
    justify-content: flex-start;
    align-items: flex-end;
    width:100%;
}
.mitiszolweb .mitiszol-logo { width: 152px; height: 64px; background: url(../img/mitiszol/terroir_club_logo.webp) no-repeat center; margin: 15px 50px 0 0; background-size: 100% auto; }
.mitiszolweb .mitiszol-logo a { display: block; width: 100%; height: 100%; font-size: 1px; text-indent: -200%; overflow: hidden; }
.mitiszolweb .mitiszol-nav {
    margin: 18px 0 0 0;
}
.mitiszolweb .mitiszol-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.mitiszolweb .mitiszol-nav ul li { padding-right: 1px;}
.mitiszolweb .mitiszol-nav ul li a{ font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 300; color: #000; font-size: 18px; background: #e8e8e8; padding: 10px 20px; text-decoration: none; display: block; }
.mitiszolweb .mitiszol-nav ul li a:hover, .mitiszolweb .mitiszol-nav ul li a.mitiszol-nav-active {background:rgb(219, 219, 219); color:#fff;}

.mitiszolweb .top_header {margin-bottom: -60px;}
.mitiszolweb .head_nav { margin-top: 20px; margin-bottom: -8px;}
.mitiszolweb .head_logreg { margin-top: 24px; }
.mitiszolweb .head_search {border: solid 1px #000;}




.mitiszolweb.sticky .mitiszol-logo { width: 140px; height: 41px; transition: all 1s; margin: 9px 0 5px 0; background-size: auto 100%;}
.mitiszolweb.sticky .mitiszol-nav { display: none;}
.mitiszolweb.sticky .top_header {    margin-bottom: -35px;}
.mitiszolweb.sticky .head_nav {    margin-top: -54px; margin-bottom: 10px;}
.mitiszolweb.sticky .head_logreg .btn {background-color: #f39200;}
.mitiszolweb.sticky .head_logreg {    margin-top: -51px;}

.mitiszolweb .list-nav > ul > li.akcios-menu { background: url("../img/mitiszol/nav_ico_akcio_mitiszol.svg") no-repeat left center;     background-size: auto 30px;}


.mitiszolweb .half-r input {background-color: #fff;}
.mitiszolweb .ib_inp {background-color: #fff;}
.mitiszolweb .reg input:not([type="submit"]) { background-color: #fff;}
.mitiszolweb .half-r input[type="submit"] {background-color: #f39200; border-radius: 0;}

.mitiszolweb .list-filter2 .ui-widget-header {border-bottom: solid 1px #0000; background: #000;}


.mitiszolweb .list-filter2 .ui-state-default,
.mitiszolweb .list-filter2 .ui-widget-content .ui-state-default,
.mitiszolweb .list-filter2 .ui-widget-header .ui-state-default {
	border: 1px solid #000;
	background: #000;
}

.mitiszolweb .list-filter2 .ui-state-hover,
.mitiszolweb .list-filter2 .ui-widget-content .ui-state-hover,
.mitiszolweb .list-filter2 .ui-widget-header .ui-state-hover,
.mitiszolweb .list-filter2 .ui-state-focus,
.mitiszolweb .list-filter2 .ui-widget-content .ui-state-focus,
.mitiszolweb .list-filter2 .ui-widget-header .ui-state-focus {
	border: 1px solid #ccc!important;
    background: #000!important;
}

.mitiszolweb .list-filter2 .ui-slider-horizontal .ui-slider-range {background: #000000!important;}
.mitiszolweb .info_right_btn { background: #000;font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 700; }

.mitiszolweb .ib_p, .mitiszolweb .ib_m { background: #fff; }    
 
.mitiszolweb .layer-head { background-color: #000;}
.mitiszolweb .layer-block { background: #fff;}


.mitiszolweb .item_slider .item_box .ib_p, .mitiszolweb .item_slider .item_box .ib_m, .mitiszolweb .list-cont .item_box .ib_p, .mitiszolweb  .list-cont .item_box .ib_m { background: #fff; }

.mitiszolweb .ib_border .ib_cont{border:solid 2px #f39200;}
.mitiszolweb .ib_border .ib_cont:after { background: #f39200;}

.mitiszolweb .ib_szazalek .ib_cont{border:solid 2px #f39200;}
.mitiszolweb .ib_szazalek .ib_cont:after {background: #f39200;}

.mitiszolweb .ib_border_tag .ib_cont{border:solid 2px #f39200;}
.mitiszolweb .ib_border_tag_txt {
position: absolute;
top: 2px;
left: 0px;
color: rgb(255, 255, 255);
font-size: 10px;
font-family: encode-semibold;
transform: scaleY(1.3);
background: #f39200;
padding: 2px;
z-index:2;
}

.mitiszolweb .top_nav > ul > li.tn_ico_akcio > a { background-image: url(../img/mitiszol/nav_ico_akcio_mitiszol.svg);   }

.mitiszolweb .item_slider .item_box .ib_basket, .mitiszolweb .list-cont .item_box .ib_basket   {  background: #f39200 url(../img/basket_btn.svg) no-repeat center center;  background-size: 18px auto; }
.mitiszolweb .item_slider .item_box .ib_basket:hover, .mitiszolweb .list-cont .item_box .ib_basket:hover { background-image: url(../img/basket.svg);}

.mitiszolweb .slider_border h2 span{background: #fff;}

.mitiszolweb .slider_border h2:after, .mitiszolweb .slider_border h2:before  {background: #fff;}
.mitiszolweb .lista-border { border: solid 2px #f39200;}
.mitiszolweb .lista-border-txt { background: #fff; }
.mitiszol-nav-mobil {display:none;}
.mitiszolweb .layer-cont input[type="text"],.layer-cont input[type="email"],.layer-cont input[type="password"] { background:#fff; }

.mitiszolweb .bread-share{ margin:3px 0;}

.mitiszolweb .content-list .list-right .center {
    padding: 0 0 10px 0;
    width: 100%;
}
.mitiszolweb .list-filter2 {
    border-bottom: solid 1px #e5e5e5;
     margin-bottom: 0px; 
    padding-bottom: 0px;
}
  .mitiszolweb .footer_logo {  background: url("../img/mitiszol/footer_logo.png") no-repeat; background-size: 100% auto;}
.mitiszolweb .lista_loading_anim div {  background: #f39200;}
.mitiszolweb .kapcs textarea {background: #fff;}
.mitiszolweb .kapcs input {background: #fff;}
.mitiszolweb .cikk_sa { background: #fff;}

.list-nav > ul > li.aktualis-ajanlat { padding-left: 35px; background: url("../img/mitiszol/top_nav_aktualis.svg") no-repeat left center; background-size: auto 30px; }
.list-nav > ul > li.ajanlataink { padding-left: 35px; background: url("../img/mitiszol/nav_menu/top_nav_ajanlataink.svg") no-repeat left center; background-size: auto 30px; }




@media screen and (max-width: 1070px) {
  .mitiszolweb .mitiszol-nav ul li a{ padding: 10px 10px;}
}
@media screen and (max-width: 991px) {
    .mitiszolweb .mitiszol-nav ul li a{ font-size: 16px; padding: 10px 10px;}
}
@media screen and (max-width: 969px) {
    .mitiszolweb .mitiszol-nav {display: none;}
    .mitiszolweb .mitiszol-logo  {    margin: 5px 0 0 0;    width: 150px;    height: 55px; background-size: auto 90%;}
    .mitiszolweb .top_header {margin-bottom:-60px;}

    .mitiszolweb .head_logreg {        margin-top: -52px;    }
    .mitiszolweb .head_nav {        margin-top: -57px;        margin-bottom: 10px;    }
    .mitiszolweb .head_logreg .btn {background-color: #f39200;}

    .mitiszol-nav-mobil {display:block;}
    .mitiszolweb ul.mitiszol-nav-mobil  li {padding-bottom: 1px;}
    .mitiszolweb ul.mitiszol-nav-mobil  li a{ font-family: 'Work Sans',  Arial, Helvetica, sans-serif; font-weight: 300; color: #000; font-size: 16px; background: #e8e8e8; padding: 10px 5px; text-align:center; text-decoration: none; width: 100%; display: block; height:auto;}
    .mitiszolweb ul.mitiszol-nav-mobil  li a.mitiszol-nav-active {background:rgb(219, 219, 219); color:#fff;}
    
  /*
.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_bor > a { background-image: url("../img/mitiszol/top_nav_bor.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_pezsgo > a { background-image: url("../img/mitiszol/top_nav_pezsgo.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_alkoholos_szesz > a { background-image: url("../img/mitiszol/top_nav_szeszes.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kiegeszito > a { background-image: url("../img/mitiszol/top_nav_kiegeszitok.svg"); background-repeat: no-repeat; background-position: 5px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_aktualis > a { background-image: url("../img/mitiszol/top_nav_aktualis.svg"); background-repeat: no-repeat; background-position: 15px center; background-size: auto 32px; }
*/

.mitiszolweb .top_nav > ul > li.tn_ico_ajanlataink > a { background-image: url("../img/mitiszol/nav_menu/top_nav_ajanlataink.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_asvanyviz > a { background-image: url("../img/mitiszol/nav_menu/top_nav_asvanyviz.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borcsomag > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borcsomag.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borkorcsolya > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borkorcsolya.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_borkostolo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_borkostolo.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_cava > a { background-image: url("../img/mitiszol/nav_menu/top_nav_cava.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_champagne > a { background-image: url("../img/mitiszol/nav_menu/top_nav_champagne.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_feher_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_feher_bor.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_rose > a { background-image: url("../img/mitiszol/nav_menu/top_nav_rose.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kiegeszitok > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kiegeszitok.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulfoldi_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulfoldi_bor.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulfoldi_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulfoldi_pezsgo.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulonleges_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulonleges_bor.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_kulonleges_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_kulonleges_pezsgo.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_magyar_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_magyar_bor.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_magyar_pezsgo > a { background-image: url("../img/mitiszol/nav_menu/top_nav_magyar_pezsgo.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_organikus_szeszes_ital > a { background-image: url("../img/mitiszol/nav_menu/top_nav_organikus_szeszes_ital.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_pet_nat > a { background-image: url("../img/mitiszol/nav_menu/top_nav_pet_nat.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_prosecco > a { background-image: url("../img/mitiszol/nav_menu/top_nav_prosecco.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_szeszes_ital > a { background-image: url("../img/mitiszol/nav_menu/top_nav_szeszes_ital.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }
.mitiszolweb .top_nav > ul > li.tn_ico_voros_bor > a { background-image: url("../img/mitiszol/nav_menu/top_nav_voros_bor.svg"); background-repeat: no-repeat; background-position: 0px center; background-size: auto 32px; }





}
@media screen and (max-width: 639px) {
    .mitiszolweb .mitiszol-logo  {      width: 120px;        height: 36px;        margin: 9px 0 5px 0; background-size: auto 90%;}
}
@media screen and (max-width: 479px) {
    .mitiszolweb .mitiszol-logo  {      width: 85px;        height: 30px;        margin: 9px 0 15px 0; background-size: auto 90%;}
}





@media only screen and (min-width: 969px){
  /*.mitiszolweb .nav_col { height:260px; }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul {
    display: flex;
    flex-wrap: wrap;
    width: 280px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(odd) {
    width: 100%;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(even) {
    width: 100%;
  }
   .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(5) {
    width: 100%;
  }
    .mitiszolweb .top_nav .nav_col > li:nth-child(3) > ul {
    display: flex;
    flex-wrap: wrap;
    width: 280px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(3) > ul > li {
    width: 50%;
  }*/
/*.mitiszolweb .top_nav .nav_col {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.mitiszolweb .top_nav .nav_col > li { border-right: solid 1px #d3cfc7; margin: 10px 0; height: calc(100% - 20px); padding-right: 30px; width: auto;}
.mitiszolweb .top_nav .nav_col > li:last-child { border-right: none; padding-right: 0px; width: auto;}
.mitiszolweb .top_nav .nav_col > li > ul{display: block; border: none;}

.mitiszolweb .tn_submenu {width:auto; padding-left: 30px;}
.mitiszolweb .tn_submenu > li a {font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase;}
*/
/*
.mitiszolweb .top_nav  {

  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
}
.mitiszolweb .menu_act .top_nav {
  display: flex;
}
*/
/*
.mitiszolweb .top_nav .nav_col  { border-right: solid 1px #d3cfc7; margin: 10px 0;  padding-right: 30px; width: auto; text-align: left;   justify-content: flex-start;
  align-items: flex-start; flex-direction: row; display: block;}
.mitiszolweb .top_nav .nav_col > li { width: auto; height: auto;}
.mitiszolweb .top_nav .nav_col:last-child { border-right: none; padding-right: 0px; width: auto;}
.mitiszolweb .top_nav .nav_col > li > ul{display: block; border: none;}


.mitiszolweb .tn_submenu {width:auto; padding-left: 30px;}
.mitiszolweb .tn_submenu > li a {font-family: 'Work Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase;}


 .mitiszolweb.sticky .nav_col { height:260px; }
 */
/*  
  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(2) > ul {
    width: 190px;
  }

  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(3) > ul {
    width: 225px;
  }
   .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(odd) {
    width: 100%;
  }
  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(even) {
    width: 100%;
  }
    .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(3) > ul > li {
    width: 50%;
  }
*/





  
  
}


@media only screen and (min-width: 1024px){
  /*.nav_col { height:200px; }



  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul {
    width: 325px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul {
 
    display: flex;
    flex-wrap: wrap;
    width: 325px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(odd) {
    width: 60%;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(2) > ul > li:nth-child(even) {
    width: 40%;
  }



  .mitiszolweb .top_nav .nav_col > li:nth-child(1) > ul {
 
    display: flex;
    flex-wrap: wrap;
    width: 325px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(1) > ul > li:nth-child(odd) {
    width: 60%;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(1) > ul > li:nth-child(even) {
    width: 40%;
  }





  
   .mitiszolweb .top_nav .nav_col > li:nth-child(3) > ul {
 
    display: flex;
    flex-wrap: wrap;
    width: 325px;
  }
  .mitiszolweb .top_nav .nav_col > li:nth-child(3) > ul > li {
    width: 33%;
  }
    
  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(2) > ul {
    width: 225px;
  }
 .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(3) > ul {
    width: 225px;
  }
  */
}
@media only screen and (min-width: 1124px){
  /*
  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(1) > ul {
    width: 280px;
  }
  .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(2) > ul {
    width: 280px;
  }
 .mitiszolweb.sticky .top_nav .nav_col > li:nth-child(3) > ul {
    width: 280px;
  }
  */
}