ul.mainMenu{ list-style-type: none; margin: 0px; padding: 0px; list-style-type: none;}
ul.mainMenu li{ margin: 0px; padding: 0px; border-bottom:#000 solid 1px; padding:10px 0; min-height: 70px;}
ul.mainMenu li a{ text-decoration: none; font-size: 40px; line-height: 46px;}
ul.mainMenu li a:hover{font-family: 'GT-Super-Display-Light'; color:#000;}
ul.mainMenu li.current_page_item a, ul.mainMenu li.current_page_parent a{font-family: 'GT-Super-Display-Light';}

.menuBox{position: fixed; top: 0;
  left:0;
width: 100%;
height: 100%;
background-color: #F0EEEA;
overflow-y: auto;
padding: 0;
padding-top:60px;
z-index: 999;
opacity: 0;
visibility: hidden;
}
.menuBox .menu-main-menu-container{ max-width: 460px; width: 100%; padding:80px 20px; margin: 0 auto; text-align: center;}
body.open-menu .menuBox{ top: 0px; opacity: 1; visibility:visible;}
.res-nav-link{ position: absolute; right: 20px; width: 40px; height: 40px; top:54px; z-index: 99999;}
.live a, .arrowLink a{ position: relative;}
.live a::after{ width: 20px; height: 20px; content:''; background-image:url('../images/playIcon.svg'); background-size: 20px; position: absolute; top:6px; right: -30px; }
.live a:hover::after{background-image:url('../images/playIcon-hover.svg');}
.arrowLink a::after{ width: 39px; height: 18px; content:''; background-image:url('../images/arrow.svg'); position: absolute; top:6px; right: -45px; }
.arrowLink a:hover::after{right: -52px;}
/* menu icon start here */

.hamburger--slider .hamburger-inner{top:6px; left: 2px;}
.hamburger--slider .hamburger-inner::before {
   top: 12px;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   transition-timing-function: ease;
   transition-duration: 0.2s;
 }
.hamburger--slider .hamburger-inner::after { top: 24px; }
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
  background-color: #000;
}
.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: #000;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
  background-color: #000;
  top:21px;
}

.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;
}
.hamburger:hover {/*opacity: 0.7;*/ }
.hamburger-box {width:40px; height:40px; display: inline-block;position: relative; border-radius: 4px;}

.hamburger-inner {display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
   width:36px;
   height:1px;
   background-color: #000;
   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:1025px) {
  .menuBox .menu-main-menu-container{ padding-top: 60px; padding-bottom: 60px;}
}
@media screen and (min-width: 0px) and (max-width:767px) {
  .menuBox .menu-main-menu-container{ padding-top:40px; padding-bottom:40px;}
  ul.mainMenu li a{ font-size: 34px; line-height: 40px;}
  ul.mainMenu li{ min-height: 64px;}
}
@media screen and (min-width: 0px) and (max-width:580px) {
  .topLinks.desk{display:none;}
  .topLinks.mob{display:block; width: 100%;}
  .res-nav-link{ top:30px;}
  .topLinks.mob ul{ text-align:center;}
  .topLinks.mob ul li{ display: inline-block; padding-right: 16px;}
  .topLinks.mob ul li.live{ padding-right: 44px;}
  .topLinks.mob ul li.arrowLink a::after{ display: none;}
  .live a::after{ top: 3px; left: -25px;}
  .topLinks.mob ul li.live{ padding-right: 16px; padding-left: 44px;}
  .headRight{ width: auto;}
  /* .menuBox{ padding-top: 98px;} */
  .menuBox{ padding-top:40px;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
  .live a::after{ top: 2px;}
}
@media screen and (min-width: 0px) and (max-width:420px) {
  ul.mainMenu li{min-height:56px;}
  ul.mainMenu li a{ font-size:28px; line-height:34px; }
}