@media only screen and (min-width:1366px){

}
@media only screen and (min-width:1480px){

}
@media only screen and (max-width:1680px){

}
@media only screen and (max-width:1366px){

}
@media only screen and (max-width:1280px){

	.reservation-box{padding: 0 5%; width:100%}
	.nav-tabs {
		border-bottom: none;
		margin-bottom: 50px;
		padding: 0 1%;
	}
}
@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){
  body{font-size:13px;}
  
	/* HEADER */
	header{position:relative !important; background:#000 !important; padding:0 !important;}
	header .container, .no-slider .container {
		position: relative;
		padding: 0px;
	}
  .button, .on .button{position:fixed; top:auto; right:0; left:0; bottom:0; }
  .button, .button a{width:100%;}
  .button a, .on .button a{padding:15px 20px;}
	
	/* LOGO */
  #main-logo{
    font-size:0;
    display:block;
    text-align:left;
    width: 220px;
    height:41px;
    overflow:hidden;
    top:20px;
    left: 20px;
    position:absolute;
  }
  .on #main-logo{top:10px;}

  #main-logo, #logo, #main-logo img, #logo img, header .button{ 
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
  }
  #main-logo img, .on #main-logo img {
      width: 220px;
      max-width:220px;    
  }
	
	
	/* NAVIGATION */
  #menu-toggle{top:7px;}
	nav{ position: relative;}
	.navbar-default {
    border-color: transparent;
    border-width: 0;
    border-radius: 0;
    clear: both;
    margin-bottom: 0;
    width: 100%;
}
	#menu.navbar-default, #menu.navbar-default{position:relative !important; padding:0;}
	.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; 
		overflow:hidden;
		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:#fff;
		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:#fff;}
	.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:#fff;}
	.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:5;}
	.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:#fff;}
	.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 > li:last-child > a{border-bottom:1px solid rgba(255,255,255, .1);}
	.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;
  	}
	
	.slides h1, .slides h2 {margin-bottom: 0;}

	#nav-menu.on .navbar-nav > li > a {
    	color: #fff;
	}
	#canvas{margin:0;}
}

@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
  #home .slider, #home .slides, .slider, .flexslider .slides, .flexslider .slides > li{height:calc(70vh - 50px);}
  .slides h1, .slides h2 {line-height: 70px;}
  video.bgvid{height:100%;min-height: auto;}
  
  .mfp-inline-holder .mfp-close{top:-5px; right:0; color:#000;}
  .white-popup-block, .light-grey-popup-block, .white-sm-popup-block, .light-sm-grey-popup-block{margin:0 auto;}
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:360px){
}
@media only screen and (max-width:320px){
	.slides h1, .slides h2 {line-height: 30px;}
}