@media only screen and (max-width:1680px){
}
@media only screen and (max-width:1366px){
}
@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){
	.container-fluid{width:100%;}

	/* HEADER */
	header{position:relative !important; background:#000 !important; padding:0 !important;}
	header .container{width:100%;}

	header .button{top:5px;}
	header .button, .on header .button{right:60px;}
	

	#menu-toggle{top:10px;}
	#menu-toggle #hamburger span{top:13px;}
  
	
	/* LOGO */
	
	
	/* 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; 
		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: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:#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 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;
  	}
	
}
@media only screen and (max-width:992px){
	.home-intro-img-wrapper{margin-top:0 !important;}
}
@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:640px){
  [class*="padding-fluid-left-"], [class*="padding-fluid-right-"]{padding-left:0 !important; padding-right:0 !important}
  [class*="margin-fluid-left-"], [class*="margin-fluid-right-"]{margin-left:0 !important; margin-right:0 !important}
  #logo, #logo img{width:150px; height:auto; top:10px;}
  #nav-menu.navbar-default{height:70px;}
  .menu-trigger, .resv-trigger-close{margin-top:50px; margin-right:40px;}
  #menu-toggle #hamburger span{top:15px;}
  
  .contact-open, .contact-quote, .contact-form-wrapper{padding:0 15px !important;}
  .class-price td{width:100%; display:block}
}
@media only screen and (max-width:480px){

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

}