@media (max-width: 767px) {
	
flyout-menu{
	z-index: 600;
	height: 90%;
	top: 9.5%;
	display: flex;
	flex-direction: column;
	transition: width .5s cubic-bezier(1, -0.44, 0, 1.46),transform .2s linear;
	transition-delay: 0.3s;
	left: 0px;
	border-radius: 0px 8px 8px 0px;
	transform: translate(-100%, 0%);
  }
flyout-menu.open{
        transform: translate(0%, 0px);
}
flyout-menu.device_first_load_remainClosedFlyOutMenu{
	transform: translate(-100%, 0%)!important;
}


  .flyout-menu-open-trigger{
transform: translate(60px, -50%);
    top: 45vh;
    width: 45px;
    border-radius: 156px;
    padding: 10px;
    border: none;
    left: -20px;
    padding: 5px;
    padding: 20px 5px;
    z-index: 700;
  }

  .flyout-menu-open-trigger.open{
    left: 150px;
	      transform: translate(50%, -50%);
  }




	

flyout-menu logo.categoriesMobileLogo{
	display:flex;/*initial display none on pc*/
		  width: 100%;
    padding: 10px 5px 0px;
}
flyout-menu .categoriesMobileLogo svg{
    border-radius: 8px;
	margin-bottom: 10px;
}
flyout-menu logo.categoriesMobileLogo .tagline{
opacity: 0;
    transition: opacity .9s cubic-bezier(0.79, 0.27, 0, 1.07);
    flex: 1;
    overflow: auto;
}
flyout-menu.open logo.categoriesMobileLogo .tagline{
	opacity: 1;
}


	
flyout-menu .job_board{
	display: block;
	    font-size: 1rem;
    text-align: center;
    line-height: 1.5rem;
}
	
flyout-menu-address,
flyout-menu-categories,
flyout-menu-job-type{
  height:100vh
}

 flyout-menu .tooltiptext{
	  display:none!important;
  }

	
flyout-menu .status_changed_check{
left: 3px;
    transform: translate(0px, -80%);
}







flyout-menu .mobile-site-identity-container{
    display: flex;
	padding: 10px 15px 0px 6px;
    align-items: center;
    column-gap: 10px;
    padding: 5px;
	    box-shadow: var(--theme-box-shadow-mid);
	overflow: hidden;
}

flyout-menu .mobile-site-identity-container .tagline{
	display: flex;
    flex-direction: column;
    justify-content: center;
	    height: 100%;
}
flyout-menu .mobile-site-identity-container .taglineWrapper{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: -5px;
	    height: 100%;
}
flyout-menu .mobile-site-identity-container .taglineWrapper .part1{
transform: rotate(-90deg);
    font-size: 1rem;
    font-weight: 700;
    border-bottom: 3px solid black!important;
    line-height: 1rem;
    height: 1.6rem;
}
flyout-menu .mobile-site-identity-container .taglineWrapper .part2 *{
	line-height: 0.8rem;
}





	
  
}