/*################### Mobile Device ##################*/

@media only screen and (min-width:0px) and (max-width:767px)
{
    .main-menu
    {			
        padding:0;
    }
	.top_margin
	{   
		margin-top: 3.4rem;
	}
     .menu-position>button.navbar-toggler
     { 
        background: #d24527;
        margin: 0 0 0 auto;         	
     }
    .common-bookingwidget
    {
        position:relative;
        background: #445d7c;
    }
    .bookingwidget>#b247SearchBoxContainer
    {
        padding-bottom:0.5rem;
    }
    .brand-logo
    {
        /*position:absolute;*/
    }
    .brand-logo>img
    {
        max-width: 150px;
    }
    .brand-logo~.navbar-collapse
    {
        position: absolute;
        left: 0;
        width: 100%;
        background:var(--light-gray-color);
        z-index: 99;
        top: 100%;
    }
    .menu-li>li:after
    {
        border:none;
    }
    .common-services-icon>ul>li[class$='xl-2'], .common-services-icon>ul>li[class$='lg-2'] 
    {
        max-width: 25%!important;
    }
    .menu-li
    {
    }
    .menu-li+ul
    {
        display:none;
    }
    .menu-li>li
    {
        width:100%;
        text-align:center;
    }
    .menu-li>li>a
    {
        font-weight:300;
    }
    .phone-no
    {			
        top: 30%;
        transform: translate(-50%);
        left: 55%;
    }
    .phone-no>a 
    {
        font-size: 0.7rem;
        margin-left: 0rem;
        display: block;
    }
	.caption
	{
		width:100%;
	}
	.caption>h1
	{
		font-size:1.2rem;
	}
	.column_count 
	{
		column-count: 1;
	}
    .common-aprt-text>li
    {
        width:100%;
    }
    .common-services-icon>ul>li>span
    {
        font-size:0.8rem;
    }
	.thumb_slider_wrap
	{
		height:auto;
	}
	.thumb_slider
	{
		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
	}
	.thumb_slider>[class*='col-']
	{
		padding: 0.2rem;
		width: 170px;
	}
	.thumb_slider_wrap>button
	{
		display:none;
	}
	.thumb_slider .common-room-btn>a
	{
		font-size: 0.8rem;
	}
/*---------- Text Typography ------------*/
	.common-aprt-img>a>img
	{
		width: 100%;
		max-width: 100%;
	}
	.common-aprt-img>.common-room-btn>a
	{
		font-size: 0.5rem;
	}
    .text-content>h1 
    {
        font-size: 2rem;
    }
    .text-content>h4 
    {
        font-size: 1rem;
    }
    #appartment_text>h4
    {
        font-size:1.2rem;
    }
/*----------- Facility icon -----------------*/
    .common-services-icon>ul>li
    {
        padding: 0.5rem 0.1rem;
        width: 25%;
    }
    .common-hotel-facility
    {
    }
/*--------- Gallery Filter CSS -------------*/
    .common-gallery-block>ul>li
    {
        width:100%;
        margin-bottom:0.5rem;
    }
    form#forms>.form-group 
    {
        width: 100%!important;
    }

/*------------- Common-footer -------------*/

    #footer_address, #footer_social_link, .footer_menu
    {
        text-align:center;
        margin-bottom:1rem;
    }	
    #footer_address>h4, .footer_menu>h4, #footer_social_link>h4
    {
        /*font-size:1.3rem;*/
    }	
    #footer_social_link>ul
    {
        justify-content:center;
    }
    .footer-menu{display:none;}

/*------------- individual rooms CSS ----------*/
    .room_individual>ul>li
    {
        width:25%!important;
    }
	.room_individual>.row>div[class*='col-']
	{   
		width: 50%;
	}
    #appartment_text>ul:nth-of-type(1)
    {

    }
    #appartment_text>ul:nth-of-type(1)>li[class^='col-']
    {
        max-width: 50%;
    }

    #appartment_text>ul:nth-of-type(2)>li[class^='col-']
    {
        max-width: 30.333%;
    }
    #appartment_text>.common-room-btn
    {
        text-align:center!important;
    }

}

/*################### Mobile Device ##################*/
@media only screen and (min-width:768px) and (max-width:991px)
{
    .main-menu
    {			
        padding:0;
    }
    .common-bookingwidget
    {
        position:relative;
        order:3;
        background: #445d7c;
    }
    .bookingwidget>#b247SearchBoxContainer
    {
        padding-bottom:0.5rem;
    }
    .main-menu>.container
    {
        padding:0;
    }
    .brand-logo 
    {
        margin-right: 0;		
    }
    .brand-logo>img
    {
       max-width: 170px;
    }
	.top_margin
	{   
		margin-top: 3.4rem;
	}
	.caption
	{
		width:100%;
	}
    .common-services-icon>ul>li[class$='xl-2'], .common-services-icon>ul>li[class$='lg-2'] 
    {
        max-width: 25%!important;
    }
    .menu-li>li
    {
        font-size: 0.8rem;
        font-weight: 400;		
    }
    .menu-li>li>a

    {
        padding: 0;		
    }
    .phone-no>a 
    {
        font-size: 1rem;
    }
    .phone-no>a:first-child
    {
        margin-right:0;
    }
    .common-services-icon>ul>li
    {
        padding: 0.5rem 0.47rem;
    }
	
	.column_count 
	{
		column-count: 1;
	}
	.thumb_slider_wrap
	{
		height:auto;
	}
	.thumb_slider
	{
		width: 100%;
		height: auto;
		position: relative;
		text-align: center;
	}
	.thumb_slider>[class*='col-']
	{
		padding: 0.2rem;		
		width: 147px;
	}
	.thumb_slider_wrap>button
	{
		display:none;
	}
	.thumb_slider .common-room-btn>a
	{
		font-size: 0.7rem;
	}
/*--------- Common Reception CSS -------------*/
    .common-reception>ul>li
    {
        width:100%
    }
    .common-reception>ul>li>.checkin-out
    {
        text-align:center;
    }
/*--------- Gallery Filter CSS -------------*/
    .common-gallery-block>ul>li
    {
        width:31%;
        margin-bottom:0.5rem;
        font-size:0.85rem;
    }

    form#forms>.form-group 
    {
        width: 100%!important;
    }        
    .footer-menu{display:none;}

    #footer_address>h4, .footer_menu>h4, #footer_social_link>h4, #appartment_text>h4
    {
        font-size:1.3rem;
    }

/*------------- individual rooms CSS ----------*/
    .room_individual>ul>li
    {
        width:50%!important;
    }
/*==================== Footer Links ========================*/
    #footer_address>p,#footer_address>a, .footer_menu>p, .footer_menu>ul>li
    {
        font-size:0.862rem;
    }
    #common-footer_wrapper>.container>.row>[class^='col-']
    {
        padding-left:10px;
        padding-right:10px;
    }
}

/*################### Mobile Device ##################*/
@media only screen and (min-width:992px) and (max-width:1024px)
{
    .main-menu>.container
    {
        padding:0;
    }
    .common-bookingwidget
    {
        position:relative;
        order:3;
    }
    .bookingwidget>#b247SearchBoxContainer
    {
        padding-bottom:0.5rem;
    }
    .brand-logo>img
    {
        max-width: 180px;
    }
    .menu-li>li
    {			
        font-size: 0.9rem;				
    }
    .menu-li>li>a
    {
        padding: 0;		
    }

    .common-gallery-block>ul>li
    {
        margin:0 0.2rem;
    }

    form#forms>.form-group 
    {
        width: 100%!important;
    }
    .common-services-icon>ul>li
    {
        /*padding: 0.5rem 1.2rem; */
    }
    #appartment_text>ul>li[class^='col-']
    {
        max-width:11%;
    }
}