@media (min-width : 768px) {
	/* DESKTOP */

	.header-mobile,
	.header-back-btn,
	.mobile-banner-btn,
	.mobile-flags {
		display: none !important;
	}

	.header-desktop {
		position  : fixed;
		/* fixed */
		top       : 0;
		width     : 100%;
		padding   : 0 20px;
		z-index   : 10;
		background: #fff;
	}

	.header-logo a {
		display        : flex;
		flex-direction : column;
		justify-content: center;
		padding        : 10px 0;
		height         : 80px;
	}

	.header-nav {
		width: 100%;
	}

	.header-nav ul {
		font-size  : 0;
		text-align : right;
		margin-left: 10px;
		display    : flex;
		align-items: center;
	}

	.header-nav ul li {
		position: relative;
		display : inline-block;
	}

	.header-nav ul li a {
		display        : inline-block;
		text-decoration: none;
		letter-spacing : 1px;
		color          : #888;
		font-size      : 16px;
		padding        : 0 20px;
		line-height    : 80px;
		font-weight    : 400;
	}

	.header-nav ul li a:hover,
	.header-nav ul li.current-menu-item a,
	.header-nav ul li.current_page_item a,
	.header-nav ul li.current_page_ancestor a,
	.header-nav ul li a.sub-active {
		color          : var(--main);
		text-decoration: none;
	}

	/* DROPDOWN */
	.header-nav ul ul {
		position        : absolute;
		display         : none;
		min-width       : 160px;
		font-size       : 16px;
		text-align      : left;
		top             : 70px;
		z-index         : 20;
		background-color: #edf0f3;
		box-shadow      : rgba(0, 0, 0, 0.2) 0px 1px 2px;
		border-radius   : 3px;
	}

	.header-nav ul ul:before {
		content     : "";
		border-style: solid;
		border-width: 0 9px 9px 9px;
		border-color: transparent transparent #edf0f3 transparent;
		height      : 0;
		position    : absolute;
		left        : 15px;
		top         : -9px;
		width       : 0;
		cursor      : pointer;
	}

	/* DROPDOWN FLAGS */
	.header-nav ul.language-selector ul.submenu {
		right: 0;
	}

	.header-nav ul.language-selector ul.submenu:before {
		left : initial;
		right: 10px;
	}

	.header-nav ul ul li {
		display: block;
	}

	.header-nav ul ul li a {
		display    : block;
		margin     : 0;
		padding    : 10px 20px;
		line-height: 120%;
		font-size  : 13px;
	}

	.header-nav ul ul li a:hover,
	.header-nav ul ul li.current-menu-item a {
		background-color: rgba(190, 199, 208, .3);
		color           : #0064ff;
	}

	/* LANGUAGE FLAGS */
	.language-selector {
		float : right;
		margin: 0 12px;
	}

	.language-selector>li>a {
		background-repeat  : no-repeat;
		background-position: center;
		height             : 80px;
		width              : 40px;
		margin-top         : 0 !important;
	}

	.language-selector .submenu li a {
		background-repeat  : no-repeat;
		background-position: 12px center;
		padding            : 10px 20px 10px 40px !important;
	}

	.language-selector>li>a::after,
	.language-selector .submenu li a::after {
		content: none !important;
	}

	.language-selector .submenu .flag-en a,
	.language-selector>li.flag-en>a {
		background-image: url(../images/flags/en.svg);
	}

	.language-selector .submenu .flag-it a,
	.language-selector>li.flag-it>a {
		background-image: url(../images/flags/it.svg);
	}

	.language-selector .submenu .flag-es a,
	.language-selector>li.flag-es>a {
		background-image: url(../images/flags/es.svg);
	}

	.language-selector .submenu .flag-zh-hans a,
	.language-selector>li.flag-zh-hans>a {
		background-image: url(../images/flags/zh-hans.svg);
	}

	.language-selector .submenu .flag-de a,
	.language-selector>li.flag-de>a {
		background-image: url(../images/flags/de.svg);
	}

	.language-selector .submenu .flag-fr a,
	.language-selector>li.flag-fr>a {
		background-image: url(../images/flags/fr.svg);
	}

	.language-selector .submenu .flag-pt-pt a,
	.language-selector>li.flag-pt-pt>a {
		background-image: url(../images/flags/pt-pt.svg);
	}

	.language-selector .submenu .flag-ru a,
	.language-selector>li.flag-ru>a {
		background-image: url(../images/flags/ru.svg);
	}

	.language-selector .submenu .flag-iq a,
	.language-selector>li.flag-iq>a {
		background-image: url(../images/flags/iq.svg);
	}

	.language-selector .submenu .flag-fi a,
	.language-selector>li.flag-fi>a {
		background-image: url(../images/flags/fi.svg);
	}

	.language-selector .submenu .flag-th a,
	.language-selector>li.flag-th>a {
		background-image: url(../images/flags/th.svg);
	}
}

@media (max-width: 998px) {
	/* TABLET */

	.header-nav ul li a {
		letter-spacing: 0px;
		font-size     : 15px;
		padding       : 0 10px;
	}

}

@media (max-width: 767px) {
	/* MOBILE */

	.header-desktop .container {
		padding: 0 !important;
	}

	.header-logo,
	.language-selector {
		display: none;
	}

	.header-back-btn {
		background-color   : #0065ff;
		background-image   : url(../images/logo-white.svg);
		background-repeat  : no-repeat;
		background-position: 30px center;
		margin-bottom      : 30px;
		width              : 100%;
		height             : 54px;
	}

	.header-mobile {
		position  : fixed;
		top       : 0;
		height    : 54px;
		width     : 100%;
		max-width : initial;
		overflow  : hidden;
		z-index   : 99;
		background: #FFF;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	}

	.header-mobile img {
		display   : block;
		height    : 54px;
		object-fit: contain;
	}

	.mobile-banner-btn {
		display        : block;
		text-decoration: none;
		font-size      : 16px;
		padding        : 16px 20px;
		color          : #888;
	}

	/* PANEL LEFT */
	.header-desktop {
		position        : fixed;
		top             : 0;
		bottom          : 0;
		left            : 0;
		width           : 300px;
		z-index         : 1050;
		background-color: #fff;
		overflow        : auto;

		-webkit-transform: translateX(-300px);
		-moz-transform   : translateX(-300px);
		transform        : translateX(-300px);

		-webkit-transition-property: -webkit-transform;
		-moz-transition-property   : -moz-transform;
		transition-property        : transform;

		-webkit-transition-duration: .4s;
		-moz-transition-duration   : .4s;
		transition-duration        : .4s;

		will-change               : transform;
		-webkit-overflow-scrolling: touch;
	}

	.nav-left .header-desktop {
		-webkit-transform: translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0);
		-o-transform     : translateX(0);
		transform        : translateX(0);
	}

	.header-desktop::-webkit-scrollbar {
		display: none;
	}

	/* OVERLAY */
	.overlay {
		position                   : fixed;
		right                      : 0;
		left                       : 0;
		top                        : 0;
		bottom                     : 0;
		background                 : rgba(0, 0, 0, .4);
		opacity                    : 0;
		z-index                    : -1;
		cursor                     : pointer;
		-webkit-backface-visibility: hidden;
		backface-visibility        : hidden;
	}

	.nav-left .overlay,
	.nav-right .overlay {
		opacity: 1;
		z-index: 1003;
	}

	/* MENU */
	.header-nav ul li a {
		display        : block;
		text-decoration: none;
		font-size      : 16px;
		line-height    : 20px;
		color          : var(--gray-mid);
		padding        : 16px 20px;
	}

	.header-nav li a:hover,
	.header-nav a.sub-active,
	.header-nav ul li.current-menu-item a,
	.header-nav .current_page_item>a,
	.header-nav .current-menu-ancestor>a {
		text-decoration: none;
		font-weight    : bold;
		color          : var(--main);
	}

	/* SUBMENU */
	.header-nav ul ul.sub-menu {
		position        : fixed;
		top             : 0;
		bottom          : 0;
		left            : 0;
		width           : 300px;
		z-index         : 1060;
		background-color: #FFF;

		-webkit-transform: translateX(-100%);
		-moz-transform   : translateX(-100%);
		-ms-transform    : translateX(-100%);
		-o-transform     : translateX(-100%);
		transform        : translateX(-100%);

		-webkit-transition-property: -webkit-transform;
		-moz-transition-property   : -moz-transform;
		transition-property        : transform;
		-webkit-transition-duration: .2s;
		-moz-transition-duration   : .2s;
		transition-duration        : .2s;
	}

	.header-nav ul ul.sub-opened {
		-webkit-transform: translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0);
		-o-transform     : translateX(0);
		transform        : translateX(0);
	}

	/* SUBMENU ARROW */
	.header-nav .menu-item-has-children>a::after {
		content   : '';
		width     : 20px;
		height    : 20px;
		float     : right;
		background: url(../images/icon/arrow-right.svg) no-repeat center center;
	}

	.header-nav .sub-back a::after {
		content     : '';
		width       : 20px;
		height      : 20px;
		margin-right: 10px;
		float       : left;
		background  : url(../images/icon/arrow-back-white.svg) no-repeat center center;
	}

	.header-nav .sub-back {
		background-color: #0065ff;
		margin-bottom   : 30px;
		width           : 100%;
		height          : 54px;
		font-weight     : bold;
	}

	.header-nav .sub-back a,
	.header-nav .sub-back a:hover {
		color: #fff;
	}

	.header-nav .menu-item-has-children>a.sub-active::after {}

	.header-nav ul ul {
		float: left;
		width: 100%;

		-webkit-transition: max-height 1s linear;
		-moz-transition   : max-height 1s linear;
		-o-transition     : max-height 1s linear;
		-ms-transition    : max-height 1s linear;
		transition        : max-height 1s linear;
	}

	.mobile-flags {
		position: absolute;
		bottom  : 0;
		margin  : 10px 20px;
	}

	.mobile-flags span {
		margin: 8px;
	}

	.mobile-flags span a img {
		width : 25px;
		height: 25px;
	}

	/* PANEL RIGHT */
	.right-wrapper {
		position        : fixed;
		top             : 0;
		bottom          : 0;
		right           : 0;
		width           : 300px;
		z-index         : 1050;
		background-color: #fff;
		overflow        : auto;

		-webkit-transform: translateX(300px);
		-moz-transform   : translateX(300px);
		transform        : translateX(300px);

		-webkit-transition-property: -webkit-transform;
		-moz-transition-property   : -moz-transform;
		transition-property        : transform;

		-webkit-transition-duration: .4s;
		-moz-transition-duration   : .4s;
		transition-duration        : .4s;

		will-change               : transform;
		-webkit-overflow-scrolling: touch;
	}

	.nav-right .right-wrapper {
		-webkit-transform: translateX(0);
		-moz-transform   : translateX(0);
		-ms-transform    : translateX(0);
		-o-transform     : translateX(0);
		transform        : translateX(0);
	}

	.right-wrapper::-webkit-scrollbar {
		display: none;
	}


}

/* FINE MOBILE */



#nav-right-btn {
	position  : absolute;
	top       : 7px;
	right     : 50px;
	width     : 40px;
	height    : 40px;
	z-index   : 20;
	cursor    : pointer;
	background: url(../images/icon/filter.svg) no-repeat center center;
	display   : none;
}

/* NAVIGATION ICON */
#nav-icon {
	position: absolute;
	top     : 7px;
	right   : 10px;
	width   : 40px;
	height  : 40px;
	z-index : 20;
	cursor  : pointer;

	-webkit-transform: rotate(0deg);
	-moz-transform   : rotate(0deg);
	-o-transform     : rotate(0deg);
	transform        : rotate(0deg);

	-webkit-transition: .5s ease-in-out;
	-moz-transition   : .5s ease-in-out;
	-o-transition     : .5s ease-in-out;
	transition        : .5s ease-in-out;
}

#nav-icon span {
	display           : block;
	position          : absolute;
	height            : 2px;
	background        : #000;
	border-radius     : 2px;
	opacity           : 1;
	left              : 9px;
	right             : 9px;
	-webkit-transform : rotate(0deg);
	-moz-transform    : rotate(0deg);
	-o-transform      : rotate(0deg);
	transform         : rotate(0deg);
	-webkit-transition: .3s ease-in-out;
	-moz-transition   : .3s ease-in-out;
	-o-transition     : .3s ease-in-out;
	transition        : .3s ease-in-out;
}

#nav-icon span:nth-child(1) {
	top                     : 14px;
	right                   : 14px;
	-webkit-transform-origin: left center;
	-moz-transform-origin   : left center;
	-o-transform-origin     : left center;
	transform-origin        : left center;
}

#nav-icon span:nth-child(2) {
	top                     : 19px;
	-webkit-transform-origin: left center;
	-moz-transform-origin   : left center;
	-o-transform-origin     : left center;
	transform-origin        : left center;
}

#nav-icon span:nth-child(3) {
	top                     : 24px;
	-webkit-transform-origin: left center;
	-moz-transform-origin   : left center;
	-o-transform-origin     : left center;
	transform-origin        : left center;
}

.nav-left #nav-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg);
	top              : 14px;
	left             : 14px;
	right            : 9px;
}

.nav-left #nav-icon span:nth-child(2) {
	width  : 0%;
	opacity: 0;
}

.nav-left #nav-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	-o-transform     : rotate(-45deg);
	transform        : rotate(-45deg);
	top              : 26px;
	left             : 14px;
	right            : 9px;
}