@media (max-width:600px) {
     .hide-small{
          display: none!important;
     }
}

@media (max-width: 992px) {
     .extra-padding-right {
          padding-right: 60px !important;
     }
}

@media (max-width: 600px){
     .nav-wrapper.mobile-nav ul li a {
          padding-left: 20px;
     }

     .home-button-mobile {
          padding-left: 4px !important;
     }

   .nav-wrapper ul li a {
          padding: 0px 10px;
   }

  .extra-padding-right {
          padding-right: 50px !important;
   }
}

@media (min-width:993px) { 
     .hide-large{
          display: none!important;
     }
}

@media (max-width:992px) and (min-width:601px) {
     .hide-medium {
          display: none!important;
     }
}

.button{
     border: none;
     display: inline-block;
     padding: 8.2px 15px;
     vertical-align: middle;
     overflow: hidden;
     text-decoration: none;
     color: inherit;
     background-color: inherit;
     text-align: center;
     cursor: pointer;
     white-space: nowrap
}

.menu-button{
     border: none;
     display: inline-block;
     padding: 8.5px 15px;
     vertical-align: middle;
     overflow: hidden;
     text-decoration: none;
     color: inherit;
     background-color: inherit;
     text-align: center;
     cursor: pointer;
     white-space: nowrap
}

#subtopnav {
     background-color: var(--menu-bg-primary-color);
     border-bottom: 2px solid var(--menu-border-color);
     color: var(--menu-text-primary-color);
     white-space: nowrap;
     overflow: auto;
     scrollbar-width: none;  /* Firefox */
     -ms-overflow-style: none;  /* IE and Edge */

     /*position: fixed;*/
     /*padding-left: 0px;*/
     /*padding-right: 0px;*/
     /*padding-top: 0px;*/
     /*padding-bottom: 0px;*/
     /*margin-left: 0px;*/
     /*letter-spacing: 1px;*/
     /*font-family: Verdana, sans-serif;*/
     /*top: 56px;*/
     /*width: 100%;*/
     /*overflow-x: auto;*/
}

#btn_container_subtopnav {
     position: absolute;
     right: 0;
     z-index: 9;

     /*top:56px;*/
     /*font-size:0;*/
}

#scroll_left_btn {
     display: none;
     position: absolute;
     cursor:pointer;
     left:119px;
     font-size: 14px;
     z-index: 9;

     /*top:56px;*/
}

#scroll_left_btn span {
     background: linear-gradient(to right, var(--menu-bg-primary-color) 70%, transparent 100%);
     display: block;
     padding-top: 7px;
     padding-bottom: 9px;
     border-left: 1px solid var(--menu-item-separator-color); /*rgb(0, 71, 78);*/
}

#scroll_left_btn span:hover {
     background: linear-gradient(to right, var(--menu-hover-bg-primary-color) 95%, transparent 100%);
     color: var(--menu-text-hover-primary-color);
}

#scroll_right_btn {
     cursor: pointer;
     float: left;
     font-size: 14px;
     padding-top: 7px;
     padding-bottom: 9px; 
     background: linear-gradient(to left, var(--menu-bg-primary-color) 70%, transparent 100%);
}

#scroll_right_btn:hover {
     background: linear-gradient(to left, var(--menu-hover-bg-primary-color) 95%, transparent 100%);
     color: var(--menu-text-hover-primary-color);
}

#homebtn_container {
     position: absolute;
     background-color: var(--menu-bg-primary-color);
     left: 0px;
     padding-bottom: 0px;
     color: var(--menu-text-primary-color);
     z-index: 1001;

     /*top: 82px;*/
     /*border-right:10px solid rgba(40, 42, 53,0.5);*/
     /*height: 33px;*/
}

.homebtn_container-mobile {
     display: block !Important;
     width: -webkit-fill-available;
     width: -moz-available;
     width: 100%;
}

#homebtn_container span {
     padding-left: 15px;
     padding-right: 6px;
}

#homebtn_container span a {
text-decoration: none;
     /*line-height: 1.5;*/
     /*padding-top: 5px!important;*/
     /*padding-bottom: 5px!important;*/
     /*padding-left: 8px !important; */
     /*padding-right: 6px !important;*/
}

#homebtn_container:hover {
     background: var(--menu-hover-bg-primary-color);
     color: var(--menu-text-hover-primary-color);
}

#menubtn_container {
     position: absolute;
     right:0; 
     z-index: 1001;

     /*top:160px;*/
     /*border-right:10px solid rgba(40, 42, 53,0.5);*/
     /*height:33px;*/
}

#menubtn_container span {
     background-color: var(--menu-bg-primary-color);
}

#menubtn_container span:hover {
     background-color: var(--menu-hover-bg-primary-color);
}

#menubtn_container span a {
     /*line-height: 1.1;*/
     /*padding-top: 8px!important;*/
     /*padding-bottom: 6px!important;*/
     /*width: 30px !important;*/
}

#subtopnav::-webkit-scrollbar {
     display: none!important;
}

.large-dropdown-submenu-scroll {
     overflow-y: auto;
     max-height: calc(100vh - 155px);
     scrollbar-width: none;  /* Firefox */
     -ms-overflow-style: none;  /* IE and Edge */
}

.large-dropdown-mobile-menu-scroll {
     overflow-y: auto;
     max-height: calc(100vh - 100px);
     scrollbar-width: none;  /* Firefox */
     -ms-overflow-style: none;  /* IE and Edge */
}

menu-tip {
     display: block;
     line-height: 10px; 
     width: fit-content;
     font-size: 75%;
     color: var(--menu-tip-color);
     background: var(--menu-tip-bg-color);
     padding-top: 4px;
     padding-bottom: 3px;
     padding-left: 5px;
     padding-right: 5px;
     margin-left: 5px;
     border-style: none;
     border-width: 1px;
     border-color: var(--menu-tip-border-color);
     border-radius: 25px;
     text-transform: uppercase;
}

#block-menu-tip {
     display: flex;
     margin-left: 8px;
     padding-bottom: 7px;
}