@media (min-width: 1600px) {

  .header .menu-header ul li ul li a {

    font-size: 20px;

  }

}

@media (min-width: 1366px) {

  .header .menu-header ul li ul li a {

    font-size: 18px;

  }

}

@media (min-width: 1200px) {

  .header .menu-header ul li ul li a {

    font-size: 16px;

  }

}

@media (min-width: 992px) {

.header .menu-header ul {

	display: flex;

	align-items: center;

	justify-content: flex-end; }

.header .menu-header ul li {

    position: relative;

    margin-right: 20px; }

.header .menu-header ul li a {

  display: block;

  padding: 10px 0;

  color: #333333;
font-size: 18px;

  font-weight: 500;

  font-family: 'SFUIDisplay';

  line-height: 30px;

  text-decoration: none;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out; }

.header .menu-header ul li ul {

  position: absolute;

  top: 100%;

  left: 0;

  width: 240px;

  display: block;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  z-index: 10;

  -webkit-transform: translateY(10px);

  -moz-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out; }

.header .menu-header ul li ul li {

	margin: 0;

	border-top: 1px solid #333333; }

.header .menu-header ul li ul li a {

  	padding: 8px 10px;

  	font-size: 15px;

  	line-height: 26px;

    background-color: #fff; }

.header .menu-header ul li ul li:last-child {

  margin-right: 0;

  border-bottom: 1px solid #333333; }

.header .menu-header ul li:hover > a,

.header .menu-header ul li.current-menu-item > a {

     color: #caaa58; }

.header .menu-header ul li ul li ul {

  top: 0;

  left: 100%;

  padding-top: 0;

  padding-left: 3px;

}

.header .menu-header ul li:hover > ul {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

  -webkit-transform: translateY(0px);

  -moz-transform: translateY(0px);

  -ms-transform: translateY(0px);

  -o-transform: translateY(0px);

  transform: translateY(0px);

}



}

@media (max-width: 991px) {

body.no-scroll {

  overflow: hidden;

}

.header .menu-header {

	position: fixed;

	width: 100% !important;

	height: 100vh;

  top: 0;

	left: 100%;

  background-color: #fff;

	display: block;

  opacity: 0;

  visibility: hidden;

  overflow-y: scroll;

  z-index: 100;

  -webkit-transition: left 0.4s ease-in-out;

  -moz-transition: left 0.4s ease-in-out;

  -ms-transition: left 0.4s ease-in-out;

  -o-transition: left 0.4s ease-in-out;

  transition: left 0.4s ease-in-out;

}

.header .menu-header.active {

  left: 0;

  opacity: 1;

  visibility: visible;

}

.btn-menu-mobile {

	width: 40px;

	height: 40px;

	border: none;

	background-color: transparent;

}

.btn-menu-mobile i {

	display: block;

    margin: auto;

    border-top: solid 2px #333333;

    width: 17px;

    border-bottom: double 7px #333333;

    height: 12px;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.btn-menu-mobile:hover i {

	border-color: #2A73FE;

}

.menu-header.active .btn_close_menu {

  position: absolute;

  width: 30px;

  height: 30px;

  top: 4%;

  left: 8%;

  padding: 0;

  border: none;

  background-color: transparent;

  z-index: 10;

}

.menu-header.active .btn_close_menu svg {

  width: 1.2rem;

  height: 1.2rem;

}

.menu-header.active .btn_close_menu .bar__stick-1 {

  transform: rotate(45deg);

}

.menu-header.active .btn_close_menu .bar__stick-2 {

  transform: translateX(-20px);

  opacity: 0;

}

.menu-header.active .btn_close_menu .bar__stick-3 {

  transform: rotate(-45deg);

}

.bar__stick {

  transform-origin: 50% 50%;

  transition: .5s all ease-in-out;

}

.header .menu-header ._sub-logo {

  max-width: 720px;

  margin: 0px auto;

  padding: 20px 100px;

  text-align: center;

  background-color: #fff;

}

.header .menu-header .form_search_menu {

  max-width: 720px;

  width: 95%;

  margin: auto;

  margin-top: 1rem;

  border-radius: 1.875rem;

  background-color: #F9F9F9;

  overflow: hidden;

}

.form_search_menu .input_search {

  max-width: calc(100% - 60px);

  width: 100%;

  padding: 10px 10px 10px 15px;

  border: none;

  background-color: transparent;

}

.form_search_menu .input_search:focus {

  border-color: transparent;

  box-shadow: none;

}

.form_search_menu button {

  width: 60px;

  height: 40px;

  font-size: 18px;

  color: #333333;

  border: none;

  background-color: transparent;

}

.header .menu-header ul {

  max-width: 720px;

  margin: 10px auto 0px auto;

}

.header .menu-header > ul {

  padding-left: 1.5rem;

  padding-right: 1.5rem;

}

.header .menu-header ul li {

  position: relative;

  padding: 0.6875rem 0;

  margin-right: 0 !important;

}

.header .menu-header ul li:not(:last-child) {

  border-bottom: solid thin #ebebeb;

}

.header .menu-header ul li a {

  font-size: 0.8rem !important;

  font-weight: 500;

  color: #252525

}

.header .menu-header ul li a:hover {

  color: #2A73FE;

}

.header .menu-header ul li ul {

  position: static;

  width: 100%;

  top: 100%;

  left: 0;

  display: none;

}

.header .menu-header ul li ul li a {

  padding: 0 15px;

}

.ext_menu {

  display: inline-block;

  position: absolute;

  right: 0;

  top: 9px;

  padding-left: 7.5px;

  cursor: pointer;

}

.ext_menu::before {

  content: '';

  width: 1px;

  left: 0;

  height: 24px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  display: block;

  background: #EBEBEB;

}

.ext_menu.active svg path:first-child {

  display: none;

}



}