.RadMenu.RadMenu_Coffee .rmGroup {
  background-color: #EAF7FF;
}


.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
 /* border-top: 1px solid rgba(5, 42, 97, 0.05); */
	/* Added by KK */
 border-bottom: 1px solid rgba(0, 0, 0, .2);
 display: block;
 border-radius: 0px !important;
 position: absolute !important;
 top: 97px !important;
 left: 28vw !important;
 width: 71.5vw !important;
 height: 300px !important;
 margin-left: 0px !important;
 margin-top: 0px !important;
 column-count: 3;
 column-width: auto !important;
 column-gap: 40px;
 padding-top: 35px !important;
 padding-right: 20px !important;
}

.mm-level-2 .rmText {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  font-family: halyard-display, arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: -.01em;
}

.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
  width: auto;
  clear: both;
  text-align: left;
  margin: 0 0;
  break-inside: avoid-column;
}

.RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink .rmText {
  text-wrap: wrap;
}

.RadMenu.RadMenu_Coffee .rmOneLevel .rmItem .rmLink {
  text-wrap: wrap;
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
  margin: 0px 0 0px 0;
  padding: 0 0 0 0;
}

.RadMenu_Coffee .rmSlide .rmExpandRight,
.RadMenu_Coffee .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background: none;
}

.RadMenu_Coffee .rmSlide .rmExpandRight,
.RadMenu_Coffee .rmSlide .rmGroup .rmIcon {
  background: none;
  display: none;
}

.mm-item-desc {
  padding-left: 30px;
  width: auto;
  height: auto;
  white-space: auto;
  word-wrap: wrap;
  background-color: transparent !important;
}

.mm-item-desc .rmText {
  font-size: 16px !important;
  font-family: "halyard-text", arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.25;
  margin-top: 5px;
}

.rmLeftImage {
  display: none;
}

/* Added by KK */
.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
    display: flex !important;
    left: auto !important;
    flex-flow: row wrap;
    /* min-width: 320px; */
    background-color: transparent !important;
}
/* End of KK Add */

.rmExpanded .rmLeftImage {
  display: block !important;
  height: 300px !important;
  box-sizing: border-box;
  left: 2vw;
  top: 139px !important;
  min-width:30vw!important;
  position: absolute !important;
  overflow-x: auto !important;
}

.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem {
  width: 80% !important;
  white-space: normal;
  padding-left: 10px;
  align-self: self-start;
  background: transparent !important;
}

.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
  margin-right: 20% !important;
  padding-bottom: 20px !important;
}

.RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
.RadMenu.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
  display: block !important;
  text-wrap: wrap;
  column-count: 1 !important;
  background: transparent;
}
.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink, .RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem, .RadMenu.RadMenu_Coffee ul.rmRootGroup {
 position: unset;
}
div[id$="PrimaryNavigationArea"] .rmIcon::after{
 display:none;
}
div[id$="PrimaryNavigationArea"] .rmRootLink:hover .rmIcon::before {
 display:none;
}
div[id$="PrimaryNavigationArea"] .rmRootLink:hover .rmIcon::after {
 display:inline-block;
}
@media (min-width:1921px) and (max-width:2000px){
	.rmExpanded .rmLeftImage {
 	  left: .24vw;
	  top: 98px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
      object-fit: cover;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
	  top: 53px !important;
	  /* left: 27.5vw !important; */
 	  /* width: 68.3vw !important; */
	  height: 300px !important;
 	  z-index: 10;
        /* Added by KK */
 	  left: 29.55vw !important;
 	  width: 66.25vw !important;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -15px !important;
      letter-spacing: -0.18px !important;
      padding: 15px 3px 18px 15px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 9px 20px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 100%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -3px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
	.mm-item-desc {
      width: 300px !important;
	}
}
@media (min-width:1851px) and (max-width:1920px){
	.rmExpanded .rmLeftImage {
 	  left: .24vw;
	  top: 95px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
      object-fit: cover;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
	  top: 52px !important;
	  /* left: 27.5vw !important; */
 	  /* width: 68.3vw !important; */
	  height: 300px !important;
 	  z-index: 10;
        /* Added by KK */
 	  left: 29.6vw !important;
 	  width: 66.2vw !important;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -15px !important;
      letter-spacing: -0.18px !important;
      padding: 15px 3px 18px 15px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 11px 20px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 100%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
	.mm-item-desc {
      width: 300px !important;
	}
}
@media (min-width:1801px) and (max-width:1850px){
	.rmExpanded .rmLeftImage {
 	  /* left: 0vw;*/
	  top: 94px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  left: .4vw;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 30.5vw !important;
      object-fit: cover;
	}
  .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
    top: 51px !important;
    height: 300px !important;
    z-index: 10;
    left: 29.0vw !important;
    width: 66.8vw !important;
  }
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -15px !important;
      letter-spacing: -0.18px !important;
      padding: 15px 3px 18px 15px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 11px 20px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 100%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
	.mm-item-desc {
      width: 300px !important;
	}
}
@media (min-width:1701px) and (max-width:1800px){
	.rmExpanded .rmLeftImage {
 	  /* left: 0vw;*/
	  top: 94px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  left: .65vw;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
      object-fit: cover;
	  width: 100%;
	}
  .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
    top: 49px !important;
    height: 300px !important;
    z-index: 10;
    left: 32.3vw !important;
    width: 63.6vw !important;
  }
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -18px !important;
      letter-spacing: -0.18px !important;
      padding: 15px 3px 18px 15px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 11px 15px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 100%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
	.mm-item-desc {
      width: 300px !important;
	}
}
@media (min-width:1601px) and (max-width:1700px){
	.rmExpanded .rmLeftImage {
 	  /* left: 0vw;*/
	  top: 93px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  left: 1vw;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 31vw !important;
      object-fit: cover;
	}
  .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
    top: 50px !important;
    height: 300px !important;
    z-index: 10;
    left: 31.1vw !important;
    width: 64.95vw !important;
  }
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 14px 15px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 95%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
	.mm-item-desc {
      width: 300px !important;
	}
}
@media (min-width:1501px) and (max-width:1600px){
	.rmExpanded .rmLeftImage {
 	  /* left: 0vw;*/
	  top: 85px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  left: 1.4vw;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
      object-fit: cover;
	}
  .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
    top: 43px !important;
    height: 300px !important;
    z-index: 10;
    left: 33.9vw !important;
    width: 62.1vw !important;
  }
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.15vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 14px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 17px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 12px 10px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 90%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
	.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
      margin-right: 0 !important;
      padding-bottom: 20px !important;
	}
}
@media (min-width:1401px) and (max-width:1500px){
	.rmExpanded .rmLeftImage {
 	  /* left: 0vw;*/
	  top: 85px !important;
      /* max-width: 37vw; */
      z-index: 5;
        /* Added by KK */
	  left: 1.7vw;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
      object-fit: cover;
	}
  .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
    top: 43px !important;
    height: 300px !important;
    z-index: 10;
    left: 34.2vw !important;
    width: 61.85vw !important;
  }
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.25vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 7px 10px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 90%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
      margin: 0 0 0 10px;
	}
}
@media (min-width:1301px) and (max-width:1400px){
	.rmExpanded .rmLeftImage {
	  left: 2.2vw;
	  top: 81px !important;
	  /* max-width: 37vw; */
	  z-index: 5;
        /* Added by KK */
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
	  object-fit: cover;
 	}
 	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
     top: 40px !important;
     left: 34.4vw !important;
     width: 61.7vw !important;
     height: 300px !important;
     z-index: 10;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.3vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 7px 10px 8px 0;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 85%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
	.RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
      margin-top: -5px;
	}
	.RadMenu.RadMenu_Coffee .rmSlide .rmItem {
    margin: 0 0 0 10px;
	}
}
@media (min-width:1201px) and (max-width:1300px){
	.rmExpanded .rmLeftImage {
	  left: 3.05vw;
	  top: 80px !important;
	  /* max-width: 37vw; */
	  z-index: 5;
        /* Added by KK */
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 33vw !important;
	  object-fit: cover;
 	}
 	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
       top: 40px !important;
       left: 34.9vw !important;
       width: 61.37vw !important;
       height: 300px !important;
       z-index: 10;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.3vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 12px 0 8px;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 85%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
}
@media (min-width:1101px) and (max-width:1200px){
	.rmExpanded .rmLeftImage {
      left: 2.9vw;
      top: 73px !important;
      z-index: 5;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 35vw !important;
	  object-fit: cover;
	  width: 100%;
 }
	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
      top: 33px !important;
      right: 80px !important;
      left: 36.3vw !important;
      width: 60vw !important;
      height: 300px !important;
      z-index: 10;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.3vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
      display: inline-block !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu.RadMenu_Coffee .rmItem {
      margin: 12px 0 8px;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 85%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
}
@media (min-width:1004px) and (max-width:1100px){
	.rmExpanded .rmLeftImage {
      left: 2.3vw;
      top: 73px!important;
      z-index: 5;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 34vw !important;
	  width: 33%;
	  object-fit: cover;
 }
	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
      top: 33px !important;
      right: 80px !important;
      left: 31.4vw !important;
      width: 65.1vw !important;
      height: 300px !important;
      z-index: 10;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      font-size: 1.3vw !important;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
	}
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      letter-spacing: -0.18px !important;
      padding: 6px 0 9px 12px !important;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 80%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -12.5vw;
	}
}
@media (min-width:992px) and (max-width:1003px){
	.rmExpanded .rmLeftImage {
      left: 2vw;
      top: 61px!important;
      z-index: 5;
	  animation: bubble-effect 0.6s ease-in;
      animation-fill-mode: none;
      animation-fill-mode: forwards;
      transform-origin: 50% 0;
      transform: rotateX(-90deg);
      transition: all 0.4s ease-in-out;
	  max-width: 34vw !important;
	  width: 33%;
	  object-fit: cover;
 }
	.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
      top: 21px !important;
      right: 80px !important;
      left: 31.4vw !important;
      width: 65.1vw !important;
      height: 300px !important;
      z-index: 10;
	}
	.RadMenu.RadMenu_Coffee ul.rmRootGroup>.rmItem>.rmLink {
      margin: 0;
      min-width: 0px !important; 
	}
	.RadMenu.RadMenu_Coffee .rmRootLink {
      line-height: 1.1;
      color: #151515;
      font-size: 1.3vw !important;
      font-family: halyard-text, arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      letter-spacing: -0.12px;
	}
	.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
      margin-top: 12px;
      margin-bottom: 15px;
      margin-right: 0px;
      margin-left: 15px;
	}
	span.rmText {
      padding: 0 15px 0 0 !important;
	}
	
	a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
      margin-right: 9px !important;
      margin-top: -8px !important;
      padding: 6px 0 9px 12px !important;
	}
	#masterHeaderImage {
      background-image: url(/App_Themes/2024TBAthemeMM/images/TBA-site-logo.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 200px;
      height: 60px;
      text-indent: -9999px;
      overflow: hidden;
      float: left;
      margin-top: -3px;
	}
	.RadMenu_Coffee .rmSlide .rmLink {
      font-size: 80%;
	}
	.mm-item-desc .rmText {
      font-size: 80% !important;
	}
	.mm-level-2 .rmText {
      margin-left: 10px !important;
	}
	.FullWidthArea-Interior-Header {
      margin-top: -13vw;
	}
}

@media(max-width:991px){
 .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
   border-top: 1px solid rgba(0, 0, 0, .2);
   border-bottom: 1px solid rgba(0, 0, 0, .2);
   display: block;
   position: static!important;
   width: 100% !important;
   height: auto !important;
   padding-top: 0;
   padding-right: 0;
 }
 .rmExpanded .rmLeftImage {
     display: none!important;
 }
 .RadMenu.RadMenu_Coffee .rmRootLink {
     border: none!important;
 }
 header.header .header-primary-nav-container {
     background-color: #fff;
	 padding-right: 0;
 }
 .RadMenu.RadMenu_Coffee .rmSlide .rmLevel1 {
     padding-top: 15px !important;
 }
 .RadMenu.RadMenu_Coffee .rmRootLink {
     color: #151515;
     font-family: halyard-display, arial, sans-serif;
     font-size: 24px;
     font-weight: 600;
     letter-spacing: -.24px;
	 padding: 6px 21px 6px 10px;
 }
 .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
     background-color: transparent;
     color: #151515;
 }
 .RadMenu_Coffee .rmSlide .rmLink {
     color: #151515;
     font-family: halyard-text, arial, sans-serif;
     font-size: 18px;
     font-weight: normal;
 }
 .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
   color: #151515;
 }
 .mm-item-desc .rmText {
     font-size: 16px !important;
     font-family: halyard-text, arial, sans-serif;
     font-weight: normal;
     font-style: normal;
     line-height: 1.25;
     margin-top: 5px;
 }
 .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
     display: inline-block;
     float: right;
     height: 100%;
     max-height: 25px;
	   /* Added by KK */
	 margin-top: 0;
     margin-left: 0;
 }
.RadMenu.RadMenu_Coffee .rmToggle .rmIcon, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    width: 15px;
    height: 15px;
    margin-top: 17px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 5px;
}
.RadMenu.RadMenu_Coffee .rmSlide .rmLevel1{
   column-count: 1!important;
   padding-right: 20px !important;
   padding-left: 10px !important;
   padding-bottom: 10px !important;
 }
.RadMenu.RadMenu_Coffee .rmSlide .rmText {
    padding-right: 0px;
}
.RadMenu.MegaDropDownMenuOuter ul.rmLevel2>.rmItem .rmText {
    margin-right: 0 !important;
    padding-bottom: 20px !important;
}
 .sticky-top {
   position: relative!important;
   top: 0;
  }
  li.rmItem.rmLast {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 28px;
  }
  a.ContactUs-button, a.ContactUs-button:visited, a.ContactUs-button:hover, span.ContactUs-button {
  padding: 10px 85px 10px !important;
  }
  /* KK COMMENT OUT  .UtilitySection.UtilityAccountArea {
    display: none;
  } */
  /* KK COMMENT OUT  .UtilitySection.UtilityNavigationList {
    display: none;
  } */
  .UtilitySection.UtilityAccountArea {
    margin: 5px 0px 0 0;
	}
  /*AN COMMENT OUT .searchbar-toggle {
    display: none;
  } */
  /* KK COMMENT OUT #masterHeaderImage {
    min-width: 240px;
    position: relative;
    width: 100%;
	margin-left: 5vw;
  } */
	
  body:not(.Wrapper-HomePage) .header:before {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    grid-area: 1 / 1 / span 2 / span 4;
  }
  header.header {
    display: block;
  }
  header.header .header-background-container {
    background-color: #fff;
    min-height:0;
}
  header.header .header-logo-container {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    display: inline-block;
    max-width: 75%;
}
  header.header .header-aux-container {
    /* max-width: 25%; */
    display: inline-block;
    float: right;
    /* margin-top: 10px; */
	  /* Added by KK */
	max-width: 100%;
	margin-top: 5px;
	padding-right: 5vw;
	padding-left: 5vw;
  }
  body:not(.Wrapper-HomePage) .header {
    min-height: 0;
  }
  .wrapper.SVG-enabled .menu-toggle .icon-bar {
    display: block;
    color: #0068A6;
    background-color: #0068A6;
  }
  header .flex-rectangle {
    display: none;
}
	.wrapper.SVG-enabled .navbar-toggle .icon-search:hover, .wrapper.SVG-enabled .navbar-toggle .icon-search:focus, .wrapper.SVG-enabled .navbar-toggle .icon-search:active {
    background: transparent url(/App_Themes/2024TBAthemeMM/images/search-mobile.svg) no-repeat;
    width: 20px;
    height: 20px;
	}
	.wrapper.SVG-enabled .navbar-toggle .icon-search:before, .wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock:before {
	background: transparent url(/App_Themes/2024TBAthemeMM/images/search-mobile.svg) no-repeat;
    -webkit-mask-image: none;
    mask-image: none;
    width: 20px;
    height: 20px;
	}
	.wrapper.SVG-enabled .nav-aux-cart a:before, .wrapper.SVG-enabled .nav-aux-account a:before {
	background: transparent url(/App_Themes/2024TBAthemeMM/images/cart-mobile.svg) no-repeat;
    -webkit-mask-image: none;
    mask-image: none;
    width: 20px;
    height: 20px;
	}
	.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink, .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    margin-left: 0;
	}
	.wrapper.SVG-enabled .nav-aux-cart a, .wrapper.SVG-enabled .nav-aux-account a, .wrapper.SVG-enabled .navbar-toggle .icon-search, .wrapper.SVG-enabled .obo-toggle, .wrapper.SVG-enabled .page-statistics-toggle, .wrapper.SVG-enabled .ste-toggle, .wrapper.SVG-enabled .UtilitySearch #SimpleSearchBlock, .wrapper.SVG-enabled .navbar-toggle {
    width: 20px;
    height: 20px;
    background-image: none;
	}
	.wrapper.SVG-enabled .navbar-toggle .icon-search {
    margin: -6px 0 0 0;
	}
	.navbar-toggle {
    margin-left: 0px;
	}
	#ctl01_ciUtilityNavigation_ctl01_OBOToggleLI {
        display: none;
    }
	.wrapper.SVG-enabled .navbar-toggle .icon-search {
    margin: -6px 0 0 0;
	}
	.search-container .TextButton {
    width: auto;
    height: auto;
    line-height: 1;
    padding: 7px 7px 9px 7px;
    margin-top: 10px;
	}
}