/*############################# Mobile Device ###############################*/
@media only screen and (min-width:0px) and (max-width:767px)
{
    h4
    {
        text-align: center;
        font-size: 1.2rem;
    }
  	body
    {
    	overflow-wrap:break-word;
    }
  .navbar-brand
  {
	  max-width:110px;
  }
   .main-menu
   {
    
   }
   .main-menu .container>nav :where(ul)>li
   {
    text-align: center;
   }
   .main-menu .container>nav
   {
    padding: 0;
   }
   .main-menu .container 
   {
    padding: 0;
   }
   .navbar-collapse
   {
    position: absolute;
    z-index: 999;
    background: var(--menu-dropdown-bg);
    width: 100%;
    top: 40px;
   }
   .navbar-dark .navbar-toggler
   {
    background: var(--navbar-toggler);	 
    margin: 2px 0 2px auto;
   }
   .top-address>i+span 
    {
        font-size: 0.8rem;
    }
   .top-address, .phone-social
   {
    	text-align: center;
   }
   .top-address>img+span
   {
   		font-size:0.69rem;
   }
   .aprt-short-img>.carousel>ul.carousel-indicators
   {
   		flex-wrap:wrap;
   }
    .phone-social>img~a
    {
        font-size:1rem;
        text-align:center;
    }
    .common-h1
    {
    	font-size:1.8rem;
    }
    .text-typography>p, .text-typography>details>summary
    {
    	font-size:1rem;
        text-align:justify;
    }
    iframe.head-img+a
    {
    	right:0;
        top:-50px;
    }
    .bookingwidget
    {
        padding-bottom: 5px;
    }
    .head-img, .iframe.head-img,.rainbow>figure:nth-of-type(2),.rainbow>figure:nth-of-type(4),.rainbow>figure:nth-of-type(6),.rainbow>figure:nth-of-type(8)
    {
    	float:none !important;
    }
    .aprt-wrap>.container-fluid>.row>[class|='col']
    {
        padding-left:10px;
        padding-right:10px;
        margin-bottom:10px;
    }
    .subscribe-form>form.form-inline>.form-group>label, .subscribe-form>form.form-inline>.form-group>label+input
    {
    	width:100%;
        display:block;
    	margin-top: 20px;
    }
    .subscribe-form>form.form-inline>.form-group>input[type=submit]
    {
    	margin-top:20px;
    }
    .subscribe-form>form.form-inline>.form-group>input[type=submit]+span
    {
    	margin: 0px 22% 0px auto;
    }
    
    .f-social-ul>ul
    {
    	flex-wrap:wrap;	
    }
	.aprt-block, .aprt-position-block>img, .facility-slider>.carousel>.carousel-inner>.carousel-item>img
	{
		width:100%;
	}
    .aprt-short-text>h2
    {
    	font-size:1.4rem;
        text-align:center;
    }
    .aprt-short-text>h4
    {
    	font-size:1.1rem;
        text-align:center;
    	
    }
    .aprt-short-text>ul>li
    {
    	
    }
    .g-list>li
    {
    	width:50%;
        margin:4px 0px;
    }
    .room-typography>ul>li
    {
    	width:100%;
    }
	form#forms>.form-group 
		{
			width: 100%!important;
		}
	.footer-address
	{
		text-align:center;
	}
	.footer-social>ul
	{
		text-align:center;
	}
    .footer-li>li
    {
        font-size: 0.8rem;
    }
	.footer-social>ul>li 
	{
		display: inline-block;
	}
	.copyright>p
	{
		width:100%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px)
{	
  
  .navbar-brand
  {
	  max-width:110px;
  }
  .main-menu .container>nav :where(ul) 
  {
    justify-content: flex-end;
}
   .navbar-dark .navbar-toggler
   {
    background: var(--navbar-toggler);	 
    margin: 2px 0 2px auto;
   }
   .main-menu .container
   {
    padding: 0;
   }
   .main-menu 
   {
    padding: 0.2rem 0.5rem;
   }
   .main-menu .container>nav
   {
    padding: 0;
   }
   .main-menu .container>nav :where(ul) 
    {
        flex-direction: row;
        border-top: 2px solid #e0dfdf;
    }
    .main-menu .container>nav :where(ul)>li 
    {
    font-size: 0.8rem;
    padding: 0.5rem 0.4rem;
    }
   .home-slider img
	{
		width:100%;
	}
    .top-address>i+span
    {
        font-size: 0.8rem;
    }
	.top-address>img+span
    {
    	font-size:0.79rem;
    }
	
	.aprt-block, .aprt-position-block>img, .facility-slider>.carousel>.carousel-inner>.carousel-item>img
	{
		min-height:inherit;
	}
     .room-text>h2
   {
   	font-size:0.9rem;
   }
   .room-text>h4
   {
   	font-size:0.7rem;
   }
   .home-left>h4
   {
   	font-size:1.1rem;
   }
   .accommodation-text>[class*='col-']>h4
   {
    font-size: 0.9rem;
   }
   .room-typography>ul>li
   {
    width: 100%;
   }
   .aprt-position-block:hover .room-price
   {
   	top:100%;
    width:100%;
    font-size:0.8rem;
   }
   .common-h1
   	{
    	font-size: 2rem;
	}
    .reception-block>p 
    {
    	font-size: 0.9rem;
	}

    .amenities-icon-wrap
    {
    	position:relative;
    }
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li 
    {
        text-align: center;
        width: 25%;
        position: relative;
        padding: 7px 0;
	}
	.facility-slider>.carousel>.carousel-inner>.carousel-item>img
	{
	
	}
    .gallery-text >h4
    {
        font-size: 1.1rem;
    }
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li>img
    {
    	display:block;
        margin:0px auto;
        float:none;
    }
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li>img+span
    {
    	position: relative;
        left: 0;
        text-align: center;
        display: block;
        top: 0;
        width: 100%;
        transform: none;        
    }
    .subscribe-form>form.form-inline>.form-group>label
    {
    	width:100%;
        display:block;
    }
    .subscribe-form>form.form-inline>.form-group>label+input
    {
    	margin-top: 20px;
        width:50%;	
    }
    .subscribe-form>form.form-inline>.form-group>input[type=submit]
    {
    	margin-top:20px;
    }
    .subscribe-form>form.form-inline>.form-group>input[type=submit]+span
    {    	
    	margin: 0px 25% 0px auto;
    }
    .g-list>li
    {
    	width:32%;
        margin:3px 0;
    }
	form#forms>.form-group 
		{
			width: 100%!important;
		}
	.footer-address
	{
		text-align:center;
	}
}

@media only screen and (min-width:992px) and (max-width:1024px)
{
	.main-menu .container>nav, .main-menu .container 
   {
    padding: 0;
   }
   
   
    .aprt-position-block, .aprt-position-block>img
	{
		height:107px;
	}
	.facility-slider>.carousel>.carousel-inner>.carousel-item>img
	{
		min-height:300px;
	}
    .room-text>h2
   {
   	font-size:0.84rem;
   }
   .room-text>h4
   {
   	font-size:0.7rem;
   }
   .home-left>h4
   {
   	font-size:1.1rem;
   }
   .common-h1
   	{
    	font-size: 2rem;
	}
    .reception-block>p 
    {
    	font-size: 0.9rem;
	}

   .room-typography>ul>li
   {
    width: 100%;
   }
    
    	.amenities-icon-wrap
    {
    	position:relative;
    }
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li 
    {
        text-align: center;
        width: 12.5%;
        position: relative;
        padding: 7px 0;
	}
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li>img
    {
    	display:block;
        margin:0px auto;
        float:none;
    }
    .amenities-icon-wrap>.container>.row>[class|='col']>ul>li>img+span
    {
    	position: relative;
    left: 0;
    text-align: center;
    display: block;
    top: 0;
    width: 100%;
    transform: none;        
    }
    .subscribe-form>form.form-inline>.form-group>input[type=submit]
    {
    	min-width:160px;
    }
    .subscribe-form>form.form-inline>.form-group>label
    {
    	font-size:1.6rem;
    }
    .g-list>li
    {
    	width:13%;
    }
}
@media only screen and (min-width:1025px) and (max-width:1247px)
{
	 .aprt-position-block, .aprt-position-block>img
	{
		height: 125px;
	}
    .main-menu .container>nav, .main-menu .container 
   {
		padding: 0;
   }
   .room-text>h2
   {
		font-size: 0.84rem;
   }

    .room-text>h2
   {
		font-size:0.84rem;
   }
}
@media only screen and (min-width: 1248px) and (max-width: 1339px)
 {
    .aprt-position-block>img
    {
        min-height: 150px;
    }

   .room-text>h2
   {
    font-size:0.84rem;
   }
   
	.aprt-position-block, .aprt-position-block>img
	{
		height:140px;
	}
}
@media only screen and (min-width: 1340px) and (max-width: 1440px)
 {
   
	.aprt-position-block, .aprt-position-block>img
	{
		/*height:142px;*/
	}
   .room-text>h2
   { 
    font-size:1rem;
   }
 }