@charset "utf-8";
/* CSS Document */
/* css for internet explorer */
@media screen\0 {
    html, body {

	font-family: Myriad Pro;

}
}
/* css for internet explorer */

@media (max-width: 1200px){
.menue-inner{
width:100%;	
}
	.footer-inner,.submenue-content-inner,.quotation-inner,.contactus-inner,.airline-inner{
	width:100%;
	padding-right:15px;
	padding-left:15px;
}
.contact-left{
	
}
.serenity-logo{
left: 80px;
}
.serenity-logo img {
    width: 111px;
    height: 97px;
}
.language{
	left: 35px;
    top: 0px;
}
}



@media (max-width: 801px){
	.marque-text span{
	font-size:5.5vw;	
	}
	.ma2-active{
	font-weight:bold;
	font-size:18px;
    }
	.small-device-input{
	padding:0px;	
	}
	.submenue-content{
	min-height:550px;	
	}
	.footer-inner{
	float:left;
	display:block;
	padding-top:20px;
		
	}
	.left-footer ,.right-footer{
	display:block;
	text-align:center;
	}
	.contact-right{
	margin-bottom:10px;	
	}
	.right-text{
	padding-left:0px;	
	}
	.offer-special{
	right:10px;
	position:absolute;
	top:45px;
	border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
	}
	.left-panel{
		padding-right:0px!important;
		border:none;	
	}
	.hotels{
		padding-left:0px!important;
		border:none;
		
	}
	.hotels .single-item-box:nth-last-child(2){
	margin-bottom:40px;	
	}
	
		.menue{
	position:relative;	
	}
	.blue-line-container{
		padding:0px;
	}
	.left-curve,.right-curve{
	display:none;	
	}
	.serenity-logo{
	left:10px;	
	}
.quotation-left,.quotation-right,.contact-left,.contact-right,.airline-inner-left,.airline-inner-right{
	padding:0px;	
	}
	.quotation-left,.contact-left,.airline-inner-left{
	margin-bottom:20px;	
	}
	.slider{
	margin-top:22px;	
	}
}

@media (max-width: 600px){
	.right-arrow,.left-arrow{
	display:block;	
	}
	.submenue-items{
	position:relative;
	top:0;
	padding-left: 30px;
    padding-right: 30px;
		
	}
	.submenue{
		background-color:transparent;
		
	}
	.submenue-items-content{
	width:100%;	
	}
	.single-item{
	width: 100%;
    text-align: center;
	display:none;
	}
	.single-item-active{
	display:block;	
	}
	
}

@media (max-width: 560px){
	
	.left-footer{
	margin-top:10px;	
	}
	.left-footer,.middle-footer,.right-footer{
		width:100%;
		display:table;
		text-align:center;
	}
	#logo1{
	display:none;
	}
	#logo2{
	display:block;
	width:91px;
	height:61px;	
	}
	.serenity-logo{
	top:25px;	
	}
	
	.language{
	position: relative;
    top: 38px;
    left: 104px;	
	}
	.top-menue-container-div{
	padding:0px;
	text-align:center;	
	}
	.top-menue-container-div a{
		position:relative;
	display: inline-block;
    left: 0px;
    right: 0px!important;
	background-image: none;
    background-color: #F3704A;
	width:32%;
		
	}
	.top-menue-container-div a:hover{
	background-image: none;
	background-color: #35759F;
		
	}
	.ma-active{
	background-image: none!important;
	background-color: #35759F!important;	
	}

}
@media (max-width: 400px){
.outgoing-item{
width:100%;	
}
}
@media (min-width: 801px){

	
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color:transparent;	
	}
	.navbar-default{
	border:none;
	background-color:transparent;	
	}
	.navbar{
	margin:0px;
	}
	.navbar{
	float:right;	
	}
	.navbar-collapse{
	padding:0px;	
	}
	.navbar-default .navbar-nav > li > a{
		
	}
	.navbar-nav > li{
	position:absolute;
	width:165px;
	height:30px;
	}
	.navbar-nav > li > a{
	padding:0px;
	width:165px;
	height:30px;
	display:block;
	background:url('../images/m2-orange.png');
	text-align:center;
	cursor:pointer;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
		
	}
	.ma2-active{
	background:url('../images/m2-blue.png')!important;
	z-index:4!important;
    }
	
	.navbar-nav > li:nth-child(1){
		right:750px;
	}
	.navbar-nav > li:nth-child(2){
		right:600px;
	}
	.navbar-nav > li:nth-child(3){
		right:450px;
	}
	.navbar-nav > li:nth-child(4){
		right:300px;
	}
	.navbar-nav > li:nth-child(5){
		right:150px;
	}
	.navbar-nav > li:nth-child(6){
		right:0px;
		
		
	}
	
	.navbar-nav > li > a:hover{
	background:url('../images/m2-blue.png');	
	z-index:4;
	}
	.navbar-nav > li > a span{
	 color: white;
    top: 8px;
    position: relative;
	}
}
