@charset "UTF-8";
@media(min-width:769px) and (max-width:1024px){
	
	.salon_txt{
		width:auto;
		margin: 50px auto 0;
	}
	.img_box{
		width:80%;
		height: 400px;
		margin: 0 auto;
	}
	.img_box img{
/*	max-width: 400px;*/
		height: 400px;}
	
	.salon_a {
   
    flex-direction: column;
}
	
	
	
	
}



@media (max-width: 768px) {
	
	.navbar{
		display: none;
	}
	hr{
		display: none;
	}
	.aaa{
		display: none;
	}
	header{
		position: fixed;
		/*background-color: white;*/
		top:0px;
		left:0px;
		width:100%;
        height: 73px;
		background-color: transparent;}
	header .container{
		/*background: white;*/
        padding: 0 10px;
	}
	.heah{
		display: flex;
		width: 100%;
		/*align-items: center;*/
		
	}
	
	.rogo_header.hum_img img{
		height: 40px;
		width: 40px;
		
	}
	.hum_img{
		margin-right: auto;
			position: absolute;
		top:12px;
		right: 12px;
	}
	.hum_nav{
		/*margin-left: 35px;*/
		margin-top: -50px;
       transform: translateY(-180%);
	    transition: 0.4s;
		background-color:white;
		opacity: 0.8;
	}
	
	.hum_nav li{
		padding: 15px 0;
		
	}
	.btnbtn:checked ~ .hum_nav{
		transform: translateY(0%);
		
	}
	.btnbtn{
		position: absolute;
		top:23px;
		right: 22px;
		transform: scale(1.9);
          /*opacity: 0;*/
		
	}
	.online_btnn a{
		color: #FF006C;
	}
	.online_btnn p{
		margin: 0;
		padding: 0;
	}
	.ccc{
		position: absolute;
		right:60px;
		top:10px;
	}
	.salon_a {
   
    flex-direction: column;
}
	.salon_img{
		width: auto;
		height: auto;
	}
	.salon_txt{
	width: auto;	
     margin-left: 0px; 
    margin-top: 20px;
   
}
	.table th{
		padding-right: auto;
	}
	
	
	.container {
		padding: 0;
	}
	.main h2{
	text-align: center;
		margin: 150px auto 50px;}
	
	.img_box {
		width: 100%;
		height: auto;
	}
	.img_box img{
/*	max-width: 400px;*/
		height:auto;}
	
	table th {
		padding-right: 10px;
	}
	
	.salon_btn p{
	 padding: 5px 90px;
	
}
	.salon_btn_2 p{
	 padding: 5px 90px;
	
}
	.salon_btn_eng p{
	 padding: 5px 100px;
	
}
	.salon_btn_2_eng p{
		padding: 5px 100px;}
	
	.salon_btn_yelp p{
	 padding: 5px 100px;
	
}
	
	
	
		.footer_img{
		flex-direction: column;
		width: 80%;
	}
    
}





@media(min-width:769px){
	
.hum_img{
	display: none;
	
	}

.hum_nav{
	display: none;
	}
	

	}