@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:after
	{
		visibility:visible;
		display:block;	
	}
	.menu_bar a.navbar-brand>img 
	{
		display:none;
	}
	.top_fixed a.navbar-brand
	{
		
	}
	.top_fixed a.navbar-brand img
	{
		max-width:100%;
		max-height: 56px;
	}
	.menu_bar .navbar-nav
	{
	}

	p
	{
		text-align:justify;
	}
	
	.covid19
	{
		top:20%;
	}
	.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;
	}
	.aprt_thumb_section
	{
		min-height:auto;
	}
	#appartment_text>ul
	{
		flex-flow:wrap row;
	}
	#appartment_text>ul>li
	{
		margin-bottom:1rem;
	}
	.room_li>li
	{
		flex: 1 1 50%;
	}
	.menu-padding
    {
        padding-left:5px;
    }
}

@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;
	}
	
	.covid19
	{
		top:20%;
	}
	.bookingwidget 
	{
		position:relative;
		background:var(--bookingwidget);
		padding-bottom:0.5rem;
	}
	.comm-facilities>li 
	{
		flex: 0 0 25%;		
		padding: 0;
		margin: 0 0 0.5rem;
	}
	.menu_bar a.navbar-brand 
	{
		position: relative;
		top:0;
	}
	.menu_bar a.navbar-brand:after
	{
		visibility:visible;
		display:block;
	}
	.menu_bar a.navbar-brand>img 
	{
		display:none;
	}
	.top_fixed a.navbar-brand
	{
		top: -7px;
		overflow: hidden;
		max-height: 50px;
	}
	.top_fixed a.navbar-brand img 
	{
		max-height:auto;
	}
	.menu-padding
    {
        padding-left:5px;
    }
}

@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;
	}
	.comm-facilities>li
	{
	}
	.aprt_thumb_section
	{
		min-width:318px;
	}
	#appartment_text>ul>li
	{
		padding: 0 0.6rem
	}

}

@media only screen and (min-width:1025px) and (max-width:1440px)
{
	.menu_bar ul
	{
		flex-direction:row;
		justify-content: flex-end;
	}
	.comm-facilities>li
	{
		padding: 0.5rem 1.1rem;
	}
}