/* CSS Document */
/*---------------------------------------------
  Hamburger Navigation
  ---------------------------------------------*/
  @media screen and (max-width: 1050px) {

	.head-bar{
		margin-left: auto;
		/* width: 100%; */
	}
	.menu-btn{
		margin-left: auto;
	}
  
  .menu-btn,
  .menu-btn span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
  }
  
  .menu-btn {
	  display: block;
	  float: right;
	  margin: 10px auto;
	  position: sticky;
	  width: 40px;
	  height: 30px;
  }
  
  .menu-btn span {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #93c74a;
  }
  
  .menu-btn span:nth-of-type(1) {
	  top: 0;
  }
  
  .menu-btn span:nth-of-type(2) {
	  top: 13px;
  }
  
  .menu-btn span:nth-of-type(3) {
	  bottom: 0;
  }

  .menu-btn.open span:nth-of-type(1) {
    top: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .menu-btn.open span:nth-of-type(2) {
    top: 15px;
    left: 50%;
    width: 0;
  }
  
   .menu-btn.open span:nth-of-type(3) {
       top: 15px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
   }
  
  .online_lp_head ul{
	  position: absolute;
	  top: -435px;
	  left:0;
	  display:block;
	  width: 100vw;
	  transition: all .4s;
	 }
	.sp-menu {
	  display: block;
	  width: 100%;
	  margin: 3em 0 0;
  }
  
  .sp-menu li {
	  box-sizing: border-box;
	  /* border-bottom: 1px solid #fff; */
	  margin: 0;
	 }
  
  .sp-menu li a {
	  background: #fff;
	  box-sizing: border-box;
	  border-bottom: 1px solid #93c74a;
	  display: block;
	  font-size: 18px;
	  line-height: 22px;
	  padding: 14px 10px;
	  text-decoration: none;
	  width: 100%;
  }

  .sp-menu.open{
  	top: 40px;
  	transition: all .4s;
  }
}