@charset "utf-8";
/* Table of contents - Starhotel:Responsive CSS by Slashdown
====================================================  
*/

/* Larger Screen Devices
-------------------------------------------------- */

/* Medium Devices 
-------------------------------------------------- */

/* Small Devices(tablets) 
-------------------------------------------------- */

/* Extra Small Devices(phones)
-------------------------------------------------- */

/* High Resolution Devices 
-------------------------------------------------- */

/* Smallest browser width fix
-------------------------------------------------- */

/* Larger Screens Devices
-------------------------------------------------- */
 @media (min-width: 1200px) {

}
/* Medium Devices
-------------------------------------------------- */
 @media (min-device-width: 993px) and (max-device-width: 1199px) {
	
	.tp-banner .home-subheading{
		margin-left: 120px !important;
	}
	
	.navbar-default .navbar-right{
		font-size: 11px;
	}	
		.dropdown-menu > li > a{
			font-size: 11px;
		}		
		.dropdown-submenu > li > a{
			font-size: 10px;
		}
	
	h1, h2{  
		font-size: 16px;
    	letter-spacing: 4px;
		line-height: normal;
		margin: -5px 0 10px;
		padding: 0 10px;
		text-transform: uppercase;
	}
	
	.home h1{	
		margin-5px 0 10px;
	}
	
	h2{				
		margin: 40px 0 10px;
        letter-spacing: 2px;
	}
	
	h4{
		font-size: 13px;
        letter-spacing: 5px;
	}
	
	h5{
		font-size: 12px;	
	}
	
	.mask{
		display: inline;
		line-height: 100px;
	}
		.pdf .mask{
			display: none;
			opacity: 0;
		}
		
		.mask h4{
			font-size: 8px;
		}
		
	
	p {
		font-size: 12px;
		line-height: normal;
	}
	
	.formule-content{
		min-height: auto;
		background-position: right top;
	}
		.formule-content p{
			margin-top: -20px;
		}
		
	#about .gift{
		padding: 0;
	}
	
	.contact-details{
		font-size: 12px; 
	}
}
/* Small Devices (tablets)
-------------------------------------------------- */
@media (min-device-width: 768px) and (max-device-width: 991px) {	
	
	body{ font-size: 12px; }
	
	.container{
		width: 100%;
	}
	
	.tp-banner .home-subheading{
		margin-left: 60px !important;
	}
	
	.nav > li > a, .nav > li > span{
		padding-left: 20px;
	}
	
	
	.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{
		padding: 5px 10px;
		font-size: 10px;
		min-width: 90px;
	}
	
	.sale-details .total-container{
		font-size: 16px;
	}
	
	h1, h2{
		text-align: center;    
		font-size: 16px;
    	letter-spacing: 4px;
		line-height: normal;
		margin: -5px 0 10px;
		padding: 0 10px;
		text-transform: uppercase;
	}
	
	.home h1{	
		margin: 5px 0 10px;
	}
	.en .home h1{
        letter-spacing: 3px;	
	}
	
	h2{				
		margin: 40px 0 10px;
        letter-spacing: 2px;
	}	
	
	h3{				
		font-size:24px;
	}
	
	h4{
		font-size: 13px;
        letter-spacing: 5px;
	}
	
	h5{
		font-size: 12px;	
	}
	
	.mask{
		display: inline;
		line-height: 120px;
	}
		.pdf .mask{
			display: none;
			opacity: 0;
		}
		
		.mask h4{
			font-size: 8px;
		}
		
	
	p {
		font-size: 12px;
		line-height: normal;
	}
	
	.formule-content{
		min-height: auto;
		background-size: auto 100%;
		background-position: right top;
	}
		.formule-text{
			padding-top: 10px;
			padding-left: 20px;
		}	
			.formule-text p{
				margin:0;
			}	
		
	#contact .hours {
		font-size: 11px;
	}
	
	.contact-details{
		font-size: 12px; 
	}
	
	footer .col-footer{
		margin-bottom: 25px;
	}

	footer .border-right{
		border: none;
		background: none;
	}
	footer .footer-copyright{
		font-size:9px;
		padding: 0;
		background-position: bottom center;
	}
	footer .link-footer, footer .footer-copyright p{
		font-size:9px;
	}
		
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){	
	#home-revolution-slider{
		height: 40% !important;
		min-height: 40% !important;
		overflow: hidden !important;
		width:100% !important;
	}
	
	.tp-bgimg{
		background-size: 100% !important;
	}
	
	.home-bottom{
		display:none;
	}
	
	.container{
		width: 100%;
	}
	
	
	.nav > li > a, .nav > li > span{
		padding-left: 20px;
	}
	
	.dropdown-menu{
		margin-left: 0;
	}
	
	.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{
		padding: 5px 10px;
		font-size: 10px;
		min-width: 90px;
	}
	
	.sale-details .total-container{
		font-size: 16px;
	}
	
	#page{
		margin-top: 0px;
	}
	.home{
		margin-top:0;
		/*margin-top: -250px;*/
	}
	
	.formule-content{
		min-height: 180px;
		background-size: 100% auto;
		background-position: right top;
	}
	
	.mt40 {
		margin-top: 0px;
	}	
	
	.mt60 {
		margin-top: 30px;
	}
	
	#packages h5 div{
		width: 72%;
	}
	
	#shop-process{
		min-height: 750px;
	}
	
	#contact ul li{
		padding: 8px 0;
	}
	
	#contact .hours {
		padding: 10px 0;
		font-size: 10px;
	}
	
	#social-icons{
		padding-left: 20px;
	}
	
		#social-icons li{
			margin: 0 5px;
		}
	
	.contact-details{
		font-size: 11px; 
	}
	
	.col-footer .contact, .col-footer .news, .col-footer .subscription{
		padding: 0;
	}
	
	footer h4{
		font-size: 12px; 
	}
	
	
}


/* Extra small devices(phones)
-------------------------------------------------- */
@media (max-device-width: 767px) {
		
	body, html{
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.container{
		width: 100%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.navbar-brand{		
		height: 45px;
	}
	
	.navbar-default .navbar-brand .logo-big{
		margin-top: 20px;
		height: 45px;
	}
	
	#home-revolution-slider{
		height: 40% !important;
		min-height: 40% !important;
		overflow: hidden !important;
		width:100% !important;
	}
	.tp-bgimg{
		background-size: 100% !important;
	}
	
	.tp-banner .home-subheading{
		margin-left: 60px !important;
	}
	
	h3.scroll-intern{
		font-size: 30px;
	}
	
	.home-bottom{
		display:none;
	}
	#page{
		margin-top: 0px;
	}
	.home{
		margin-top:0;
		/*margin-top: -250px;*/
	}
		.home #treatments h4{
			min-height: inherit;
		}
		
	.mt40, .mt60 {
		margin-top: 0px;
	}
	
	.navbar-nav li{
		text-align: center;
	}
	
	.nav > li > a{
		display: inline-block;
		padding-left: 20px;
	}
	
	.dropdown-menu{
		margin-left: 0;
	}
	
	#item-modal-booking-items{
		font-size: 12px;
	}
		.item-bookings{
			width:95%;
		}
		
		.item-bookings .col-xs-12{
			padding-left: 0;
			padding-right: 0;
		}
		
		.show-product-back, .show-details-back{
			display: none;
			margin: 5px 0 10px;
		}
		
	.mask{
		display: inline;
		line-height: 200px;
	}
		.pdf .mask{
			display: none;
			opacity: 0;
		}
		
		.mask h4{
			font-size: 8px;
		}
		
	.pm8{
		padding: 0 12px 0 0;
	}
	
	 h1, h2{
		text-align: center;    
		font-size: 16px;
    	letter-spacing: 4px;
		line-height: normal;
		margin: 20px 0 10px;
		padding: 0 10px;
		text-transform: uppercase;
	}
	
	h2{				
		margin: 40px 0 10px;
        letter-spacing: 2px;
	}
	
	h4{
		font-size: 13px;
        letter-spacing: 5px;
	}
	
	h5{
		font-size: 12px;	
	}
	
	
	#packages h5 div{
		width: 65%;
	}
	
	#page h1 { margin: 0 0 20px 0; }
	#page h1 br, #page h2 br, h4 br, h5 br{ display:none; }
	
    .bg-h1-left, .bg-h1-right{
		display: none !important;
	}
	
	p {
		font-size: 12px;
		line-height: normal;
	}  
	
	.news p {
		text-align:center !important;
	}
	
	.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{
		padding: 5px 10px;
		font-size: 10px !important;
	}
	
	#shop-process{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.formule-content{
		min-height: 100px;
		background-size: 150% auto;
	}
		.formule-content > div{
			padding-top: 80px;
		}
		
		.formule-text{
			padding-top: 10px;
			text-align:center !important;
		}	
		
		
	.booking-process hr{
		margin: 0 0 10px;
	}
	
	.booking-process .dropdown-menu, .secure-form .dropdown-menu, .action-sale .dropdown-menu{
		position: absolute;
		background: rgba(42, 38, 26, 0.9) none repeat scroll 0 0;
		border-color: #a2905b -moz-use-text-color -moz-use-text-color;
		border-image: none;
		border-radius: 0;
		border-style: solid none none;
		border-width: 2px 0 0;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
		margin: 0;
		top: auto;
	}
	
			
	.sale-details{
		font-size: 12px;
	}
		.sale-details .total-container{
			font-size:13px;
			width: 100%; height: 30px;
			display: block;
		}
		
		.sale-details .modal-body{
			padding: 0 10px;
		}
		
		.sale-details .modal-body img{
			display: none;		
		}
		
		.sale-details .modal-body .details{
			display: block;
			padding: 0;			
			height: auto;
		}
		
		.sale-details .modal-content .actions{
			text-align:center;	
			height: auto;
		}
		.sale-details .modal-content .actions > a, .sale-details .modal-content .actions > button{
			float: none;
			display: inline-block;
			margin: 10px 0 0;
		}
	
	.preview{
		font-size: 7px;
	}
	
	.preview-beneficiaries{
		left: 0; top: 55.2%;
		text-align: center;
		width: 100%;
	}
	.preview-treatments{
		left: 0; top: 60.5%;	
		text-align: center;
		width: 100%;
	}
	.preview-gift-voucher{		
		left: 68%; top: 69.7%;
	}
	.preview-date{
		left: 31%; top: 69.7%;
	}
	
	#contact{
		text-align: center;
		background-size: auto 100%;
	}
		#contact hr{
			background-position: center;
		}
		
		
	.contact{
		margin: 15px 0 20px;
	}

	footer{
		text-align: center;
	}
	
	footer h4{
		margin-bottom: 10px;
	}
	
	footer .col-footer{
		margin-bottom: 25px;
	}

	footer .border-right{
		border: none;
		background: none;
	}
	footer .footer-copyright{
		font-size:9px;
		padding: 0;
		background-position: bottom center;
	}
	footer .link-footer, footer .footer-copyright p{
		font-size:8px;
	}
}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {
	
	body, html{
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.container{
		width: 100%;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	
	.navbar-brand{		
		height: 45px;
	}
	
	.navbar-default .navbar-brand .logo-big{
		margin-top: 20px;
		height: 45px;
	}
	
	#home-revolution-slider{
		height: 40% !important;
		min-height: 40% !important;
		overflow: hidden !important;
		width:100% !important;
	}
	
	.tp-bgimg{
		background-size: 100% !important;
	}
	
	.home-bottom{
		display:none;
	}
	
	
	.nav > li > a, .nav > li > span{
		padding-left: 20px;
	}
	
	.dropdown-menu{
		margin-left: 0;
	}
	
	.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger{
		padding: 3px 6px;
		font-size: 8px;
		min-width: 70px;
	}
	
	.sale-details .total-container{
		font-size: 14px;
	}
	
	#page{
		margin-top: 0px;
	}
	.home{
		margin-top:0;
		/*margin-top: -250px;*/
	}
	
	.formule-content{
		min-height: 100px;
		background-size: 150% auto;
		background-position: left top;
	}
	
	.mt40, .mt60 {
		margin-top: 0px;
	}
	
	#packages h5 div{
		width: 60%;
	}
	
	
	#contact ul li{
		padding: 4px 0;
	}
	
	
	#social-icons li{
		margin: 0 3px 0 6px;
	}
	
	.contact-details{
		font-size: 9px; 
	}
	
	.col-footer .contact, .col-footer .news, .col-footer .subscription{
		padding: 0;
	}
	
	footer h4{
		font-size: 10px; 
	}
	
	
}

@media only screen 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
	  
	#home-revolution-slider{
		height: 80% !important;
		min-height: 80% !important;
		overflow: hidden !important;
		width:100% !important;
	}
	
	.nav > li > a, .nav > li > span{
		padding-left: 10px;
		padding-right: 5px;
	}
		
	.formule-content{
		background-size: 100% auto;
		background-position: left top;
	}
	
		.formule-content p{
			font-size: 12px;
			line-height: 18px;
		}
	
}

@media only screen 
  and (max-device-width: 767px) 
  and (orientation: landscape)  {
	  
	#home-revolution-slider{
		height: 80% !important;
		min-height: 80% !important;
		overflow: hidden !important;
		width:100% !important;
	}
	#search-form input{
		padding-top: 2px !important;
	}
	
	.nav > li > a, .nav > li > span{
		padding-left: 10px;
	}
	
	.formule-content{
		min-height: 180px !important;
		background-size: 150% auto;
		background-position: left top;
	}
	
	
	.preview{
		font-size: 10px;
	}
	
	.preview-beneficiaries{
		left: 0; top: 56.2%;
		text-align: center;
		width: 100%;
	}
	.preview-treatments{
		left: 0; top: 61.5%;	
		text-align: center;
		width: 100%;
	}
	.preview-gift-voucher{		
		left: 68%; top: 70.7%;
	}
	.preview-date{
		left: 31%; top: 70.7%;
	}
	
	
}



/* Smallest browser width fix
-------------------------------------------------- */
@media (min-width: 0px) and (max-width: 300px) {
	

}