header {background-color: #fff;height: 80px;}

.mobile_menu .logo {background: url(../images/bidhom_logo.svg) no-repeat;display: inline-block;width:176px;height: 60px;margin: 15px 0 10px 10px;}
.mobile_menu.header_new .logo {background: url(../images/bidhom_logo_white.svg) no-repeat;display: inline-block;width:176px;height: 60px;margin: 15px 0 10px 10px;}
/* menu button */
.menuBtn{height: 30px;width: 30px;position: absolute;right: 20px;top: 25px;z-index: 101;}
.menuBtn > span {
  background-color: #fff;
  border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -15px;transition: height 100ms;}
.menuBtn > span:after,.menuBtn > span:before {
  content: '';
  background-color: #fff;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn.header_new > span {
  background-color: #685bc8;
  border-radius: 1px;height: 2px;width: 100%;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -15px;transition: height 100ms;}
.menuBtn.header_new > span:after,.menuBtn.header_new > span:before {
  content: '';  
  background-color: #685bc8;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -7px;
}
.menuBtn > span:before {
  bottom: -7px;
}
.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  background-color: #685bc8;
  top: 1px;
}
.menuBtn.act > span:after {
  transform: rotate(45deg);
}
.menuBtn.act > span:before {
  transform: rotate(-45deg);
}
/* main menu block */
.mainMenu {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: scale(0);
}
.mainMenu.act {
  opacity: 1;
  transform: scale(1);
}
.mainMenu.act ul li {
  opacity: 1;
  transform: translateX(0);
}
.mainMenu ul {
  display: table-cell;
  vertical-align: middle;
}
.mainMenu li {
  display: block;
  padding: 8px 0;
  transition: all 400ms 510ms;
  opacity: 0;
}
.mainMenu li:nth-child(odd) {
  transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
  transform: translateX(-30%);
}
.mainMenu li:last-child {
  transform: none;
}
.mainMenu a {
  color: #685bc8;
  display: inline-block;
  font-size: 20px;
  font-family: 'Gilroy-Bold';
}
.mainMenu a.suBtn {
  color: #fff;
}
/* sign up button */
.suBtn {
  background-color: blue;
  border-radius: 5px;
  padding: 10px 20px;
}

@media only screen and (min-width:992px){
  .mobile_menu.header_new{
    display: none;
  }
}
@media only screen and (max-width:992px){
  .mobile_menu.header_new{display: flex;align-items: center;justify-content: center;padding: 0 15px;}
.mobile_menu.header_new .mobile_menu_left_box{width: 40%;display: flex;align-items: center;}
/* .mobile_menu.header_new .mobile_menu_left_box a.logo{background: url(../img/bidhom_logo_colored.png) no-repeat;display: inline-block;width: 130px;height: 50px;background-size: contain;margin: 0;} */
.mobile_menu.header_new .mobile_menu_left_box a.logo{background: url(../images/bidhom_logo.svg) no-repeat;display: inline-block;width: 130px;height: 50px;background-size: contain;margin: 0;}
.mobile_menu.header_new .mobile_menu_right_box{width: 60%;display: flex;justify-content: end;align-items: center;}
.mobile_menu.header_new .mobile_menu_right_box a{padding: 5px 12px;background-color: #685bc8;color: #FFF;border-radius: 2px;}
.mobile_menu.header_new .mobile_menu_right_box a.menuBtn{position: relative;top: auto;right: auto;background-color: transparent;margin-left: 15px;}
.mobile_menu.header_new .mobile_menu_right_box a.menuBtn span{background-color: #685bc8;}
.mobile_menu.header_new .mobile_menu_right_box a.menuBtn span:before,.mobile_menu.header_new .mobile_menu_right_box a.menuBtn span:after{background-color: #685bc8;}
}