.header-menu,
.header-menu .bottom-sec .address p span, 
.header-menu .bottom-sec .address p span a,
.header-menu .top-sec .hs-menu-wrapper>ul li a,
.header-menu .top-sec .menu-sec,
.header-menu .bottom-sec,
.header-menu .open-menu.mobile,
.header-menu .top-sec h3{
  transition:.3s all ease-in-out 0s;
  -webkit-transition:.3s all ease-in-out 0s;
  -moz-transition:.3s all ease-in-out 0s;
}
.header-menu>.content-wrapper {
  max-width: 95%;
}
.header-menu {
  padding: 50px 0px 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  overflow-y: scroll;
  visibility:hidden;
  opacity:0;
}
.mobilee-open .header-menu {
  opacity: 1;
  visibility: visible;
}
.mobilee-open .header-menu .top-sec .menu-sec {
  top:0px;
  opacity:1;
}
.mobilee-open .header-menu .top-sec .menu-sec.item-1 {
  transition:.6s all ease-in-out 0s;
  -webkit-transition:.6s all ease-in-out 0s;
  -moz-transition:.6s all ease-in-out 0s;
}
.mobilee-open .header-menu .top-sec .menu-sec.item-2 {
  transition:.8s all ease-in-out 0s;
  -webkit-transition:.8s all ease-in-out 0s;
  -moz-transition:.8s all ease-in-out 0s;
}
.mobilee-open .header-menu .top-sec .menu-sec.item-3 {
  transition:1s all ease-in-out 0s;
  -webkit-transition:1s all ease-in-out 0s;
  -moz-transition:1s all ease-in-out 0s;
}
.mobilee-open .header-menu .top-sec .menu-sec.item-4 {
  transition:1.1s all ease-in-out 0s;
  -webkit-transition:1.1s all ease-in-out 0s;
  -moz-transition:1.1s all ease-in-out 0s;
}
.header-menu .top-sec .heading {
  padding-bottom: 7px;
}
.header-menu .top-sec h3 {
  font-size: 32px;
  font-weight: 400;
  font-family: 'Circular Std Book';
}
.header-menu .top-sec .hs-menu-wrapper>ul li {
  margin: 0;
  display: block;
  float: none;
}
.header-menu .top-sec .hs-menu-wrapper>ul li a {
  max-width: 100%;
  white-space: normal;
  font-size: 22px;
  color: #262938;
  padding-left: 0;
  padding-top: 0;
  padding-right:22px;
  font-weight: 600;
  padding-bottom: 0px;
}
.header-menu .top-sec .hs-menu-wrapper>ul li a:hover,
.header-menu .bottom-sec .address p span a:hover,
.header-menu .bottom-sec .mobile-menu.mobile li.hs-menu-item a:hover{
  color: #DB3036;
}
.header-menu .top-sec,
.header-menu .bottom-sec{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.header-menu .top-sec .menu-sec {
  flex-basis: 22.75%;
  -webkit-flex-basis: 22.75%;
  flex-basis:18%;
  -webkit-flex-basis:18%;
  opacity:0;
  position:relative;
  top:-60px;
}
.header-menu .top-sec .menu-sec:not(:last-child) {
  margin-right:3%;
}
.header-menu .bottom-sec {
  border-top: 1px solid #ddd;
  padding-top: 43px;
  margin-top: 20px;

}
.header-menu .top-sec .menu-sec:last-child .hs-menu-wrapper>ul li a {
  font-size: 32px;
  padding-top: 12px;
  padding-bottom: 11px;
}
.header-menu .bottom-sec .address h5,
.header-menu .bottom-sec .text-cta h5{
  font-size: 22px;
  font-weight: 600;
  padding-bottom:7px;
}
.header-menu .bottom-sec .text-cta h5 {
  font-weight:700;
}
.header-menu .bottom-sec .address p span, .header-menu .bottom-sec .address p span a {
  display: block;
  font-size: 20px;
  color: #262938;
  padding-bottom: 4px;  
}
.header-menu .bottom-sec .address {
  flex-basis: 21%;
  -webkit-flex-basis: 21%;
}
.header-menu .bottom-sec .text-cta.red-button {
  flex-basis: 14%;
  -webkit-flex-basis: 14%;
  margin-left: 2%;
}

/*== Responsive Styling ==*/

@media(min-width:1025px) and (max-width:1250px) {
  .header-menu .top-sec .menu-sec {
    flex-basis:20%;
    -webkit-flex-basis:20%;
  }
  .header-menu .top-sec h3 {
    font-size: 25px;
  }
  .header-menu .top-sec .hs-menu-wrapper>ul li a {
    font-size:20px;
    padding-bottom:15px;
  }
  .header-menu .top-sec .menu-sec:last-child .hs-menu-wrapper>ul li a {
    font-size: 28px;
    padding-top:5px;
  }
  .header-menu .bottom-sec .address {
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
  }
  .header-menu .bottom-sec .text-cta.red-button {
    flex-basis: 25%;
    -webkit-flex-basis: 25%;
    margin-left: 0;
  }
}
@media (max-width: 1410px) {
  .header-menu .top-sec h3 {
    font-size: 26px;
  }
}
@media (max-width:1024px) {
  .header-menu {
    top:130px;
    padding-top:36px;
  }
  .header-menu>.content-wrapper {
    max-width: 100%;
  }
  .header-menu .bottom-sec .text-cta.red-button {
    margin-left:0px;
  }
  body.mobilee-open {
    overflow: hidden;
  }
}
@media(min-width:993px) and (max-width:1024px) {
  .header-menu .top-sec .menu-sec {
    flex-basis: 22.75%;
    -webkit-flex-basis: 22.75%;
  }
}
@media(min-width:768px) and (max-width:992px) {
  .header-menu .top-sec .menu-sec {
    flex-basis:45.75%;
    -webkit-flex-basis: 45.75%;
  }
}
@media(min-width:768px) and (max-width:1024px) {
  .header-menu .top-sec h3 {
    font-size: 20px;
  }
  .header-menu .top-sec .hs-menu-wrapper>ul li a {
    font-size: 14px;
    padding-bottom: 12px;
  }
  .header-menu .top-sec .menu-sec:last-child .hs-menu-wrapper>ul li a {
    font-size: 24px;
  }
  /*   .header-menu .bottom-sec .address,
  .header-menu .bottom-sec .text-cta.red-button{
  flex-basis: 33%;
  -webkit-flex-basis: 33%;
} */
  .header-menu .bottom-sec .address h5, 
  .header-menu .bottom-sec .text-cta h5,
  .header-menu .bottom-sec .address p span, 
  .header-menu .bottom-sec .address p span a{
    font-size:18px;
  }
  .header-menu .bottom-sec .address p span {
    padding-right:20px;
  }
  .header-menu .bottom-sec .address {
    padding-bottom: 15px;
  }
  .open-menu.mobile {
    display:none;
  }
}
@media(max-width: 1024px)and (min-width: 993px){
  .header-menu .bottom-sec .address,
  .header-menu .bottom-sec .text-cta.red-button{
    flex-basis: 33%;
    -webkit-flex-basis: 33%;
  }
}
@media(max-width: 992px)and (min-width: 768px){
  .header-menu .bottom-sec .address,
  .header-menu .bottom-sec .text-cta.red-button{
    flex-basis: 50%;
    -webkit-flex-basis: 50%;
  }
}
@media (min-width:768px) {
  .mobile-menu.mobile,
  .open-menu.mobile{
    display:none;
  }
}

@media (max-width:767px) {
  .address.desktop {
    display:none;
  }
  .header-menu .top-sec .menu-sec:not(:last-child) {
    margin-right: 0;
  }
  .header-menu .top-sec .menu-sec {
    flex-basis:100%;
    -webkit-flex-basis:100%;
  }
  .header-menu .top-sec .menu-sec .menu,
  .header-menu .bottom-sec .text-cta h5,
  .header-menu .top-sec .menu-sec.item-4 .heading,
  .header-menu .top-sec .menu-sec.item-3 .heading,
  .header-menu .open-menu.mobile .menu{
    display: none;
  }
  .header-menu .bottom-sec .mobile-menu.mobile ul {
    margin-bottom: 3px;
  }
  .header-menu .top-sec h3 {
    position:relative;
    z-index:1;
    color:#262938;
    display:inline-block;
    cursor:pointer;
  }
  .header-menu .top-sec h3::before,
  .header-menu .top-sec h3:hover::before {
    content: ''; 
    position: absolute;
    right: -38px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 20px;
    font-weight: 600;
    background-size: cover;
    width: 10px;
    min-height: 10px;
    transition:.3s all easein-out;
  }
  .header-menu .top-sec h3::before {
    background-image: url(https://f.hubspotusercontent-eu1.net/hubfs/24903309/Brockmeyer%20Assets-2021/Icons/right-arrow3.png);
  }
  .header-menu .top-sec h3:hover::before {
    background-image: url(https://f.hubspotusercontent-eu1.net/hubfs/24903309/Brockmeyer%20Assets-2021/Icons/right-arrow4.png);
  }
  .header-menu .top-sec h3:hover {
    color:#DB3036;
  }
  .header-menu .bottom-sec,
  .mobilee-open .header-menu .top-sec .menu-sec.item-4 .menu,
  .mobilee-open .header-menu .top-sec .menu-sec.item-3 .menu{
    display: block;
  }
  .header-menu .bottom-sec .mobile-menu.mobile li.hs-menu-item {
    float:none;
    display:block;
  }
  .header-menu .bottom-sec .mobile-menu.mobile li.hs-menu-item a {
    padding: 0;
    color: #262938;
    font-size: 22px;
    max-width: 100%;
    font-weight: 700;
    padding-bottom: 28px;
  }
  .header-menu .top-sec .menu-sec:last-child .hs-menu-wrapper>ul li a {
    font-weight:400;
  }
  .header-menu .top-sec .heading {
    padding-bottom: 26px;
  }
  .mobilee-open .header-menu .top-sec .menu-sec.item-4 ul li a {
    padding-bottom: 22px;
    padding-top: 0;
  }
  .mobilee-open .header-menu .top-sec .menu-sec.item-3 .heading {
    padding-bottom: 16px;
  }
  .mobilee-open .header-menu .top-sec .menu-sec.item-4 .menu ul {
    margin-bottom: 0;
  }
  .header-menu .bottom-sec {
    margin-top:9px;
    opacity:0;
    position:relative;
    top:-60px;
  }
  body.mobilee-open .bottom-sec {
    top:0px;
    opacity:1;
    transition:1.2s all ease-in-out 0s;
    -webkit-transition:1.2s all ease-in-out 0s;
    -moz-transition:1.2s all ease-in-out 0s;
  }
  .header-menu a.go-back {
    position:relative;
    z-index:1;
    padding-left:45px;
    font-size: 14px;
    padding-top: 4px;
  }
  .header-menu a.go-back:before {
    position: absolute;
    content: '';
    background-image: url(https://f.hubspotusercontent-eu1.net/hubfs/24903309/Brockmeyer%20Assets-2021/Images/right-arrow-long.png);
    left: 0;
    width: 39px;
    height: 36px;
    top: -8px;
    transform: rotate(-180deg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: 0.3s;
  }
  .header-menu .open-menu.mobile {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    top: 130px;
    bottom: 0;
    padding-left: 32px;
    z-index: 2;
    transform: translate3d(800px, 0px, 0px);
    -webkit-transform: translate3d(800px, 0px, 0px);
    -moz-transform: translate3d(800px, 0px, 0px);
    opacity: 0;
    visibility: hidden;
    padding-top:38px;
  }
  .header-menu .open-menu.mobile.show-first-child,
  .header-menu .open-menu.mobile.show-sec-child,
  .header-menu .open-menu.mobile.show-thrd-child{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    overflow-y: scroll;
    padding-bottom: 30px;
  }
  .header-menu .open-menu.mobile.show-first-child .menu.index-1,
  .header-menu .open-menu.mobile.show-sec-child .menu.index-2,
  .header-menu .open-menu.mobile.show-thrd-child .menu.index-3{
    display: block;
  }
  .header-menu .open-menu.mobile .menu {
    padding-top: 20px;
  }
  .header-menu .top-sec .hs-menu-wrapper>ul li a {
    font-size:20px;
    font-weight:500;
    padding-bottom:10px;
  }
  .header-menu .open-menu.mobile .menu ul {
    display: block;
  }
 
}