/*---------------- Portrait Views -----------------------*/

@media only screen and (min-width:0px) and (max-width:374px) /*and (orientation:portrait) */
{
/*---------------- .main-menu -------------------*/
	.main-menu>.container-fluid
	{
		left:50%;
		transform:translate(-50%,0%);
		background:var(--color-2);
	}
	.main-menu>.container-fluid>a
	{
		font-size: 1.5rem;
	}
	.main-menu
	{
		/*background: var(--color-3);*/
                background: var(--color_wp_dark_blue);
	}
	.margin-bottom 
	{
    	/*min-height: 35px;*/
	}
	.navbar-dark .navbar-toggler
	{
		background-color: var(--color-1);
		border: none;    
		padding: 0.05rem 0.5rem;
	}
	.navbar-collapse
	{
		position: absolute;
		width: 100%;
		top: 100%;
		z-index: 99;
	}
	.main-menu>.container>.navbar-collapse>ul
	{
		    /*background: #017d7b;*/
                    background: var(--color_wp_dark_blue);
	}
	.main-menu
	{
		padding: 0 0 0.2rem;
		margin: 0;
	}
	.logo-img 
	{
    	width: 33%;    
		margin-top: 0;
	}
	.logo-brand
	{
		width: 80px;
	}
	.logo-brand>img
	{
                width:97px;
                height:35px;
		max-width: 100%;    
		top: -100%;
    	/*background: rgba(255,255,255,0.5);*/
	}
/*---------------- Booking Widget -----------------------------*/
	.searchbox>.searchbox__checkout
	{
		margin-left:0!important;
	}
	.bookingwidget
	{
		position: relative;
		/*background: gray;*/
                background: var(--color_grey);
		padding-bottom: 0.4rem;			
	}	
	.room-slider>.bookingwidget #b247SearchBoxContainer
	{
		margin-top:3rem;
	}	
/*------------------- text-contents -------------*/
	.content-section
	{
		margin:0.5rem 0!important;
		padding:0.5rem 0!important;		
	}
	.text-contents>p,.travel-text>p
	{
		text-align: justify; 
    	font-size: 0.9rem;
	}
	.home .book-now, home .pro_logo 
	{
		padding-bottom: 0rem;
		padding-top: 0rem;
	}	
	.text-contents>h2
	{
		font-size:2rem;
	}
/*------------------ .pro_thumbs -----------------------*/
	.pro_thumbs>li
	{
		width:50%;
		margin-bottom: 1rem;
	}
/*------------------ .travelling -----------------------*/
	.travelling-bg:last-child>[class*='col-']
	{
		opacity: 0.8;
	}
	.travelling-bg
	{
		background-attachment:fixed;		
	}
/*------------- Room PAge -------------------*/
	.room-price>ul>li, .room__typography+.room-price>ul>li
	{
		width: calc(25% - 0px);
		padding: 0.4rem;
	}
	.room-price>ul>li:last-child,.room__typography+.room-price>ul>li:last-child
	{
		width:50%;
		margin-left:0;
		margin-top:1rem;
	}
/*-------------- Gallery Page -------------------*/
	.common-gallery-block>ul
	{
		justify-content:center;
	}
	.common-gallery-block>ul>li
	{
		margin: 2px 0rem;
		padding: 0.5rem 0.3rem;
		font-size: 0.889rem;
	}
	.location-li>li
	{
		width:100%;
	}
/*---------------- footer-address ------------------*/
	.footer-address
	{
		flex-flow: row wrap;
		justify-content: center;
    	text-align: center;
	}
	.footer-address>[class^='col-4'], .footer-address>[class^='col-8']
	{
		max-width:100%;
		flex-basis: 100%;
		padding: 0;
	}
	.footer-address>div>a>img
	{
		display: block;
		margin:0 auto;
	}
	.footer-menu>ul
	{
		justify-content:center;
	}
/*---------------- copy-right ------------------*/
	#copy-right>p
	{
		font-size: 0.7rem;
	}
}


@media only screen and (min-width:375px) and (max-width:767px) /*and (orientation:portrait) */
{
/*---------------- .main-menu -------------------*/
	.main-menu>.container-fluid
	{
		left:50%;
		transform:translate(-50%,0%);
		background:var(--bs-dark);
	}
	.main-menu>.container-fluid>a
	{
		font-size: 1.5rem;
	}
	.main-menu
	{
		/*background: var(--color-3);*/
                background: var(--color_wp_dark_blue);
	}
	.margin-bottom 
	{
    	/*min-height: 35px;*/
	}
	.navbar-dark .navbar-toggler
	{
		background-color: var(--toggle-btn);
		border: none;    
		padding: 0.05rem 0.5rem;
	}
	.navbar-collapse
	{
		position: absolute;
		width: 100%;
		top: 100%;
		z-index: 99;
	}
	.main-menu>.container>.navbar-collapse>ul
	{
		background:var(--menu-bg);
	}
	.main-menu
	{
		padding: 0 0 0.2rem;
		margin: 0;
	}
	.logo-img 
	{
    	width: 33%;    
		margin-top: 0;
	}
	.logo-brand
	{
		width: 95px;
	}
	/*.logo-brand>img
	{
            width:97px;
                height:35px;
		max-width: 100%;    
		top: -100%;
	}*/
/*---------------- Booking Widget -----------------------------*/
	.searchbox>.searchbox__checkout
	{
		margin-left:0!important;
	}
	.bookingwidget
	{
		position: relative;
		background: gray;
		padding-bottom: 0.4rem;			
	}	
	.room-slider>.bookingwidget #b247SearchBoxContainer
	{
		margin-top:3rem;
	}
/*------------------- text-contents -------------*/
	.content-section
	{
		margin:0.5rem 0!important;
		padding:0.5rem 0!important;		
	}
	.text-contents>p,.travel-text>p
	{
		text-align: justify; 
	}	
	.home .book-now, home .pro_logo 
	{
		padding-bottom: 0rem;
		padding-top: 0rem;
	}
	.text-contents>h2
	{
		font-size:2rem;
	}
/*------------------ .pro_thumbs -----------------------*/
	.pro_thumbs>li
	{
		margin-bottom: 1rem;
	}
/*------------------ .travelling -----------------------*/
	.travelling-bg:last-child>[class*='col-']
	{
		opacity: 0.8;
	}
	.travelling-bg
	{
		background-attachment:fixed;		
	}
/*------------- Room PAge -------------------*/
	.room-price>ul>li, .room__typography+.room-price>ul>li
	{
		width: calc(25% - 0px);
		padding: 0.4rem;
	}
	.room-price>ul>li:last-child,.room__typography+.room-price>ul>li:last-child
	{
		width:50%;
		margin-left:0;
		margin-top:1rem;
	}
/*-------------- Gallery Page -------------------*/
	.common-gallery-block>ul
	{
		justify-content:center;
	}
	.common-gallery-block>ul>li
	{
		margin: 2px 0rem;
		padding: 0.5rem 0.3rem;
		font-size: 0.889rem;
	}
	.location-li>li
	{
		width:100%;
	}
/*---------------- footer-address ------------------*/
	.footer-address
	{
		flex-flow: row wrap;
		justify-content: center;
    	text-align: center;
	}
	
	.footer-address>div>a>img
	{
		display: block;
		margin:0 auto;
	}
	.footer-menu>ul
	{
		justify-content:center;
	}
/*---------------- copy-right ------------------*/
	#copy-right>p
	{
		font-size: 0.7rem;
	}
        
        
        
}

@media only screen and (min-width:768px) and (max-width:991px) /*and (orientation:portrait) */
{
/*---------------- .main-menu -------------------*/
	.main-menu>.container-fluid
	{
		left:50%;
		transform:translate(-50%,0%);
		background:var(--bs-dark);
	}
	.main-menu>.container-fluid>a
	{
		font-size: 1.5rem;
	}
	.main-menu
	{
		/*background: var(--color-3);*/
                background: var(--color_wp_dark_blue);
                
	}
	.margin-bottom 
	{
    	/*min-height: 35px;*/
	}
	.navbar-dark .navbar-toggler
	{
		background-color: var(--color-1);
		border: none;    
		padding: 0.05rem 0.5rem;
	}
	.navbar-collapse
	{
		position: absolute;
		width: 100%;
		top: 100%;
		z-index: 99;
		left:0;
	}
	
	.main-menu>.container>.navbar-collapse>ul
	{
		/*background: #017d7b;*/
                background: var(--color_wp_dark_blue);
		flex-flow: row wrap;
                padding: 5px 0px;
	}
	.main-menu
	{
		padding: 0 0 0.2rem;
		margin: 0;
	}
	.main-menu>.container>.navbar-collapse>ul>li.nav-link
	{
		width: fit-content;
	}
	.logo-img 
	{
    	width: 33%;    
		margin-top: 0;
	}
	.logo-brand
	{
		width: 150px;
	}
        
	/*.logo-brand>img
	{
            width:97px;
                height:35px;
		max-width: 100%;    
		top: -100%;
    	
	}*/
/*---------------- Booking Widget -----------------------------*/
	.searchbox__title,.sbx-container
	{
	}
	.searchbox>.searchbox__checkin, .searchbox>.searchbox__checkout
	{
		margin:0.2rem 0.2rem 0.5rem!important;
		text-align:left;
	}
	.bookingwidget
	{
		/*position: relative;
		background: gray;
		padding-bottom: 0.4rem;	*/		
	}	
/*------------------- text-contents -------------*/
	.text-contents>p,.travel-text>p
	{
		text-align: justify; 
    	font-size: 0.9rem;
	}
/*------------------ .pro_thumbs -----------------------*/
	.pro_thumbs>li
	{
		width:50%;
		margin-bottom: 1rem;
	}
/*------------------ .travelling -----------------------*/
	.travelling-bg:last-child>[class*='col-']
	{
		opacity: 0.8;
	}
	.location-li>li
	{
		width:100%;
	}
	.room__typography+.room-price>ul>li
	{
		width: calc(25% - 0px);
		padding: 0.4rem;
	}
	.room__typography+.room-price>ul>li:last-child
	{
		width:50%;
		margin-left:0;
		margin-top:1rem;
	}
/*---------------- footer-address ------------------*/
	.footer-address
	{
		flex-flow: row wrap;
		justify-content: center;
	}
	.footer-address>[class^='col-4'], .footer-address>[class^='col-8']
	{
		max-width:100%;
		flex-basis: 100%;
		padding: 0;
	}
	.footer-address>a>img
	{
		display: block;
		margin:0 auto;
	}
	.footer-menu>ul>li
	{
		font-size:0.8rem;
	}
	.footer-menu>ul:first-child>li:last-child
	{
		margin-left:0rem;
		font-size:1.14rem;
	}
/*---------------- copy-right ------------------*/
	#copy-right>p
	{
		font-size: 0.7rem;
	}
	
}


@media only screen and (min-width:992px) and (max-width:1024px) /*and (orientation:portrait) */
{
	.footer-menu>ul:first-child>li:last-child
	{
		margin-left:0.5rem;
		font-size:1.5rem;
	}
	.common-gallery-block>ul>li
	{    
		padding: 0.5rem 0.3rem;
	}
	.location-li>li
	{
		width:100%;
	}
	.searchbox>.searchbox__checkin, .searchbox>.searchbox__checkout
	{
		text-align:left;
	}
	.main-menu>.container>.navbar-collapse>ul>li.nav-link
	{    
		/*padding: 10px 10px;*/
                padding: 10px 2px;
	}
        
        #div_header_logo
        {
            top:10px;
        }
}


@media only screen and (min-width:1025px) and (max-width:1440px) /*and (orientation:portrait) */
{
	
}


@media only screen and (min-width:1441px) and (max-width:1600px) /*and (orientation:portrait) */
{
	
}

/*---------------- Landscape Views -----------------------*/


@media only screen and (max-width : 1199px)
{
    #div_header_logo
    {
        top: 10px;
    }
    
    .main-menu > .container > .navbar-collapse > ul > li.nav-link
    {
        padding: 10px 3px;
    }
}

@media only screen and (max-width : 767px)
{
    #a_footer_book_now
    {
        margin: 10px 0;
        display: inline-block;
    }
    
    .button_gallery_filter
    {
        margin-left:5px!important;
        margin-right:5px!important;
        padding: 5px 10px!important;
    }
}

@media only screen and (max-width : 991px)
{
    #div_header_logo
    {
        display:none;
    }
}

.navbar-toggler-icon
{
    width:20px!important;
    height:30px!important;
}

.navbar-toggler
{
    margin-top:2px;
}

@media only screen and (min-width:375px) and (max-width:991px)
{
    .logo-brand>img
    {
        width:200px;
        top:-5px;
    }
    
    #nav_top_menu_bar
    {
        min-height:80px;
    }
    
    .navbar-dark .navbar-toggler
    {
        position : relative;
        top : 24px;
    }
}


@media only screen and (min-width : 374px) and (max-width : 992px)
{
    #div_starrating_logo
    {
        right : 15px;
    }
}

@media only screen and (max-width : 374px)
{
    #div_starrating_logo
    {
        display:none;
    }
}

@media only screen and (max-width : 767px)
{
    .accommodation-page-slide .bookingwidget
    {
        padding-top:10px;
    }
}