/* Основний контейнер меню */
/**/

/* Стилі для підменю */
nav ul li ul {
    display: none; /* Приховуємо підменю */
    position: absolute;
    top: 100%;
    left: 0;
    background: #444; /* Фон підменю */
    padding: 0;
}

nav ul li ul li {
    display: block; /* Відображаємо пункти підменю вертикально */
}

nav ul li ul li a {
    padding: 10px 20px;
    color: #fff; /* Колір тексту підменю */
    background: #444; /* Фон пункту підменю */
}

nav ul li ul li a:hover,
nav ul li ul li a:focus {
    background: #555; /* Фон пункту підменю при наведенні */
}

/* Показуємо підменю при наведенні */
nav ul li:hover > ul,
nav ul li:focus-within > ul {
    display: block; /* Відображення підменю при наведенні */
}

/* Стилі для елементів, які мають підменю */
nav ul li.menu-item-has-children > a::after {
    content: ' ▼'; /* Стрілка, що вказує на наявність підменю */
    font-size: 0.8em;
    color: #ccc; /* Колір стрілки */
}
.nav > li.wpml-ls-item > a {
    display: flex;
    align-items: center;
}

.wpml-ls-menu-item .wpml-ls-flag{
    vertical-align: middle;
}

.lang-menu{
    padding-right: 15px;
}

form .wpcf7-response-output{
	color: #333333!important;
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
	.top-bar-area ul li:first-child{
		padding-right: 10px;	
	}
	.top-bar-area ul li:last-child{
		margin: 0;
		padding: 0;
	}
	.top-bar-area ul li:last-child:after{
		display: none;
	}
}

@media (max-width: 768px) {
    nav ul li {
        display: block; /* Відображення елементів меню вертикально на мобільних пристроях */
    }

    nav ul li ul {
        position: static; /* Стандартне розташування підменю */
    }
}