@media only screen and (max-width:1680px){
}
@media only screen and (max-width:1366px){
  section {padding-top: 8vw; padding-bottom: 8vw}
  .container-fluid{padding:0 2.5vw;}
}
@media only screen and (max-width:1280px){
  
}
@media only screen and (max-width:1199px){
}
@media only screen and (min-width:1025px){
	#mobile-menu-trigger, #mobile-menu {display: none !important;}  
}
@media only screen and (max-width:1024px){
	/* HEADER */
	header{padding:0 !important;}
	header .container{width:96%;}
	
	/* LOGO */
	#logo{
		color:#fff;
		display:block;
		font-size:27px;
		padding:10px;
		text-align:left;
    top:30px;
  	}
  	#logo img{max-width:80%;}
	
	
	/* NAVIGATION */
	nav{ position: relative;}
	#menu.navbar-default, #menu.navbar-default{position:relative !important; padding:0;}
	.navbar-toggle, #mobile-menu-trigger { display:inline-block; margin-top:20px; }
	.navbar-default .container{padding: 0 15px; text-align:center;}
	.navbar-collapse{border:none; float:none !important;}
	.navbar-nav{margin:0; float:none !important;}
	.navbar-nav > li{
		display:block;
		float:none; 
		text-align:left;
	}
	.navbar-default .navbar-nav > li.active:after{display:none;}
	.navbar-default .navbar-nav > li > a{
		border-bottom:1px solid rgba(255,255,255,.1);
		color:#c6e2ff;
		line-height:20px;
		padding: 15px !important; 
		z-index:9
	}
	.navbar-nav > li > a > i{
		background-size:20px;
		display: inline-block; 
		float:left; 
		height:20px;
		margin-right:15px; 
		width:20px; 
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current-menu-item > a:hover, .navbar-default .navbar-nav > li.current-menu-item > a, .navbar-default .navbar-nav > li > a:focus{background: rgba(84, 84, 84, 0.3); color:#c6e2ff;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: rgba(0,0,0,0.3); color:#c6e2ff;}
	.navbar-default .navbar-nav > li > a:hover:after, .navbar-default .navbar-nav > .current-menu-item > a:after, .navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > a:hover:after, .navbar-default .navbar-nav > .active > a:focus:after{display:none;}
	.navbar-collapse{padding:0; clear:both; background: rgba(0,0,0,.65); position:relative; z-index:9999;}
	.navbar-default .navbar-nav > li > a:after{display:none;}
	.navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > 	.open > a:focus{background: rgba(84, 84, 84, 0.3); color:#c6e2ff;}
	.sub-menu{
		background: transparent;
		box-shadow: none;
		position: relative;
		padding: 0;
		top: 0;
		width: 100%;
		-webkit-box-shadow: none;
  	}
  	.sub-menu > li > a{padding:15px; text-indent:15px; }
	.sub-menu a:hover{background-color: rgba(0,0,0,0.3);}
	.sub-menu .sub-menu {
		border-top:none;
		border-bottom:1px solid rgba(0,0,0,.07);
		left: 0;
		top: 0;
	}
	.sub-menu li li a{padding-left:20px;}
	li .sf-sub-indicator { 
		cursor:pointer;
		height: 50px;
		left: auto!important;
		position: absolute;
		right: 50px !important;
		top: 0 !important;
		text-align: right;
		width: 50%;
		z-index:999;
	}
	li .sf-sub-indicator:after, li.open li .sf-sub-indicator:after, li.open li.open li .sf-sub-indicator:after {
		content: "+";
		color:#fff; 
		font-size: 16px;
		line-height: 45px;
		margin: 0 5px 0 0;
	}	
	li.open .sf-sub-indicator:after, li.open li.open .sf-sub-indicator:after, li.open li.open li.open .sf-sub-indicator:after { 
		content: "-";
		font-size: 23px;
		line-height: 45px;
		margin: 0 7px 0 0;
	}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    	height: 0px;
		overflow: hidden;
		position: absolute;
		visibility: hidden!important;
	}
	.sf-menu li ul.mobile-open {
		display: block!important;
		height: auto!important;
		position: relative;
		visibility: visible!important;
  	}
  .instagram-item{width:33.3336%}
  footer .container{width:100%;}
}

@media only screen and (min-width:768px){
}
@media only screen and (max-width:767px){
  header{min-height:51px; background:#c6e2ff !important;}
  header .container{width:100%; padding:0;}
  #logo, .on #logo, .no-slider #logo{top:0; position:absolute; }
  #logo img, .on #logo img{
  -webkit-filter: none !important;
    -moz-filter: none !important;
    filter: none !important;
  } 
  .menu-toggle{margin:0 !important;width: 60px; height: 51px;}
  .menu-toggle #hamburger{border-right: 1px solid rgba(255,255,255,.1)}
  .menu-toggle #hamburger label, .menu-toggle #cross label, .menu-toggle.open #cross label{display:none;}
  .menu-toggle #hamburger span, .on .menu-toggle #hamburger span {
    top: 11px;
    left: 16px;
    width:27px;
    margin: 6px 0;
    background:#333 !important;
  }
  .menu-toggle #cross > div{margin:0 0 0 5px}
  .menu-toggle.open #hamburger span{width:0;}
  .experience-content, .experience-content-2{width:90%; margin-left:5%; margin-right:5%;}
  
  .btn-booking, .on .btn-booking, .no-slider .btn-booking{top:0;right:0;}
  .hide-on-mobile{display:none;}
  .instagram-item{width:33.3336%}
  [class*="margin-fluid-left-reverse"]{margin-left:0 !important}
  [class*="margin-fluid-right-reverse"]{margin-right:0 !important} 
}
@media only screen and (max-width:640px){
  section {padding-top: 10vw; padding-bottom: 10vw}
  [class*="padding-fluid-left"]{padding-left:15px !important;}
  [class*="padding-fluid-right"]{padding-right:15px !important;}
  [class*="padding-fluid-top"]{padding-top:15px !important;}
  [class*="padding-fluid-bottom"]{padding-bottom:15px !important;}
  
  .activity-item .overlay-caption, .activity-item  .caption-content{position:relative; display:block}
  
  .btn-booking .btn{padding:15px 20px;}
  .c-group .heading{letter-spacing:1px;}
  .img-overlay-border:after{display:none}
}
@media only screen and (max-width:480px){
  #home .slides, #home .slider, .slider{height:calc(100vh - 40px);}

  .btn-booking .btn{padding:15px 10px;}
  #sbi_images .sbi_item{width:33.333% !important}
  #reservation label{font-size:13px;}
}
@media only screen and (max-width:360px){
  #logo{left:-15px}
  .btn-booking .btn{padding:15px 10px;}
}
@media only screen and (max-width:320px){

}