.topBar { font-size: 14px; z-index:100;}
.tbLeft { width:100%; font-size:15px; text-align:center;}
.tb_right {width: 25px!important; height: 25px!important; margin-left: auto; padding-right:40px;}
.tb_icon{width:25px;height:25px;}
.tb--text{margin-right:5px;}
.tb_icon svg{
  width:25px;
  height:25px;
}
.tbLeft > div{ border-right:none;padding:0px!important; margin-right:0!important;}
.ffRowwrap{justify-content:space-evenly;}
.close_bar{cursor:pointer;}
.close_bar svg{width:25px; height:25px;}
.topSection{padding-top:0px !important;}
.trMenurow{transform:translateY(0%)!important; padding-left:0px!important;}
.trMenurow .smenuToggle{position:relative; padding:25px 0px 25px 0px !important; background:none !important;}
.trMenurow .smenuToggle a img{height: auto; width: 150px !important;}
.trMenu .hs-menu-wrapper > ul > li > a{padding:25px !important;}
.topSection{z-index:100;}
.trCTA a{
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  padding: 10px 25px;
  margin-left: 30px;
  line-height: 21px;
  border-radius: 5px;
}
.trSearchcta.flex.ffRowwrap.justEnd.alignCenter{padding-right:20px;}

/* Desktop Sub-menu styling  start */

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper {
  top: 70% !important;
  left:-20px !important;
}
.row-fluid .trMenu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{width:220px!important;}
.row-fluid .trMenu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper li{padding:0 35px!important;}
.row-fluid .trMenu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper li > a{ border-bottom: none!important;}

/* Desktop Sub-menu styling  end */

@media (min-width: 991px) and (max-width: 1260px) {
  .trMenu .hs-menu-wrapper > ul > li > a{padding:25px !important;}
  .trMenurow.fullwidth.flex.ffRowwrap.justSpacebetween.alignCenter{padding-left:20px!important; padding-right:20px!important;} 
  .tb_width{max-width:1060px !important;}
}

@media (min-width: 991px) and (max-width: 1080px){ .trMenurow.fullwidth.flex.ffRowwrap.justSpacebetween.alignCenter{padding-bottom:25px!important;}}

@media(min-width:992px){
  .trRow{display:none!important;} 
  .row-fluid .childToggle { display:flex !important; position: absolute !important; right: 0; top: 0; width: 48px; height: 48px; } 
  .row-fluid .childOpen > .childToggle i{ transform: rotate(224deg); }
  .row-fluid .childToggle i {position: absolute;left: 35px;top: 77%;width: 10px;height: 10px;transform: rotate(45deg) translate(-50%,-50%);
                             margin:0px!important;border-right: #7a8a9e solid 2px; border-bottom: #7a8a9e solid 2px; transition: transform 0.5s ease-in-out;}
  .hs-item-has-children:hover> .childToggle i {transform: rotate(224deg);}
  .trMenurow{display:flex !important;} 
}

@media (max-width:991px){
  .tbLeft{text-align:left; padding-left:20px; }
  .close_bar svg{padding-right:15px;height:30px;width:45px;}
  .topBar{display:block !important;}
  .hide {display: none !important;}
  .row-fluid .trMenurow .hs-menu-wrapper > ul > li{border-bottom:none !important;}
  .row-fluid .trMenu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper li{padding:0 15px!important; background-color:#dddddd2b;}
  .row-fluid .trMenu .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{padding-left:0px!important;}
  .trMenu{ max-width: 900px;}
  .topSection{padding-top:20px !important; padding-bottom:0px!important;}
  .row-fluid .menuToggle{transform:translateY(-60%)!important; right:15px;}
  .topSection .wrapper{max-width: 100% !important;}
  .trMenu .hs-menu-wrapper > ul > li > a{padding:10px 0px! important;}
  .row-fluid .trSearchcta{display:flex !important;flex-direction: column;
    align-items:flex-start!important;margin-top:25px;}
  .trMenurow.fullwidth.flex.ffRowwrap.justSpacebetween.alignCenter{ justify-content: flex-start !important; flex-direction: column !important; align-items: flex-start !important;}
  .trCTA a{margin-left:-3px !important;}
  .tr_sign-in, .trCTA{padding:10px 0px;}
  .trRow.fullwidth.flex.ffRowwrap.justSpacebetween{margin-left:15px;padding-bottom:20px;}
  .row-fluid .trMenurow{top: 60px!important; border-top:none!important; padding-left:20px!important;}
  .menu_text{ margin-right: 90px; width: fit-content; margin-top: -10px!important;}
}

@media(max-width:767px){
  .trRow.fullwidth.flex.ffRowwrap.justSpacebetween{margin-left:0px!important;}

@media(max-width:450px){.tLogo img{max-width:145px !important;}}