/*========================== Media screen 0px To 374px ============================*/

/*========================== Media screen 0px To 767px ============================*/
@media only screen and (min-width:0px) and (max-width:767px)
{
	/*=============== Logo  ====================*/
	.top__bar img 
	{
		display: block;
		margin: 0 auto;
		max-width: 50%;
	}
	.menu-li>li>ul, .menu-li>li:hover>ul
	{
		display:none;
	}
	.star-rating, .top-address-media, .top__bar
	{
		display:none;
	}
	.top-menu>.navbar>a.navbar-brand
	{
		margin-right:0;
	}
	.top-menu>.navbar
	{
		padding:0;
		justify-content: space-between;
	}
	.top-menu
	{
		height: 56px;
	}
	.resizemenu 
	{
		height: 46px !important;
	}
	.resizemenu img 
	{
		transform: scale(1) translateY(0px);
	}
	.navbar-collapse 
	{
		background: whitesmoke;
	}
	.menu-li>li:first-child 
	{
		margin-left: 1.2rem;
	}
	a.hotel-name>img
	{
		margin:0 auto;
		display: block;
	}
	.footer-menu .common-room-btn>a
	{
		margin:1rem auto;
	}
	.top-menu>.navbar>a.navbar-brand
	{
		max-width:30%;
	}
	
	.navbar-toggler
	{    
		background-color: #f6b08e;
	}
	/*============== Slider ====================*/
	.banner-text
	{
		position:relative;
		top:0;
		transform: translate(-50%,0%);
	}
	.banner-text_format>h2
	{
		font-size:1.8rem
	}
	.banner-text_format>h4
	{
		font-size:1.2rem
	}
	.banner-text_format>p
	{
		text-align:justify;
		font-weight:300;
		font-size:0.95rem;
	}
	.common-bookingwidget
	{
		position:relative;
		background: var(--bookingwidget-bg);
		padding-bottom: 0.5rem;
	}
	.margin__top 
	{
		margin-top: 45px;
	}
	.text-typography>h2
	{
		font-size: 1.6rem;
		text-align: center;
	}
	.text-typography>h4
	{
		font-size: 1rem;
		text-align: center;
	}
	.facility-icons>ul>li 	
	{
		flex: 0 0 50%;
	}
	.facility-icons>ul>li>span
	{
		font-size: 0.8rem;
	}
	.group-property-wrap
	{
		overflow-x:scroll;
	}
	.aprtment__row>span:after
	{
		width:50%;
	}
	/*=============== Text Typography ================*/
	.text-typography>p, .video-strip p
	{ 
		text-align:justify;
		font-size:0.95rem;
	}
	
	
	/*====================== .video-strip ===================*/
	.video-strip>.container>.row>[class^='col-']>iframe
	{
		max-width: 100%;
	}
	/*=============== Booking Chart ====================*/
	
}

/*========================== Media screen 768px To 991px ============================*/
@media only screen and (min-width:768px) and (max-width:991px)
{
	/*=============== Logo  ====================*/	
	.top-menu>.navbar>a.navbar-brand
	{
		margin-right:0;
	}
	.navbar
	{
		padding-bottom:0;
	}
	.top-menu>.navbar>a.navbar-brand>img
	{
		max-width:60%;
	}	
	.navbar-collapse 
	{
		background: whitesmoke;
	}
	.top-menu>.navbar
	{
		padding:0;
		justify-content: space-between;
	}
	.navbar-toggler
	{    
		background-color: #f6b08e;
	}
	.top-address-media 
	{
		right: 50%;
		transform: translateX(50%);
	}
	.top-menu
	{
		height: 52px;
	}
	.resizemenu 
	{
		height: 46px !important;
	}
	.resizemenu img 
	{
		transform: scale(1) translateY(0px);
	}
	/*============== Slider ====================*/
	.banner-text
	{
		position:relative;
		top:0;
		left: 0;
		transform: translate(0%,0%);
	}
	.banner-text_format>h2
	{
		font-size:2rem
	}
	.banner-text_format>h4
	{
		
	}
	.banner-text_format>p
	{
		text-align:justify;
	}
	.menu-li 
	{
		flex-direction: row;
		margin-top: 1rem;
		justify-content:center;
	}
	.common-bookingwidget
	{
		position:relative;
		background: var(--bookingwidget-bg);
		padding-bottom: 0.5rem;
	}
	.margin__top 
	{
		margin-top: 50px;
	}
	.text-typography>h2
	{
		font-size: 1.8rem;
	}
	.facility-icons>ul>li>span
	{
		font-size: 0.8rem;
	}
	.group-property-wrap
	{
		overflow-x:scroll;
	}
	.aprtment__row>span:after
	{
		width:50%;
	}
	
	/*====================== .video-strip ===================*/
	.video-strip>.container>.row>[class^='col-']>iframe
	{
		max-width: 100%;
	}
	.footer-wrap [class*='col-']
	{
		
	}
	/*.footer-wrap [class*='col-']:nth-of-type(1)
	{
		order:2;		
		flex: 0 0 50%;
		max-width: 50%;

	}
	.footer-wrap [class*='col-']:nth-of-type(2)
	{
		order:1;
		flex: 0 0 100%;
		max-width: 100%;

	}
	.footer-wrap [class*='col-']:nth-of-type(3)
	{
		order:3;
		flex: 0 0 50%;
		max-width: 50%;
	}*/
}

/*========================== Media screen 992px To 1023px ============================*/
@media only screen and (min-width:992px) and (max-width:1024px)
{
	.facility-icons>ul>li>span
	{
		font-size: 0.83rem;
	}
}

/*========================== Media screen 1024px To 1440px ============================*/
@media only screen and (min-width:1025px) and (max-width:1439px)
{
	
}