@media only screen and (min-width:0px) and (max-width:373px)
{
	.left-flex-block
	{
		width:100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}
	.book_now
	{
		width:40%;
		display:none
	}
	
	.logo-panel
	{
		width:60%;
	}
	.book_now
	{
		order:2;
	}
	.logo-panel
	{
		order:1;
		z-index:1000;
	}
	.left-menu
	{
		position:absolute;
		top:0;
		right:0;
		background:#10479f;
		padding:0;
		z-index:999;
	}
	.logo-panel>figure
	{
		padding: 0.1rem 0;
	}
	.logo-panel>figure>a>img 
	{
		display: block;
		margin: 0px auto 0 28%;
		max-width: 90px;
	}
	.menu-li
	{
		margin: 1rem 0 0;
		border-top: 1px solid #0058e0;
	}
	.filter-li > li
	{
		width:100%;
		display:block;
		margin:0.2rem 0;
	}
	
/*-----########## Right Flex panel ##########----------------*/
	.right-flex-block
	{
		width:100%;
	}
	
/*############# Apartment Css ###########*/
	.facility-left-ul>ul>li
	{
		width: 16%;
	}
	.facility-block-left
	{
		padding: 0rem 0;
	}
	.facility-left-ul>ul>li>span
	{
		display:none;
	}
	.facility-left-ul>ul>li>img
	{
		max-width:35px;
	}
	.facility-left-ul>ul>li:nth-of-type(odd), .facility-left-ul>ul>li:nth-of-type(even)
	{
		border:none;
	}
	.facility-right-ul>ul>li
	{
		
	}
	.facility-right-text-wrap>h2
	{
		font-size:0.6rem;
	}
	.facility-right-text-wrap
	{
		top:50%;
		transform: translate(-50%, -50%);
	}
	.site-address>h4, .site-contact-no>h4
	{
		text-align:center;
		padding: 0.2rem 0;
	}
	.common-h1
	{
		font-size:2rem;
	}
	.common-h4
	{
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.common-p
	{
		text-align: justify;
		padding: 0 15px;
	}
	.padding-0 
	{
		
	}
	.reception-clock-img>h4
	{
		width:fit-content;
	}
	.reception-text>p 
	{
		text-align: center;
	}
	.flash-text
	{
		padding:0.5rem;
	}
	.flash-text>p
	{
		font-size:0.7rem;
		padding:0.5rem;
		margin-bottom:0;
	}
/*############# Accommodation CSS ##################*/
	.room-text>h2, .room-text>a>h2
	{
		font-size:1.4rem;
	}
	.room-text>h4, .room-text>a>h4
	{
		font-size:1rem;
	}
	.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid, .hotel-location-wrap>.container-fluid
	{
		padding:0;
	}
	
/*############# Local Attraction CSS ##################*/	
	.local-attraction > ul > li
	{
		width:100%;
	}
	
	
/*############# Contact Us CSS ##################*/
	form#forms>.form-group
	{
		width:100%!important;
	}

/*############# Motel Facility ##############*/
	.motel-facility>li
	{
		width:100%;
	}
/*--------################### Footer ###########--------------*/
	.footer-address
	{
		text-align:center;
	}
	.footer-wrap>.container>.row>[class*='col-xs-6']
	{
		width:50%;
	}
}

@media only screen and (min-width:374px) and (max-width:767px)
{
	.left-flex-block
	{
		width:100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
	}
	.book_now
	{
		width:40%;
		display:none
	}
	.logo-panel
	{
		width:60%;
	}
	.book_now
	{
		order:2;
	}
	.logo-panel
	{
		order:1;
		z-index:1000;
	}
	.left-menu
	{
		position:absolute;
		top:0;
		right:0;
		background:#10479f;
		padding:0;
		z-index:999;
	}
	.logo-panel>figure
	{
		padding: 0.1rem 0;
	}
	.logo-panel>figure>a>img 
	{
		display: block;
		margin: 0px auto 0 28%;
		max-width: 90px;
	}
	.menu-li
	{
		margin: 1rem 0 0;
		border-top: 1px solid #0058e0;
	}	
	.filter-li > li
	{
		width:100%;
		display:block;
		margin:0.2rem 0;
	}
	.flash-text
	{
		padding:0.5rem;
	}
	.flash-text>p
	{
		font-size:0.7rem;
		padding:0.5rem;
		margin-bottom:0;
	}
/*-----########## Right Flex panel ##########----------------*/
	.right-flex-block
	{
		width:100%;
	}/*############# Apartment Css ###########*/
	.facility-left-ul>ul>li
	{
		width: 16%;
	}
	.facility-block-left
	{
		padding: 0rem 0;
	}
	.facility-left-ul>ul>li>span
	{
		display:none;
	}
	.facility-left-ul>ul>li>img
	{
		max-width:35px;
	}
	.facility-left-ul>ul>li:nth-of-type(odd), .facility-left-ul>ul>li:nth-of-type(even)
	{
		border:none;
	}
	.facility-right-ul>ul>li
	{
		
	}
	.facility-right-text-wrap>h2
	{
		font-size:0.6rem;
	}
	.facility-right-text-wrap
	{
		top:50%;
		transform: translate(-50%, -50%);
	}
	.site-address>h4, .site-contact-no>h4
	{
		text-align:center;
		padding: 0.2rem 0;
	}
	.common-h1
	{
		font-size:2rem;
	}
	.common-h4
	{
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.common-p
	{
		text-align: justify;
		padding: 0 15px;
	}
	.padding-0 
	{
		
	}
	.reception-clock-img>h4
	{
		width:fit-content;
	}
	.reception-text>p 
	{
		text-align: center;
	}
/*############# Accommodation CSS ##################*/
	.room-text>h2, .room-text>a>h2
	{
		font-size:1.4rem;
	}
	.room-text>h4, .room-text>a>h4
	{
		font-size:1rem;
	}
	
/*############# Local Attraction CSS ##################*/	
	.local-attraction > ul > li
	{
		width:100%;
	}
	
/*############# Contact Us CSS ##################*/
	form#forms>.form-group
	{
		width:100%!important;
	}

/*############# Motel Facility ##############*/
	.motel-facility>li
	{
		width:100%;
	}
/*--------################### Footer ###########--------------*/
	.footer-address
	{
		text-align:center;
	}
	.footer-wrap>.container>.row>[class*='col-xs-6']
	{
		width:50%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px)
{
	.left-menu
	{
		position: absolute;
		top: 60%;
		right: 0;
		background: #10479f;
		padding: 0;
		z-index: 99;
	}
	.menu-li
	{
		margin: 1rem 0 0;
		border-top: 1px solid #0058e0;
	}
	
	.book_now > a.common-btn.btn-info
	{
		display:block;
		width:100%;
	}
/*############# Left Facility Icon CSS ##############*/
	.facility-left-ul>ul>li
	{
		width: 33.333%;
	}
	.facility-left-ul>ul>li>span
	{
		display:none;	
	}
	.facility-left-ul>ul>li>img
	{
		max-width:35px;
	}
	.facility-left-ul>ul>li:nth-of-type(odd), .facility-left-ul>ul>li:nth-of-type(even)
	{
		border:none;
	}
	.facility-right-ul>ul>li>img
	{
		max-height:135px;
		width:100%;
	}
	.facility-right-text-wrap>h2
	{
		font-size:1rem;
	}
	.facility-right-text-wrap
	{
		top:50%;
		transform: translate(-50%, -50%);
	}
	.site-address>h4, .site-contact-no>h4
	{
		text-align:center;
		padding: 0.2rem 0;
	}
	.common-h1
	{
		font-size:2rem;
	}
	.common-h4
	{
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.common-p
	{
		text-align: justify;
		padding: 0 15px;
	}
	.padding-0 
	{
		
	}
	.reception-clock-img>h4
	{
		width:fit-content;
	}
	.reception-text>p 
	{
		text-align: center;
	}

/*############# Motel Facility ##############*/
	.motel-facility>li
	{
		width:48%;
	}
	
/*######### Footer ###########*/
	.footer-address
	{
		/*text-align:center;*/
	}
}


@media only screen and (min-width:992px) and (max-width:1024px)
{
	.menu-li>li
	{
		font-size:1.3rem;
	}
}

@media only screen and (min-width:1025px) and (max-width:1400px)
{
}