@media only screen and (min-width:0px) and (max-width:767px)
{	

/*=============== Fixed img logo ===============*/
	
	.menu_bar a.navbar-brand 
	{
		position: relative;
		top: 0;
		max-height: 45px;
		overflow: hidden;
	}
	.menu_bar a.navbar-brand>img 
	{
		max-width: 51%;
		margin: -5px 0 0 0px;
		padding: 0;
	}
	.top_fixed a.navbar-brand
	{
		
	}
	.top_fixed a.navbar-brand img
	{
		max-width:100%;
	}
	.menu_bar .navbar-nav
	{
	}

	p
	{
		text-align:justify;
	}
	.property_detail
	{
		justify-content:center;
	}
	.top_bar
	{
		padding: 1rem 0;
	}
	.detail :is(p, a)
	{
		font-size:0.85rem;
	}
	.property_detail :is(.detail):nth-of-type(3)
	{
		display:none;
	}
	.bookingwidget 
	{
		position:relative;
		background:var(--bookingwidget);
		padding-bottom:0.5rem;
	}
	.comm-facilities>li 
	{
		flex: 1 1 33.333%;
		margin-bottom: 0.5rem;
	}

	
	.room_li>li
	{
		flex: 1 1 50%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px)
{
	.menu_bar ul
	{
		flex-direction:row;
		justify-content: center;
		border-top: 1px solid #d6d6d6;
	}
	.menu_bar ul>li
	{ 
		font-size: 0.9rem;
	}
	
	.bookingwidget 
	{
		position:relative;
		background:var(--bookingwidget);
		padding-bottom:0.5rem;
	}
	.comm-facilities>li 
	{
		flex: 1 1 33.333%;
		margin-bottom: 0.5rem;
	}
	.menu_bar a.navbar-brand 
	{
		position: relative;
		top: -65px;
		max-height: 40px;
	}
	.menu_bar a.navbar-brand>img 
	{
		max-width: 100px;
	}
	.top_fixed a.navbar-brand
	{
		top: -7px;
		overflow: hidden;
		max-height: 50px;
	}
	.top_fixed a.navbar-brand img 
	{
		max-height:auto;
	}
}

@media only screen and (min-width:992px) and (max-width:1024px)
{
	
	.menu_bar ul
	{
		flex-direction:row;
		justify-content: flex-end;
	}
	.menu_bar ul>li
	{ 
		font-size: 0.9rem;
	}
}

@media only screen and (min-width:1025px) and (max-width:1440px)
{
	.menu_bar ul
	{
		flex-direction:row;
		justify-content: flex-end;
	}
}