#hotel>div:nth-child(2){
	width: 1280px;
	margin: 0 auto;
}

#hotel>div:nth-child(1){
	max-height: 500px;
	overflow: hidden;
	width:1280px ;
	margin:0 auto;
}	
#hotel>div:nth-child(1) img{
	width: 1280px;
}
.hotel_nav{
	margin: 0;
	margin-top: 20px;
	padding: 0;
}
.hotel_nav>div{
	padding: 0;
}
.hotel_nav img{
	width: 100%;
}
#hotel h4{
	font-size: 2.14rem;	
	color: white;
	margin: 0;
	text-align: center;
	padding: 20px 0;
}
#hotel .hotel_nav>div:nth-child(1) .title{
	background: #e21f19;
	cursor: pointer;
}
#hotel .hotel_nav>div:nth-child(2) .title{
	background: #27a2d8;
	cursor: pointer;
}
#hotel .hotel_nav>div:nth-child(3) .title{
	background: #39ab4a;
	cursor: pointer;
}
#hotel .title {
	cursor: pointer;
}
#hotel .title :hover{
}
#hotel .hotel_nav>div:nth-child(1) .title:hover{
	background:#B91B16 ;
}
#hotel .hotel_nav>div:nth-child(2) .title:hover{
	background: #1F79A0;
}
#hotel .hotel_nav>div:nth-child(3) .title:hover{
	background:#2C8439 ;
}

@media screen and (max-width: 540px) {		
	#hotel>div:nth-child(2){
	width: 100%;
}
	#hotel h4{
	font-size: 1.4rem;	
	color: white;
	margin: 0;
	text-align: center;
}
#hotel>div:nth-child(1) img {
    width: 100%;
}
	#hotel>div:nth-child(1) {

    width: 100%;
}
#hotel .hotel_nav>div:nth-child(1){
	display: flex;
	flex-direction: row;
}		
.hotel_nav{
	margin: 0;
	margin-top: 10px;
	}
	#hotel .col-xs-12 div{
	
	}
	#hotel h4{
		padding:0;
	}
#hotel .hotel_nav>div{
	/* height: 100%; */
	overflow: hidden; 	
	}
#hotel .hotel_nav .title{
	display: flex;
	justify-content: center;
	align-items: center;	
	font-size:2rem;
	padding:50px 10px;
	width: 100px;
}

#hotel .hotel_nav>div:nth-child(2){
	display: flex;
	flex-direction: row-reverse;
	margin: 10px 0;
}
#hotel .hotel_nav>div:nth-child(3){
	display: flex;
	flex-direction: row;
	
}

}