/*--------------------------------------------------------------
    Header
--------------------------------------------------------------*/

#header-wrapper {
  float: left;
  /* margin: 0 0 130px; */
  padding: 0;
  position: relative;
  width: 100%;
}
.product-template #header-wrapper {
  margin-bottom: clamp(5rem, 4.375rem + 3.125vw, 8.125rem);
}
#header {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 999;
  background: #f0f0f0;
}

#header-wrapper #header:only-child .wdt-no-header-builder-content {
  position: relative;
}
#header-wrapper #header .wdt-no-header-builder-content {
  padding: 20px 0;
}
#header-wrapper #header:only-child .wdt-no-header-builder-content:before {
  background-color: inherit;
  content: "";
  display: inline !important;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  width: 9999px;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.wdt-no-header-builder-content .no-header {
  position: relative;
  z-index: 1;

  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  justify-content: space-between;
}

.wdt-no-header-builder-content .no-header .no-header-title {
  width: 30%;
}

.wdt-no-header-builder-content .no-header .no-header-title:only-child {
  display: flex;
  justify-content: center;
  width: 100%;
}

.wdt-no-header-builder-content .no-header .no-header-title > a {
  display: inline-block;
  font-family: var(--wdtFontTypo_Alt);
  font-size: var(--wdtFontSize_H2);
  font-weight: bold;
  width: auto;
}

.wdt-no-header-builder-content .no-header .no-header-title > a,
.wdt-no-header-builder-content .no-header .no-header-title > a:focus {
  text-decoration: none;
}

.wdt-no-header-builder-content .no-header .no-header-title a img,
.wdt-logo-container a img {
  max-width: 118px;
}

.wdt-no-header-builder-content .no-header .no-header-title .alternate_logo {
  display: none;
}

.wdt-no-header-builder-content .no-header .no-header-title h2 {
  margin: 10px 0;
}

.wdt-no-header-builder-content .no-header .no-header-logo {
  max-width: 100px;
  width: 100%;
  height: auto;
}
.wdt-no-header-builder-content .no-header .no-header-title > a:focus,
.wdt-no-header-builder-content
  .no-header
  .mobile-nav-container
  .menu-trigger:focus {
  outline: thin dotted;
}

.wdt-no-header-builder-content
  .no-header
  .mobile-nav-container
  .menu-trigger:focus {
  outline-offset: 5px;
}

/* --header-hover-icon-animation */

body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  .wdt-primary-nav
  > li
  > a
  span {
  position: relative;
  display: flex;
  align-items: center;
}
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  .wdt-primary-nav
  > li
  > a
  span:before {
  position: relative;
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3E%3Cpath class='path_1' d='M26.5,62.9c-1.9,0.1-7.2,0.5-11.8,0.8c-4.3,0.3-8.2,1.1-11.8-2c-1.8-1.5-2.7-3.6-2.2-5.5c0.5-1.9,2.3-3.2,4.6-3.7 c4.6-0.9,7.6,1.6,11.3,3.9C20.4,58.9,24.9,61.9,26.5,62.9z'/%3E%3Cpath class='path_3' d='M51.7,40.2c-1-1.6-4.1-6-6.6-9.8c-2.4-3.6-5-6.6-4.1-11.2c0.4-2.3,1.7-4.1,3.6-4.7s3.9,0.3,5.5,2.1 c3.1,3.5,2.4,7.4,2.3,11.7C52.1,32.9,51.8,38.3,51.7,40.2z'/%3E%3Cpath class='path_4' d='M67.9,39.7c-0.1-1.9-0.5-7.2-0.8-11.8c-0.3-4.3-1.1-8.2,2-11.8c1.5-1.8,3.6-2.7,5.5-2.2c1.9,0.5,3.2,2.3,3.7,4.6 c0.9,4.6-1.6,7.6-3.9,11.3C71.9,33.6,68.9,38,67.9,39.7z'/%3E%3Cpath class='path_2' d='M35.7,48.5c-1.7-0.9-6.6-3.1-10.7-5.2c-3.9-1.9-7.6-3.2-9.2-7.6c-0.8-2.2-0.6-4.4,0.8-5.8c1.4-1.4,3.6-1.7,5.8-0.9 c4.5,1.5,5.8,5.2,7.8,9C32.4,42,34.8,46.8,35.7,48.5z'/%3E%3Cpath class='path_5' d='M84.6,49.3c0.9-1.7,3.1-6.6,5.2-10.7c1.9-3.9,3.2-7.6,7.6-9.2c2.2-0.8,4.4-0.6,5.8,0.8c1.4,1.4,1.7,3.6,0.9,5.8 c-1.5,4.5-5.2,5.8-9,7.8C91.1,46.1,86.3,48.4,84.6,49.3z'/%3E%3Cpath class='path_6' d='M93.6,62.2c1.6-1,6-4.1,9.8-6.6c3.6-2.4,6.5-5,11.2-4.1c2.3,0.4,4.1,1.7,4.7,3.6c0.5,1.9-0.3,3.9-2.1,5.5 c-3.5,3.1-7.4,2.4-11.7,2.3C100.9,62.6,95.6,62.2,93.6,62.2z'/%3E%3Ccircle class='path_circle' cx='60.5' cy='75' r='31.3'/%3E%3Cpath class='arrow-icon' d='M60.7,65.4c-0.3-0.3-0.9-0.3-1.2,0l-5.5,5.5c-0.3,0.3-0.3,0.9,0,1.2c0.3,0.3,0.9,0.3,1.2,0l4.9-4.9l4.9,4.9 c0.3,0.3,0.9,0.3,1.2,0c0.3-0.3,0.3-0.9,0-1.2L60.7,65.4z M60.9,82.7V66h-1.7v16.7H60.9z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3E%3Cpath class='path_1' d='M26.5,62.9c-1.9,0.1-7.2,0.5-11.8,0.8c-4.3,0.3-8.2,1.1-11.8-2c-1.8-1.5-2.7-3.6-2.2-5.5c0.5-1.9,2.3-3.2,4.6-3.7 c4.6-0.9,7.6,1.6,11.3,3.9C20.4,58.9,24.9,61.9,26.5,62.9z'/%3E%3Cpath class='path_3' d='M51.7,40.2c-1-1.6-4.1-6-6.6-9.8c-2.4-3.6-5-6.6-4.1-11.2c0.4-2.3,1.7-4.1,3.6-4.7s3.9,0.3,5.5,2.1 c3.1,3.5,2.4,7.4,2.3,11.7C52.1,32.9,51.8,38.3,51.7,40.2z'/%3E%3Cpath class='path_4' d='M67.9,39.7c-0.1-1.9-0.5-7.2-0.8-11.8c-0.3-4.3-1.1-8.2,2-11.8c1.5-1.8,3.6-2.7,5.5-2.2c1.9,0.5,3.2,2.3,3.7,4.6 c0.9,4.6-1.6,7.6-3.9,11.3C71.9,33.6,68.9,38,67.9,39.7z'/%3E%3Cpath class='path_2' d='M35.7,48.5c-1.7-0.9-6.6-3.1-10.7-5.2c-3.9-1.9-7.6-3.2-9.2-7.6c-0.8-2.2-0.6-4.4,0.8-5.8c1.4-1.4,3.6-1.7,5.8-0.9 c4.5,1.5,5.8,5.2,7.8,9C32.4,42,34.8,46.8,35.7,48.5z'/%3E%3Cpath class='path_5' d='M84.6,49.3c0.9-1.7,3.1-6.6,5.2-10.7c1.9-3.9,3.2-7.6,7.6-9.2c2.2-0.8,4.4-0.6,5.8,0.8c1.4,1.4,1.7,3.6,0.9,5.8 c-1.5,4.5-5.2,5.8-9,7.8C91.1,46.1,86.3,48.4,84.6,49.3z'/%3E%3Cpath class='path_6' d='M93.6,62.2c1.6-1,6-4.1,9.8-6.6c3.6-2.4,6.5-5,11.2-4.1c2.3,0.4,4.1,1.7,4.7,3.6c0.5,1.9-0.3,3.9-2.1,5.5 c-3.5,3.1-7.4,2.4-11.7,2.3C100.9,62.6,95.6,62.2,93.6,62.2z'/%3E%3Ccircle class='path_circle' cx='60.5' cy='75' r='31.3'/%3E%3Cpath class='arrow-icon' d='M60.7,65.4c-0.3-0.3-0.9-0.3-1.2,0l-5.5,5.5c-0.3,0.3-0.3,0.9,0,1.2c0.3,0.3,0.9,0.3,1.2,0l4.9-4.9l4.9,4.9 c0.3,0.3,0.9,0.3,1.2,0c0.3-0.3,0.3-0.9,0-1.2L60.7,65.4z M60.9,82.7V66h-1.7v16.7H60.9z'/%3E%3C/svg%3E");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
  opacity: 0;
  transform-origin: center;
  display: inline-block;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  transition: var(--wdtBaseTransition);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.focus
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li:focus
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li:hover
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  > a:hover
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.focus
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li:focus
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li:hover
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li
  > a:hover
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current-menu-item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current-page-item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current-menu-ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current-page-ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current_menu_item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current_page_item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current_menu_ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li.current_page_ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current-menu-item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current-page-item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current-menu-ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current-page-ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current_menu_item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current_page_item
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current_menu_ancestor
  > a
  span:before,
body:not(.page-template-tpl-header-side-nav)
  .wdt-header-menu
  ul
  li
  ul
  li.current_page_ancestor
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li
  > a:focus
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li
  > a:hover
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-menu-item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-page-item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_item
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_ancestor
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_ancestor
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-menu-ancestor
  > a
  span:before,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-page-ancestor
  > a
  span:before {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/*--------------------------------------------------------------
    Header Menu Navigation
--------------------------------------------------------------*/

.wdt-header-menu ul > li,
.wdt-header-menu ul > li a,
.wdt-header-menu ul > li > a:before,
.wdt-header-menu ul > li > a:after,
.wdt-header-menu ul > li a > span,
.wdt-header-menu ul > li a > span:before {
  -webkit-transition: var(--wdtBaseTransition);
  transition: var(--wdtBaseTransition);
}

.wdt-header-menu,
.wdt-header-menu ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.wdt-header-menu > ul {
  text-align: inherit;
}
.wdt-header-menu ul ul {
  text-align: left;
}

.wdt-no-header-builder-content.aligncenter .no-header .wdt-header-menu,
.wdt-no-header-builder-content.aligncenter .no-header .wdt-header-menu > ul {
  text-align: center;
}

.wdt-header-menu,
.wdt-header-menu li {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}

.wdt-header-menu li {
  line-height: normal;
  margin: 0;
  padding: 0;
  position: relative;
}

.wdt-header-menu li a,
.wdt-header-menu ul li ul.children > li > a,
.wdt-header-menu ul li ul.sub-menu > li > a,
.wdt-header-menu
  ul
  li.has-mega-menu
  ul
  li.menu-item-object-wdt_mega_menus
  li
  a {
  font-size: var(--wdtFontSize_Base);
  line-height: 1.5;
  text-transform: none;
}

.wdt-header-menu
  ul
  li.has-mega-menu
  ul
  li.menu-item-object-wdt_mega_menus
  li:not(:last-child)
  a {
  margin: 0 0 10px;
}

.wdt-header-menu li a:not(:focus),
.wdt-header-menu ul li ul.children > li > a:not(:focus),
.wdt-header-menu ul li ul.sub-menu > li > a:not(:focus) {
  text-decoration: none;
}

.wdt-header-menu ul li ul.children > li > a,
.wdt-header-menu ul li ul.sub-menu > li > a,
.wdt-header-menu
  ul
  li.has-mega-menu
  ul
  li.menu-item-object-wdt_mega_menus
  li
  a {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
}

.wdt-header-menu ul li.has-mega-menu > ul .elementor-section-stretched {
  left: 0 !important;
  width: auto !important;
}

.wdt-header-menu
  ul
  li.has-mega-menu
  ul
  li.menu-item-object-wdt_mega_menus
  .elementor-heading-title {
  margin: 0;
  border-bottom: 2px solid;
  padding: 0 0 10px;
  color: var(--wdtHeadAltColor);
  font-size: var(--wdtFontSize_H6);
}

.wdt-header-menu .wdt-primary-nav > li > a {
  display: inline-block;
  padding: 8px 30px;
  vertical-align: middle;
}

.wdt-header-menu .wdt-primary-nav > li > a:empty {
  display: none;
}

.wdt-header-menu ul li ul.children > li > a,
.wdt-header-menu ul li ul.sub-menu > li > a,
.wdt-header-menu ul li.has-mega-menu ul.menu > li > a {
  border-bottom: 0px solid;
  padding: 8px 15px;
}

.wdt-header-menu ul li ul.children > li:last-child > a,
.wdt-header-menu ul li ul.sub-menu > li:last-child > a,
.wdt-header-menu ul li.has-mega-menu ul.menu > li:last-child > a {
  border-bottom-width: 0;
}

.wdt-header-menu ul li ul.children,
.wdt-header-menu ul li ul.sub-menu,
.wdt-header-menu ul li.has-mega-menu > ul {
  border-top: 0px solid;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 100%;
  text-align: left;
  z-index: 10;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-border-radius: var(--wdtRadius_1X);
  border-radius: var(--wdtRadius_1X);
}

.wdt-header-menu ul.children > li:last-child > ul,
.wdt-header-menu ul.children > li:nth-last-child(2) > ul,
.wdt-header-menu ul.sub-menu > li:last-child > ul,
.wdt-header-menu ul.sub-menu > li:nth-last-child(2) > ul {
  left: auto;
  right: 0;
}

.wdt-header-menu ul li ul.children,
.wdt-header-menu ul li ul.sub-menu {
  width: 225px;
}

.wdt-header-menu ul li.has-mega-menu > ul {
  font-size: 14px;
  margin: 0 auto;
  position: absolute;
  left: auto;
  right: auto;
  width: auto;
  padding: 20px 0;
}

.wdt-header-menu li.has-mega-menu ul ul {
  display: block;
  opacity: 1;
  position: static;
  visibility: visible;
}

.wdt-header-menu li.has-mega-menu ul ul.children,
.wdt-header-menu li.has-mega-menu ul ul.sub-menu {
  display: none !important;
}

.wdt-header-menu ul li ul.children li,
.wdt-header-menu ul li ul.sub-menu li {
  margin: 0;
}

.wdt-header-menu ul li ul.children li ul,
.wdt-header-menu ul li ul.sub-menu li ul {
  left: 100%;
  top: -10px;
}

.wdt-header-menu ul li.menu-item-depth-2 > ul,
.wdt-header-menu ul li.menu-item-depth-4 > ul,
.wdt-header-menu ul li.menu-item-depth-6 > ul,
.wdt-header-menu ul li.menu-item-depth-8 > ul,
.wdt-header-menu ul li.menu-item-depth-10 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-1 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-3 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-5 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-7 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-9 > ul {
  left: calc(100% + 0px);
  right: auto;
}

.wdt-header-menu ul li.menu-item-depth-1 > ul,
.wdt-header-menu ul li.menu-item-depth-3 > ul,
.wdt-header-menu ul li.menu-item-depth-5 > ul,
.wdt-header-menu ul li.menu-item-depth-7 > ul,
.wdt-header-menu ul li.menu-item-depth-9 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-2 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-4 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-6 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-8 > ul,
.wdt-header-menu ul > li:nth-child(n + 2) ul li.menu-item-depth-10 > ul {
  right: 100%;
  left: auto;
}

.wdt-header-menu ul li.has-mega-menu:last-child > ul,
.wdt-header-menu ul li.has-mega-menu:nth-last-child(2) > ul {
  left: 0;
  right: auto;
}

.wdt-header-menu ul.children li,
.wdt-header-menu ul.children li a,
.wdt-header-menu ul.sub-menu li,
.wdt-header-menu ul.sub-menu li a {
  display: inline-block;
  width: 100%;
  /* width: max-content; */
}

.wdt-header-menu ul li.focus > ul,
.wdt-header-menu ul li:focus > ul,
.wdt-header-menu ul li:hover > ul {
  display: block;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.wdt-header-menu ul li.menu-item-depth-0 > ul {
  margin-top: -5px;
}

.wdt-header-menu ul li.menu-item-depth-0.focus > ul,
.wdt-header-menu ul li.menu-item-depth-0:focus > ul,
.wdt-header-menu ul li.menu-item-depth-0:hover > ul {
  margin-top: 0;
}

/*--------------------------------------------------------------
		Mobile Menu Navigation
	--------------------------------------------------------------*/

.mobile-nav-container .menu-trigger {
  color: var(--wdtHeadAltColor);
  cursor: pointer;
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  text-decoration: none !important;
}

.mobile-nav-container .menu-trigger > i,
.mobile-nav-container .menu-trigger > span {
  display: inline-block;
  font-size: 1.1rem;
  padding: 0 5px;
  vertical-align: middle;
}

.mobile-nav-container .menu-trigger > i {
  background-color: currentColor;
  height: 2px;
  position: relative;
  width: 18px;
  transition: background-color 10ms 300ms ease;
}

.mobile-nav-container .menu-trigger > i:before,
.mobile-nav-container .menu-trigger > i:after {
  background: currentColor;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  width: 100%;
  transition:
    left 300ms 350ms ease,
    top 300ms 350ms ease,
    transform 300ms 50ms ease;
}

.mobile-nav-container .menu-trigger > i:before {
  top: -6px;
}
.mobile-nav-container .menu-trigger > i:after {
  top: 6px;
}

.nav-is-visible .mobile-nav-container .menu-trigger > i:before,
.nav-is-visible .mobile-nav-container .menu-trigger > i:after {
  left: -5px;
  -webkit-transition:
    left 300ms 50ms ease,
    top 300ms 50ms ease,
    transform 300ms 350ms ease;
  transition:
    left 300ms 50ms ease,
    top 300ms 50ms ease,
    transform 300ms 350ms ease;
}

.mobile-menu,
.mobile-menu ul,
.mobile-menu ul li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.mobile-menu ul li {
  position: static;
}

.mobile-menu ul > li > a,
.mobile-menu ul ul > li > a {
  border-style: solid;
  border-width: 1px 0 0;
  display: block;
  font-size: 16px;
  padding: 5px 15px;
}

.mobile-menu ul > li > a:not(:focus),
.mobile-menu ul ul > li > a:not(:focus) {
  text-decoration: none;
}

.mobile-menu ul > li > a:focus,
.mobile-menu ul ul > li > a:focus {
  text-decoration: none !important;
  outline: none;
}

.mobile-menu ul > li > a,
.mobile-menu ul ul > li > a {
  min-height: 42px;
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}

.mobile-menu ul li.has-mega-menu ul > li > a {
  padding-left: 0;
  padding-right: 0;
}

.mobile-menu,
.mobile-menu > ul,
.mobile-menu > ul ul.children,
.mobile-menu > ul ul.sub-menu,
.mobile-menu > ul ul.children > li > ul,
.mobile-menu > ul ul.sub-menu > li > ul {
  border-width: 0;
  display: block;
  height: 100%;
  margin: 0;
  opacity: 1;
  overflow-y: visible;
  /* overflow-x: hidden; */
  padding: 0;
  position: fixed;
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  visibility: visible;
  width: 100%;
  z-index: 5;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.mobile-menu {
  display: none;
  max-width: 260px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition:
    opacity 0.25s ease-in-out 0s,
    visibility 0.25s ease-in-out 0s,
    transform 0.3s ease-in-out 0.25s;
  transition:
    opacity 0.25s ease-in-out 0s,
    visibility 0.25s ease-in-out 0s,
    transform 0.3s ease-in-out 0.25s;
}

.mobile-nav-offcanvas-right .mobile-menu {
  right: 0;
}

.mobile-nav-offcanvas-left .mobile-menu {
  left: 0;
  right: auto;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mobile-menu.is-hidden,
.mobile-menu > ul.is-hidden,
.mobile-menu > ul li ul.is-hidden,
.mobile-menu ul.sub-menu.is-hidden,
.mobile-menu ul.sub-menu li ul.is-hidden {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.mobile-menu li.has-mega-menu ul ul.children,
.mobile-menu li.has-mega-menu ul ul.sub-menu {
  display: none !important;
}

.mobile-menu.nav-is-visible {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition:
    -webkit-transform 0.25s ease-in-out 0s,
    visibility 0.3s ease-in-out 0s;
  transition:
    transform 0.25s ease-in-out 0s,
    visibility 0.3s ease-in-out 0s;
  animation-name: anime-slidein-right;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mobile-menu ul {
  min-width: 100% !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
}

.mobile-menu ul li {
  float: left;
  width: 100%;
}

.mobile-menu ul li.go-back a {
  background: none !important;
  color: inherit !important;
  border-width: 0 !important;
  height: 100%;
  padding: 0;
}

.mobile-menu ul li.go-back a,
.mobile-menu li[class*="has-children"] > a,
.mobile-menu li[class*="has_children"] > a {
  position: relative;
}

.mobile-menu li[class*="has-children"] > a,
.mobile-menu li[class*="has_children"] > a {
  padding-right: 40px;
}

.mobile-menu ul li.go-back,
.mobile-menu ul li.close-nav {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}

.mobile-menu ul ul li.go-back,
.mobile-menu ul ul li.close-nav {
  width: 50%;
}

.mobile-menu ul li.go-back > a,
.mobile-menu ul li.close-nav > a {
  background: none !important;
  width: 50px;
}

.mobile-menu ul ul li.go-back > a:focus,
.mobile-menu ul li.close-nav a:focus {
  outline: none;
  outline-offset: -5px;
}

.mobile-menu ul li.close-nav {
  border-width: 0 !important;
  float: right;
  position: relative;
  top: 0;
  right: 0;
  z-index: 5;
  text-align: center;
  cursor: pointer;
}

.mobile-menu ul li.close-nav a {
  float: right;
  height: 100%;
  line-height: inherit;
  padding: 0;
  position: relative;
}
.mobile-menu ul li.close-nav a:hover {
  background: none;
}

.mobile-menu ul li.close-nav a:before,
.mobile-menu ul li.close-nav a:after {
  content: "";
  height: 35%;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 2px;
}

.mobile-menu ul ul li.go-back:before,
.mobile-menu ul ul li.close-nav a:before,
.mobile-menu ul ul li.go-back:after,
.mobile-menu ul ul li.close-nav a:after {
  margin: auto 0;
  left: auto;
  right: 24px;
}

.mobile-menu ul li.close-nav a:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-menu ul li.close-nav a:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-menu ul li.close-nav a:hover:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-menu ul li.close-nav a:hover:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-menu ul li.go-back a:before,
.mobile-menu ul li.go-back a:after,
.mobile-menu li[class*="has-children"] > a:before,
.mobile-menu li[class*="has-children"] > a:after,
.mobile-menu li[class*="has_children"] > a:before,
.mobile-menu li[class*="has_children"] > a:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile-menu ul li.go-back a:before {
  /*content: "\f104";*/
  /*font-family: "Miss_Spa Icons";*/
  /*font-size: 24px;*/
  /*height: 50px;*/
  /*line-height: 50px;*/
  /*left: 15px;*/
  /*text-align: center;*/
  content: "\f104"; /* Mã Unicode của icon "angle-left" */
  font-family: "Font Awesome 6 Free"; /* Font Awesome */
  font-weight: 900; /* Dùng 900 để hiển thị icon Solid */
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  left: 15px;
  text-align: center;
  position: absolute;
}

.mobile-menu ul li.see-all a {
  padding: 0 15px !important;
}

.mobile-menu li[class*="has-children"] > a:before,
.mobile-menu li[class*="has_children"] > a:before {
  /*content: "\f105";*/
  /*font-family: "Miss_Spa Icons";*/
  /*font-size: 24px;*/
  /*height: 42px;*/
  /*line-height: 42px;*/
  /*right: 12px;*/
  /*text-align: center;*/
  content: "\f105"; /* Mã Unicode của icon "angle-right" */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* Font Awesome yêu cầu 400 (Regular) hoặc 900 (Solid) */
  font-size: 24px;
  height: 42px;
  line-height: 42px;
  right: 12px;
  text-align: center;
  position: absolute;
}

.mobile-menu ul li.go-back a:after,
.mobile-menu li[class*="has-children"] > a:after,
.mobile-menu li[class*="has_children"] > a:after {
  content: "";
  background-color: currentColor;
  height: 2px;
  opacity: 0;
  visibility: hidden;
}

.mobile-menu ul li.go-back a:hover:before {
  left: 10px;
}

.mobile-menu li[class*="has-children"] > a:hover:before,
.mobile-menu li[class*="has_children"] > a:hover:before {
  right: 8px;
}

.mobile-menu ul li.go-back a:after {
  left: 25px;
}

.mobile-menu ul li.go-back a:hover:after {
  left: 15px;
}

.mobile-menu li[class*="has-children"] > a:after,
.mobile-menu li[class*="has_children"] > a:after {
  right: 18px;
}

.mobile-menu li[class*="has-children"] > a:hover:after,
.mobile-menu li[class*="has_children"] > a:hover:after {
  right: 12px;
}

.mobile-menu-overlay {
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 98;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition:
    opacity 0.25s ease-in-out 0s,
    visibility 0.3s ease-in-out 0s;
  transition:
    opacity 0.25s ease-in-out 0s,
    visibility 0.3s ease-in-out 0s;
}

.mobile-menu-overlay.is-visible,
.mobile-menu ul li.go-back a:hover:after,
.mobile-menu li[class*="has-children"] > a:hover:after,
.mobile-menu li[class*="has_children"] > a:hover:after {
  opacity: 1;
  visibility: visible;
}

.mobile-menu ul li a,
.mobile-menu ul li a:before,
.mobile-menu ul li a:after,
.mobile-menu ul li.close-nav a,
.mobile-menu ul li.close-nav a:before,
.mobile-menu ul li.close-nav a:after {
  -webkit-transition: var(--wdtBaseTransition);
  transition: var(--wdtBaseTransition);
}

.mobile-menu ul::-webkit-scrollbar {
  width: 5px;
}

.mobile-menu ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.mobile-menu li.has-mega-menu ul li[class*="has-children"] > a:before,
.mobile-menu li.has-mega-menu ul li[class*="has_children"] > a:before,
.mobile-menu li.has-mega-menu ul li[class*="has-children"] > a:after,
.mobile-menu li.has-mega-menu ul li[class*="has_children"] > a:after {
  display: none;
}

.mobile-menu
  ul
  li.has-mega-menu
  ul
  li.menu-item-object-wdt_mega_menus
  .elementor-heading-title {
  padding: 5px 15px;
  margin: 10px 0 -25px;
  color: var(--wdtHeadAltColor);
  font-size: var(--wdtFontSize_H6);
}
.mobile-menu .wdt-header-menu .menu-container {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  float: left;
  width: 100%;
}
.mobile-menu .wdt-header-menu .menu-container .wdt-secondary-nav li.go-back,
.mobile-menu .wdt-header-menu .menu-container .wdt-secondary-nav li.close-nav {
  display: none;
}
.mobile-menu ul li.has-mega-menu .wdt-secondary-nav > li > a {
  padding: 0 15px;
  width: 100%;
  border-radius: 0;
}
.mobile-menu > ul li.has-mega-menu ul.sub-menu {
  overflow-x: hidden;
}

.logged-in.admin-bar .mobile-menu {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  /* Login Admin Bar */
  .logged-in.admin-bar .mobile-menu {
    overflow: visible;
    top: 46px !important;
  }
  .logged-in.admin-bar .mobile-menu:before {
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: -46px;
    width: 100%;
  }
}

@-webkit-keyframes anime-slidein-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes anime-slidein-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/*--------------------------------------------------------------
    Default Colors
--------------------------------------------------------------*/

#header-wrapper #header:only-child .wdt-no-header-builder-content,
.wdt-header-menu ul li ul,
.mobile-menu,
.mobile-menu > ul,
.mobile-menu ul,
.mobile-menu ul li ul {
  background: var(--wdtAccentTxtColor);
}

.mobile-menu ul::-webkit-scrollbar {
  background-color: #f1f1f1;
}
.mobile-menu ul::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}

.mobile-menu ul li.close-nav a:before,
.mobile-menu ul li.close-nav a:after {
  background-color: var(--wdtHeadAltColor);
}

.mobile-menu ul li.see-all a {
  background-color: rgba(var(--wdtHeadAltColorRgb), 0.05) !important;
  color: inherit !important;
}

.mobile-menu-overlay {
  background-color: rgba(var(--wdtHeadAltColorRgb), 0.5);
}

.wdt-header-menu ul li ul.children > li > a,
.wdt-header-menu ul li ul.sub-menu > li > a,
.wdt-header-menu ul li.has-mega-menu ul.menu > li > a {
  border-color: rgba(var(--wdtHeadAltColorRgb), 0.15);
}
.mobile-menu li a {
  border-color: rgba(var(--wdtHeadAltColorRgb), 0.06);
}

#header-wrapper #header:only-child .wdt-no-header-builder-content:before {
  background-color: var(--wdtTertiaryColor);
}

.wdt-header-menu ul li ul.children,
.wdt-header-menu ul li ul.sub-menu,
.wdt-header-menu ul li.has-mega-menu > ul {
  -webkit-box-shadow: 0 0 2px 3px rgba(var(--wdtHeadAltColorRgb), 0.25);
  box-shadow: 0 0 2px 3px rgba(var(--wdtHeadAltColorRgb), 0.05);
}

.mobile-menu ul li.see-all a {
  -webkit-box-shadow: 0 1px 0 0 rgba(var(--wdtHeadAltColorRgb), 0.06);
  box-shadow: 0 1px 0 0 rgba(var(--wdtHeadAltColorRgb), 0.06);
}

.mobile-menu ul::-webkit-scrollbar-track,
.mobile-menu ul::-webkit-scrollbar-thumb {
  -webkit-box-shadow: 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.3) inset;
  box-shadow: 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.3) inset;
}

.mobile-menu .wdt-dark-bg h1,
.mobile-menu .wdt-dark-bg h2,
.mobile-menu .wdt-dark-bg h3,
.mobile-menu .wdt-dark-bg h4,
.mobile-menu .wdt-dark-bg h5,
.mobile-menu .wdt-dark-bg h6,
.mobile-menu .wdt-dark-bg p {
  color: var(--wdtHeadAltColor) !important;
}

.mobile-menu > li > a,
.mobile-menu > li ul > li a {
  color: var(--wdtHeadAltColor);
}

.wdt-dark-bg
  .wdt-no-header-builder-content
  .no-header
  .no-header-title
  > a:not(:focus):not(:hover),
.wdt-dark-bg .wdt-header-menu > .menu-container > .wdt-primary-nav > li > a,
.wdt-dark-bg .mobile-nav-container .menu-trigger {
  color: var(--wdtAccentTxtColor);
}

/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

/* Primary Color */
.wdt-header-menu ul li.focus > a,
.wdt-header-menu ul li:focus > a,
.wdt-header-menu ul li:hover > a,
.wdt-header-menu ul li > a:hover,
.wdt-header-menu ul li ul li.focus > a,
.wdt-header-menu ul li ul li:focus > a,
.wdt-header-menu ul li ul li:hover > a,
.wdt-header-menu ul li ul li > a:hover,
.wdt-header-menu ul li.current-menu-item > a,
.wdt-header-menu ul li.current-page-item > a,
.wdt-header-menu ul li.current-menu-ancestor > a,
.wdt-header-menu ul li.current-page-ancestor > a,
.wdt-header-menu ul li.current_menu_item > a,
.wdt-header-menu ul li.current_page_item > a,
.wdt-header-menu ul li.current_menu_ancestor > a,
.wdt-header-menu ul li.current_page_ancestor > a,
.wdt-header-menu ul li ul li.current-menu-item > a,
.wdt-header-menu ul li ul li.current-page-item > a,
.wdt-header-menu ul li ul li.current-menu-ancestor > a,
.wdt-header-menu ul li ul li.current-page-ancestor > a,
.wdt-header-menu ul li ul li.current_menu_item > a,
.wdt-header-menu ul li ul li.current_page_item > a,
.wdt-header-menu ul li ul li.current_menu_ancestor > a,
.wdt-header-menu ul li ul li.current_page_ancestor > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li
  > a:focus,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li
  > a:hover,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-menu-item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-page-item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_item
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_menu_ancestor
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current_page_ancestor
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-menu-ancestor
  > a,
.wdt-dark-bg
  .wdt-header-menu
  > .menu-container
  > .wdt-primary-nav
  > li.current-page-ancestor
  > a {
  color: #1d5018;
}

.mobile-menu ul li.menu-item > a:hover,
.mobile-menu ul li.menu-item:hover > a,
.mobile-menu ul li.menu-item ul li.menu-item > a:hover,
.mobile-menu ul li.menu-item ul li.menu-item:hover > a,
.mobile-menu ul li.menu-item ul li.menu-item > a:hover,
.mobile-menu ul li.menu-item ul li.menu-item:hover > a,
.mobile-menu ul li.current-menu-item > a,
.mobile-menu ul li.current-page-item > a,
.mobile-menu ul li.current-menu-ancestor > a,
.mobile-menu ul li.current-page-ancestor > a,
.mobile-menu ul li.current_menu_item > a,
.mobile-menu ul li.current_page_item > a,
.mobile-menu ul li.current_menu_ancestor > a,
.mobile-menu ul li.current_page_ancestor > a,
.mobile-menu ul li ul li.current-menu-item > a,
.mobile-menu ul li ul li.current-page-item > a,
.mobile-menu ul li ul li.current-menu-ancestor > a,
.mobile-menu ul li ul li.current-page-ancestor > a,
.mobile-menu ul li ul li.current_menu_item > a,
.mobile-menu ul li ul li.current_page_item > a,
.mobile-menu ul li ul li.current_menu_ancestor > a,
.mobile-menu ul li ul li.current_page_ancestor > a {
  background-color: #1d5018;
  color: #fff;
}

/* Primary Border Color */
.no-header-menu ul li ul,
.wdt-header-menu ul li ul.children,
.wdt-header-menu ul li ul.sub-menu,
.wdt-header-menu ul li.has-mega-menu > ul {
  border-color: #1d5018;
}

/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 1541px) and (max-width: 1724px) {
  .wdt-header-menu ul li:not(.has-mega-menu) ul {
    width: 180px;
  }

  .wdt-header-menu ul li ul.sub-menu li > a {
    font-size: var(--wdtFontSize_Base);
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1540px) {
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-2 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-4 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-6 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-8 > ul,
  .wdt-header-menu
    ul
    > li:nth-last-child(-n + 3)
    ul
    li.menu-item-depth-10
    > ul {
    left: 100%;
    right: auto;
  }

  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-1 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-3 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-5 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-7 > ul,
  .wdt-header-menu ul > li:nth-last-child(-n + 3) ul li.menu-item-depth-9 > ul {
    left: auto;
    right: 100%;
  }

  .wdt-header-menu ul li:not(.has-mega-menu) ul {
    width: 180px;
  }

  .wdt-header-menu ul li:not(.has-mega-menu) ul li > a {
    font-size: var(--wdtFontSize_Base);
  }
}

@media only screen and (min-width: 1281px) {
  .wdt-header-menu {
    display: inline-block;
  }
  .wdt-header-menu.no-header-menu {
    text-align: right;
  }
  .mobile-nav-container,
  .wdt-header-menu ul li.close-nav,
  .wdt-header-menu ul li.go-back,
  .wdt-header-menu ul li.see-all {
    display: none;
  }
  .wdt-header-menu.center {
    display: table;
  }

  .wdt-header-menu .wdt-primary-nav > li > a {
    margin: 15px 0;
  }
}

@media only screen and (max-width: 1280px) {
  .wdt-header-menu .menu-container {
    display: none;
  }
  .wdt-header-menu .mobile-nav-container {
    display: block;
    margin: 30px 0;
  }

  .wdt-no-header-builder-content .no-header .no-header-title {
    float: left;
    margin: 16px 0;
  }
  .wdt-no-header-builder-content .no-header .no-header-title h2 {
    text-align: center;
  }
  .wdt-no-header-builder-content .no-header .mobile-nav-container {
    float: right;
    font-size: 1rem;
    line-height: normal;
    margin: 25px 0;
    width: auto;
  }
  .elementor-widget-wp-widget-nav_menu .mobile-nav-container {
    width: auto;
    float: none;
    margin: 20px 0;
    text-align: right;
    padding-right: 10px;
  }

  body:not(.no-breadcrumb)
    #header-wrapper.header-top-absolute
    #header
    .wdt-header-tpl {
    margin-top: 0;
  }

  .mobile-menu
    ul
    li.menu-item-object-wdt_mega_menus
    div[class*="elementor-column-gap"]
    > .elementor-column
    > .elementor-element-populated {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .wdt-header-menu .mobile-nav-container {
    margin: 30px 0;
  }
}

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mobile-nav-container .menu-trigger > span {
    display: none;
  }
}

/*----*****---- << Mobile (Landscape) > ----*****----*/

/* Common Styles for the devices below 767px width */

@media only screen and (max-width: 767px) {
  .wdt-no-header-builder-content .no-header-top {
    text-align: center;
  }

  .wdt-no-header-builder-content .no-header .no-header-title a {
    display: inline-block;
    width: 100%;
  }
  .wdt-no-header-builder-content .no-header .no-header-menu,
  .wdt-no-header-builder-content:not(.aligncenter)
    .no-header
    .no-header-title
    ~ .no-header-menu {
    color: var(--wdtHeadAltColor);
    line-height: 1.5em;
  }

  .wdt-no-header-builder-content:not(.aligncenter)
    .no-header
    .no-header-title
    ~ .no-header-menu {
    display: inline-block;
    margin-left: 15px;
    width: auto;
  }

  .wdt-header-menu .mobile-nav-container {
    margin: 0;
    margin-left: 5px;
  }

  .mobile-nav-container,
  .wdt-no-header-builder-content .no-header .mobile-nav-container {
    display: inline-block;
    float: right;
    margin: 0 auto;
  }
  .mobile-nav-container .menu-trigger > span {
    display: none;
  }
}

/* Common Styles for the devices below 479px width */

@media only screen and (max-width: 479px) {
  .wdt-no-header-builder-content .no-header-top,
  .wdt-no-header-builder-content .no-header {
    text-align: center;
    justify-content: space-between;
  }
  .wdt-no-header-builder-content .no-header .no-header-title {
    float: none;
    display: inline-block;
    margin-top: 20px;
    width: auto;
  }
  .wdt-no-header-builder-content .no-header .mobile-nav-container {
    display: inline-block;
    margin: 0;
    float: right;
    width: auto;
  }

  .wdt-no-header-builder-content .no-header .no-header-menu,
  .wdt-no-header-builder-content:not(.aligncenter)
    .no-header
    .no-header-title
    ~ .no-header-menu {
    line-height: 1.5em;
    margin: 10px 0;
    padding: 0;
  }
}

/*Mr.Black - Advaced responsive */

@media only screen and (min-width: 1281px) and (max-width: 1540px) {
  #header-wrapper {
    margin: 0 0 100px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  #header-wrapper {
    margin: 0 0 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header-wrapper {
    margin: 0 0 70px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #header-wrapper {
    margin: 0 0 60px;
  }
}
@media only screen and (max-width: 479px) {
  #header-wrapper {
    /* margin: 0 0 50px; */
  }
}