﻿
.th-mobile-menu { overflow-y: hidden; max-height: calc(100vh - 200px); padding-bottom: 40px; margin-top: 33px;  text-align: left; }
.th-mobile-menu ul li a { display: block; position: relative; padding: 12px 0; line-height: 1.4; font-size: 16px; text-transform: capitalize; color: var(--title-color); padding-left: 18px; font-weight:bold; }
.main-menu-active { display: block; position: relative; font-weight: 500; font-size: 16px; color: var(--theme-color2) !important; text-transform: uppercase; font-weight: bold; }
.main-menu-active::after { content: "\f86b"; font-family: var(--icon-font); font-weight: 900; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 12px; padding-left:10px; }
.chef001 img { height:130px;}



@media only screen and (max-width: 480px) {

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-logo img { height: 70px !important; }
    .main-menu a { font-size: 12px !important;}
    .header-links li { font-size: 12px !important; font-weight:bold; }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header-logo img { height: 70px !important; }
    .main-menu a { font-size: 11px !important;}
    .header-links li { font-size: 11px !important; font-weight:bold; }
    .main-menu-active::after { content: "\f86b"; font-family: var(--icon-font); font-weight: 900; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 12px; padding-left:0; }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .header-logo img { height: 70px !important; }
    .main-menu a { font-size: 12px !important;}
    .header-links li { font-size: 12px !important; font-weight:bold; }
    .main-menu-active::after { content: "\f86b"; font-family: var(--icon-font); font-weight: 900; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 12px; padding-left:0; }
}

@media only screen and (min-width: 1281px) {
    .header-logo img { height: 90px !important; }
    .main-menu a { font-size: 14px !important;}
    .header-links li { font-size: 14px !important; font-weight:bold; }
    .main-menu-active::after { content: "\f86b"; font-family: var(--icon-font); font-weight: 900; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 14px; }
    .main-menu-active::after { content: "\f86b"; font-family: var(--icon-font); font-weight: 900; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 12px; padding-left:0; }
}

@media(max-width:767px){
.galeria-carousel{position:relative;}
.galeria-carousel .slick-arrow{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:40%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;background:#4C1716!important;color:#fff!important;border:0!important;border-radius:50%!important;align-items:center;justify-content:center;z-index:20!important;margin:0!important;transition:none!important;}
.galeria-carousel .slick-prev{left:15px!important;right:auto!important;}
.galeria-carousel .slick-next{right:15px!important;left:auto!important;}
.galeria-carousel:hover .slick-arrow{visibility:visible!important;opacity:1!important;}
.galeria-carousel .slick-arrow:hover,.galeria-carousel .slick-arrow:focus{background:#4C1716!important;color:#fff!important;opacity:1!important;}
}