.header { width: 100%; display: inline-block; vertical-align: top; background-color: #ffffff; padding: 20px 0; line-height: 0; }
.header .navbar { width: 100%; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.header .navbar .nav-logo { width: auto; display: inline-block; }
.header .navbar .nav-logo a { width: auto; display: inline-block; }
.header .navbar .nav-logo a img { width: 100%; display: inline-block; vertical-align: top; max-width: 350px; }
.header .navbar .menu-items { width: auto; display:flex; align-items: center; line-height: 0; }
.header .navbar .menu-items .nav-toggal-bar { display: none; }
.header .navbar .menu-items .main-navigation { width: auto; display: inline-block; padding: 0; margin: 0; }
.header .navbar .menu-items .main-navigation ul { width: auto; display: flex; align-items: center; justify-content: flex-end; }
.header .navbar .menu-items .main-navigation ul li { width: auto;  font-size: 20px; line-height: 1; font-weight: 500; padding: 0 20px; margin: 0; transition: all 0.3s ease-in-out; }
.header .navbar .menu-items .main-navigation ul li a { width: auto; display: inline-block; color: #000; padding: 0; border: none; }
.header .navbar .menu-items .main-navigation ul li:hover a { color: #1568A8; }
.header .navbar .menu-items a.nav-link { width: auto; position: fixed; right: 50px; z-index: 9; display: inline-block; font-size: 20px; line-height: 1; color: #fff; background: #1568A8; border-radius: 6px; padding: 15px 20px; font-weight: 400; transition: all 0.4s ease-in-out; }
.header .navbar .menu-items a.nav-link:hover { background-color: #ffffff; box-shadow: 1px 1px 3px 3px rgba(164, 164, 164, 0.621); color: #1568A8; }

@media (max-width:1689px) {
	.header .navbar .menu-items { padding-right: 172px; }
}
@media (max-width:1200px) {
	.header .navbar .menu-items .main-navigation ul li { padding: 0 15px; }
	.header .navbar .nav-logo a img { max-width: 300px; }
}
@media (max-width:1024px) {
	.header .navbar .menu-items .main-navigation ul li { padding: 0 15px; font-size: 18px; }
	.header .navbar .menu-items a.nav-link { margin-left: 15px; font-size: 18px; }
	.header .navbar .nav-logo a img { max-width: 300px; }
}
@media (max-width:991px){	
	.header .navbar { display: inline-block; position: relative; }
	.header .navbar .nav-logo { width: 100%; }
	.header .navbar .nav-logo a img { max-width: 300px; }
	.header .navbar .menu-items { display: inline-block; width: 100%; }
	.header .navbar .menu-items .nav-toggal-bar { display: inline-block; position: absolute; top: 15px; right: 5px; line-height: 0; }
	.header .navbar .menu-items .nav-toggal-bar img.cross { display: none; }
	.header .navbar .menu-items.active-nav .nav-toggal-bar img.cross { display: block; }
	.header .navbar .menu-items.active-nav .nav-toggal-bar img.bar { display: none; }
	.header .navbar .menu-items .main-navigation, .header .navbar .menu-items a.nav-link { display: none; }
	.header .navbar .menu-items.active-nav .main-navigation { display: inline-block; width: 100%; }
	.header .navbar .menu-items.active-nav a.nav-link { display: inline-block; width: auto; position: relative; right: 0; }
	.header .navbar .menu-items .main-navigation ul { display: inline-block; }
	.header .navbar .menu-items .main-navigation ul li { margin: 20px 0;}
}

@media (max-width:576px){
	.header .navbar .nav-logo a img { max-width: 250px; }
	.header .navbar .menu-items .nav-toggal-bar { top: 12px; }
}