/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/
.hamburger-menu-my #menu__toggle {
  opacity: 0;
}

.hamburger-menu-my #menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
.hamburger-menu-my #menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
.hamburger-menu-my hr{
width:82%;
}
.hamburger-menu-my #menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
.hamburger-menu-my #menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}

.hamburger-menu-my .menu__btn {
  display: flex;
  align-items: center;
  position: fixed;
 bottom: 0
  left: 20px;

  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 999;
}
.hamburger-menu-my{
background: #f1f1f2;
    display: flex;
    align-items: center;
    position: fixed;
    /* top: 20px; */
    bottom: 0;
    /* left: 20px; */
    width: 100%;
    height: auto;
    cursor: pointer;
    z-index: 999999;
    padding: 20px 0px 20px 35px;
}
.hamburger-menu-my .menu__btn > span,
.hamburger-menu-my .menu__btn > span::before,
.hamburger-menu-my .menu__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 4px;

  background-color: #000;

  transition-duration: .25s;
}
.hamburger-menu-my .menu__btn > span::before {
  content: '';
  top: -8px;
}
.hamburger-menu-my .menu__btn > span::after {
  content: '';
  top: 8px;
}

.hamburger-menu-my .menu__box {
     display: block;
    position: fixed;
    visibility: hidden;
    bottom: 69px;
    left: -121%;
    width: 100%;
    height: auto;
    margin: 0;
   padding: 20px 0px 0px 0px;
    list-style: none;
    background-color: #f1f1f2;
    transition-duration: .25s;
}

.hamburger-menu-my .menu__item {
      display: block;
      line-height: 1;
    padding: 10px 40px;
    color: #185571;
    font-size: 26px;
    text-decoration: none;
    transition-duration: .25s;
    font-family: "Bebas Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
}
.hamburger-menu-my .menu__item:hover {
  background-color: #CFD8DC;
}
.hamburger-menu-my .btn_txt{
	padding: 5px 0px 0px 25px;
    font-size: 30px;
    color: #000;
    font-family: "Bebas Neue", Helvetica, Arial, sans-serif;
}