/*========================== Media screen 0px To 374px ============================*/
@media only screen and (min-width:0px) and (max-width:374px)
{
/*============== Header Top ==============*/
	.logo-panel{}
	.logo-panel>figure>a>img{ max-width: 60%; padding: 0 0.2rem;}
	.left-menu{background: var(--book-now);}
	#nav{ position: absolute; width: 100%; background: var(--book-now);top: 100%; left: 0; z-index: 99;}
	
/*============== Facilities Top ==============*/
	.facility-left-ul>ul>li{width:50%;}
	.facility-right-ul>ul>li>img{width:100%}
	.facility-right-text-wrap>h2{font-size:1.7rem;}
	
/*============== Content Text ==============*/
	.site-address>h4, .site-contact-no>h4{text-align:center; padding: 0.2rem 0;	font-size:0.8rem;}
	.site-contact-no>h4>a{display:block;}
	.common-h1{font-size:2rem;}	
	.common-h2{font-size:1.5rem;}
	.common-p{font-size:1rem; text-align:justify;}
	.reception-bg{padding:0;}
	.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid, .hotel-location-wrap>.container-fluid{max-width:100%;}
	
/*============================ Footer ======================*/
	.footer-address{text-align:center;}
	.footer-wrap>.container>.row>[class*='col-xs-6']{width:50%;}
}

/*========================== Media screen 375px To 767px ============================*/
@media only screen and (min-width:375px) and (max-width:767px)
{
/*============== Header Top ==============*/
	.logo-panel{}
	.logo-panel>figure>a>img{ max-width: 60%; padding: 0 0.2rem;}
	.left-menu{background: var(--collapse-menu-bg);}
	#nav{ position: absolute; width: 100%; background: var(--collapse-menu-bg);top: 100%; left: 0; z-index: 99;}
	
/*============== Facilities Top ==============*/
	.facility-left-ul>ul>li{width:50%;}

/*============== Content Text ==============*/	
	.site-address>h4, .site-contact-no>h4{text-align:center; padding: 0.2rem 0;	font-size:0.8rem;}
	.site-contact-no>h4>a{display:block;}
	.facility-right-ul>ul>li>img{width:100%}
	.common-h1{font-size:2rem;}
	.common-h2{font-size:1.5rem;}
	.common-p{font-size:1rem; text-align:justify;}
	.reception-bg{padding:0;}
	.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid, .hotel-location-wrap>.container-fluid{max-width:100%;}
	
	
/*============================ Footer ======================*/
	.footer-address{text-align:center;}
	.footer-wrap>.container>.row>[class*='col-xs-6']{width:50%;}
}

/*========================== Media screen 768px To 991px ============================*/
@media only screen and (min-width:768px) and (max-width:991px)
{
/*============== Header Top ==============*/
	.logo-panel{}
	.logo-panel>figure>a>img{ max-width: 30%; padding: 0 0.2rem;}
	.left-menu{background: var(--collapse-menu-bg);}
	#nav{ position: absolute; width: 100%; background: var(--collapse-menu-bg);top: 100%; left: 0; z-index: 99;}
	
/*============== Facilities Top ==============*/
	.facility-left-ul>ul>li{max-width:16.666%; border:none!important;  padding: 0;}
	.facility-right-text-wrap>h2{font-size:1.8rem;}
	
/*============== Content Text ==============*/
	.site-contact-no>h4>a{display:block;}
	.common-h1{font-size:2.4rem;}
	.common-h2{font-size:1.8rem;}
	.common-p{font-size:1rem; text-align:justify;}
	.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid, .hotel-location-wrap>.container-fluid{max-width:100%;}
}

/*========================== Media screen 992px To 1023px ============================*/
@media only screen and (min-width:992px) and (max-width:1024px)
{
	.aprt-wrap>.container-fluid>.row>[class^='col-']:nth-of-type(1)	{max-width:100%; flex:0 0 100%;}	
	.aprt-wrap>.container-fluid>.row>[class^='col-']{max-width:50%; flex:0 0 50%;}
	.aprt-wrap>.container-fluid, .hotel-facility-wrap>.container-fluid, .hotel-location-wrap>.container-fluid{max-width:100%;}
}

/*========================== Media screen 1024px To 1440px ============================*/
@media only screen and (min-width:1025px) and (max-width:1440px)
{
	.aprt-wrap>.container-fluid>.row>[class^='col-']:nth-of-type(1)	{max-width:100%; flex:0 0 100%;}	
	.aprt-wrap>.container-fluid>.row>[class^='col-']{max-width:50%; flex:0 0 50%;}
}