.menu{}
.deskMenu ul{display:flex; flex-wrap:wrap;}
.deskMenu ul li{padding:0 0 0 38px;}
.deskMenu ul li:first-child{padding-left: 0;}
.deskMenu ul li a{
  font-family:'Noto Sans', sans-serif;
  font-weight:900;
  font-style:normal;
  text-decoration:none;
  text-transform:uppercase;
  font-size:18px;
  line-height:24px;
  color:var(--whiteColor);
  display:block;
  text-align:right;
}
.deskMenu ul li .sub-menu{display:none;}
.deskMenu ul li.current-menu-item a,
/* .deskMenu ul li.current_page_parent a, */
.deskMenu ul li.current-page-ancestor.menu-item-has-children a{color:var(--orangeColor);}
.deskMenu ul li a:hover{color:var(--orangeColor);}

.searchHolder{
  position: fixed;
  right:0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:var(--darkblueColor);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
body.open-search .searchHolder{
  /* right: 0; */
  opacity: 1;
  visibility: visible;
}
.searchHolder > div {
  height: 100%;
}

ul.secondaryLinks li.menulink{display:none;}

.searchMenuOverlay{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:var(--darkblueColor);
z-index: 99999;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
body.open-menu .searchMenuOverlay{opacity:1; visibility:visible; pointer-events: auto;}

.searchBolck h2{width:100%; font-size:41px; line-height:41px; padding-bottom:30px;}

.menuSearchContainer{ max-width:490px; padding:120px 24px 40px 24px; margin:0 auto; height:100%; position: relative; overflow:hidden;}
.resMenu{ height:calc(100% - 160px); overflow-y:auto;}
.resMenu ul.mobMenu li .sub-menu{display:none;}
ul.mobMenu li{position:relative; padding:6px 0;}
ul.mobMenu li a{padding-right:34px;}
ul.mobMenu li .accordionTrigger{
  width:32px;
  height:32px;
  position:absolute;
  right:0;
  top:11px;
  background-position: center center;
  background-repeat:no-repeat;
  background-size:38px;
}
.accordionTrigger.active{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
ul.mobMenu li > .accordionTrigger{ background-image: url('../images/level-one.svg');}
ul.mobMenu li > ul.sub-menu li .accordionTrigger{
  background-image: url('../images/level-two.svg');
  top:2px;
  background-size:40px;
}
ul.mobMenu > li > a{
  font-family:'Noto Sans', sans-serif;
  font-weight:900;
  font-style:normal;
  padding-top:6px;
  font-style:normal; top:7px; text-transform:uppercase;}
ul.mobMenu li a{font-size:26px; line-height:36px; color:var(--whiteColor); text-decoration: none; display: block;}
ul.mobMenu li a br{ display: none;}
ul.mobMenu li ul.sub-menu{padding-top:8px; padding-bottom:8px;}
ul.mobMenu li ul.sub-menu a{font-size:16px; line-height:24px;}
ul.mobMenu li ul.sub-menu li ul.sub-menu{padding-left:20px;}

ul.mobMenu li.current-menu-item > a,
ul.mobMenu li.current_page_item > a,
ul.mobMenu li.current-menu-parent > a,
ul.mobMenu li.current_page_parent > a{color:var(--yellowColor);}

.res-nav-link{position:absolute; right:56px; top:36px; z-index:999999; display:none!important;}
body.open-menu .res-nav-link{display:block!important;}
.searchIcon, .searchMenuBtn{
  width:32px;
  height:32px;
  top:50px;
  left:64px;
  position:absolute;
  background-color:var(--darkblueColor);
  z-index:999999;
  opacity:0;
  visibility:hidden;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:32px;
}
.searchIcon{ background-image: url('../images/w-search.svg');}
.searchMenuBtn{background-image: url('../images/w-menu.svg')}
.searchMenuBtn.showBtn{ opacity: 1; visibility:visible;}

body.open-menu{ overflow: hidden;}
body.open-menu .searchIcon{ opacity: 1; visibility: visible;}

.menuBlock.showMenuSec {
  right: 0px;
  visibility: visible;
  opacity: 1;
}
.menuBlock{
  position: absolute;
  right:-100%;
  overflow-y: auto;
  height:100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  padding: 0 24px;
}
.searchBolck{
  width: 100%;
  position:absolute;
  left:-100%;
  visibility:hidden;
  opacity:0;
  padding: 0 24px;
}
.searchBolck .searchBox{ padding-left: 0; padding-right: 0;}
.searchBolck.showsearchSec{ left: 0; visibility: visible; opacity: 1;}
/* menu icon start here */
.hamburger--slider .hamburger-inner{top:9px; left:8px;}
.hamburger--slider .hamburger-inner::before {
   top:11px;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   transition-timing-function: ease;
   transition-duration: 0.2s;
   left:0px;
 }
.hamburger--slider .hamburger-inner::after {top:22px;}
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
  background-color: #ffffff;
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
  background-color: #ffffff;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
  background-color: #ffffff;
}

.hamburger--slider.is-active .hamburger-inner{ top:11px; left:8px;}
.hamburger--slider.is-active .hamburger-inner::after{ top:20px;}

.hamburger {
   display: inline-block;
   cursor: pointer;
   border-radius:4px;
   transition-property: opacity, -webkit-filter;
   transition-property: opacity, filter;
   transition-property: opacity, filter, -webkit-filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   border: 0;
   margin: 0;
   overflow: visible;
   width:42px; height:42px;
}
.hamburger:hover {/*opacity: 0.7;*/ }
.hamburger-box {width:42px; height:42px; display: inline-block;position: relative; border-radius: 4px;}

.hamburger-inner {display:block; top:50%; margin-top:-2px; width: 52px; height:46px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
   width:26px;
   height:3px;
   background-color:var(--whiteColor);
   border-radius: 0px;
   position: absolute;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   transition-duration: 0.15s;
   transition-timing-function: ease;
 }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
/* menu icon end here */

@media screen and (min-width: 0px) and (max-width:1100px){
  .deskMenu ul li{padding:0 0 0 24px;}
  .secondaryLinks li{padding-left:30px;}

  .deskMenu ul li a{font-size: 16px;
  line-height: 22px;}
}

/* ipad landscape start here */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape),
all and (device-width: 810px) and (device-height: 1080px) and (orientation: landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
  body.open-menu .res-nav-link{ display:block!important;}
}

@media screen and (min-width: 0px) and (max-width:1023px){
  .headerHolder .logo{ max-width: 58px;}
  header.TBspace{ padding-top: 20px; padding-bottom: 20px;}
  .deskMenu, .secondaryLinks li.deskSearch{ display: none;}
  .res-nav-link{ display:block!important;}
  .secondaryLinks li.donateBtn{padding-left:0; padding-right:60px;}
}

@media screen and (min-width: 0px) and (max-width:889px){
  .res-nav-link{right:38px;}
  .searchIcon, .searchMenuBtn{left:45px;}
}
@media screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: landscape) {
  .res-nav-link{right:16px;}
  .secondaryLinks li.donateBtn{padding-right:46px;}
  .menuSearchContainer{padding-top:90px; padding-bottom:20px;}
  .resMenu{height:calc(100% - 110px);}
}
}

@media screen and (min-width: 0px) and (max-width:550px){
  .menuSearchContainer{ padding-top: 80px;}
  .resMenu{height: calc(100% - 120px);}
  .donateBtn .btn{font-size:17px; line-height:22px;}
  .res-nav-link{ right:16px; top:22px;}
  .secondaryLinks li.donateBtn{ padding-right: 50px;}
  .searchIcon, .searchMenuBtn{ left:24px; top:26px;}
  .searchBolck{height:calc(100% - 200px); display:flex; align-items:center;}
  ul.mobMenu li a{font-size:22px; line-height:34px;}
}