@media (min-aspect-ratio: 16/9) {
	  .visual-video {
		width: 100%;
		height: auto;
	  }
	  body{
		  background-size: 100% auto !important;
		}
	}
	
	@media (max-aspect-ratio: 16/9) {
	  .visual-video {
		width: auto;
		height: 100%;
	  }
	  body{
		  background-size: auto 100% !important;
		}
	}
	
	@media (max-width: 1583px) {
		.info-tablecell {width: 16% !important;}
	}
	
/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		#mainNav{
			padding: 0 0;
			margin: 15px 0;
		}
		#mainNav > ul > li > a{
			font-size: 14px;
		}
		
	}
	
	@media (max-width: 1400px){
		.header-img {height: 470px}
		.headercontent-img {height: 325px;}
		.header-reserveren-img {height: 325px}
		.headerproduct-img {height: 400px}
		.info-tablecell {width: 20% !important;}
		.info-tablecell-detail {width: 16% !important}
		#mainNav > ul > li {padding: padding: 0 15px;}
	}
	@media (min-width: 1250px) and (max-width: 1330px){
		.bx-prev{margin-left: -65px}
		.bx-next{margin-right: -65px}
	}
	@media (min-width: 1200px) and (max-width: 1250px){
		.bx-prev{margin-left: -41px}
		.bx-next{margin-right: -41px}
		#mainNav > ul > li {padding: 0 10px;}
	}
/* Large devices (large desktops, 1200px and less) */
	@media (max-width: 1200px) {
		.page-header {margin-top: 20px !important}
		.header-link {margin-top: 25px !important}
		.info-tablecell-detail {width: 19% !important}
		.headercontent-img {height: 360px;}
		.header-reserveren-img {height: 360px}
		.headerproduct-img {height:360px;}
		.img-style {width: 195px;}
		
		
		#webshopService h5{
			font-size: 14px;
		}
		.subMenu ul li {
			padding: 7px 0px;
		}
		#legend{
			margin-top: 20px;
		}
		.loadedCalendar{
			display: inline-block;
		}
		#map:after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(255, 255, 255, 0.05);
			z-index: 1;
			transition: all 0.3s ease;
			transform: translateY(0%);
			content: "";
		}
		#map:hover:after {
			transform: translateY(100%);
		}
		.header-img {height: 400px}

	}
	@media (min-width: 992px) and (max-width: 1200px){
	}
	@media (max-width: 1130px){
		.info-tablecell {width: 25% !important;}
	}
	@media (min-width: 1080px) and (max-width: 1130px) {
		.bx-prev{margin-left: -80px}
		.bx-next{margin-right: -80px}
	}
	@media (min-width: 992px) and (max-width: 1080px) {
		
		.bx-prev{margin-left: -40px}
		.bx-next{margin-right: -40px}
		.headercontent-img {height: 285px;}
		.header-reserveren-img {height: 285px;}
		.headerproduct-img {height: 335px;}
		#mainNav > ul > li {padding: 0 7px;}
	}
/* Medium devices (desktops, between 992px and 1200px) */
	@media (min-width: 992px) and (max-width: 1200px) {
		.productImage { 
			height:120px;
		}
		
		.bookingWrap .newsletterBlock.fixed {
		  width:283px;
		}

		.search-form .form-control {
			margin-right:6px;
		}
		#mainNav{
			padding: 0;
			margin: 15px 0;
		}
		#mainNav ul li a {
			font-size: 12px;
		}
	
		.iframeRow iframe {
			height: 1340px !important;
		}
		.info-table > .info-tablecell-home {
			width: 17% !important;
		}

	}
	@media (min-width: 992px) {.col-md-4-small {width: 30.33333333%}}
	@media (max-width: 992px) {
		#li_10 {margin-left: 15px; margin-right: 15px;text-align: center;
    padding-top: 15px !important;}
		.info-tablecell-detail {width: 25% !important}
		.headercontent-img {height: 225px;}
		.header-reserveren-img {height: 225px}
		.headerproduct-img {height: 500px}
		#li_13 {text-align: center !important;}
		.modal-header {border-bottom: none !important;}
		.grade{float:left !important; margin-left: 15px !important;}
		#mainNav{
			display: none !important;
		}
		.nav>li>a:focus, .nav>li>a:hover {background-color: transparent !important}
		.navbar-toggle{
			display: block !important;
		}
		.info-table > .info-tablecell-home {
			width: 23% !important;
		}
		#li_9 a {padding-top: 15px !important; text-align: center;}
	}
	@media (max-width: 897px){
		.info-tablecell {width: 33% !important;}
	}
	
	@media (min-width: 870px) and (max-width: 900px) {
		.bx-prev{margin-left: -80px}
		.bx-next{margin-right: -80px}
	}
	@media (min-width: 768px) and (max-width: 870px) {
		.bx-prev{margin-left: -40px}
		.bx-next{margin-right: -40px}
		.img-style {width: 200px}
	}
/* Small devices (tablets, between 768px and 992px) */
	@media (min-width: 767px) and (max-width: 992px) {
		
		.logo strong{
			font-size: 35px;
		}
		.logo .slogan {
			font-size: 13px;
		}
		#mainNav{
			padding: 0 8px 0 0;
			margin: 10px 0;
		}
		#mainNav ul li a {
			font-size: 14px;
			padding: 0 7px;
		}
		#woningen .woning > a > .woningImg{
			height: 250px;
		}
		body {
			
		}


		.iframeRow iframe {
			height: 1130px !important;
		}
		.navbar-collapse {
			max-height: inherit;
			position: absolute;
			z-index: 99;
			width: 100%;
			padding: 0px;
			box-shadow: 0px 5px 15px -5px #000;
		}
		.header .navbar #mainNav	{
			position: absolute;
			bottom: inherit;
			z-index: 10;
			width: 100%;
			box-shadow: 0px 5px 10px -5px #000;
			margin: 0px auto;
			left: inherit;
			right: inherit;
			margin-top: 1px;
			border-top: 1px solid;
		}
		
		.header .bottom-header .navbar {
			margin-left: -15px;
			margin-right: -15px;
			border: 0;
		}
		#mainNav > ul{
			float: none;
			margin: 0 0 0 0;
			width: 100%;
		}
		#mainNav > ul > li{
		  display: block;
		  float: none;
		  position: relative;
		  border-bottom: 1px solid;
		}
		#mainNav > ul > li + li:after{
			display: none;
		}
		#mainNav > ul > li > a{
			margin-bottom: 0;
			text-align: left;
			line-height: 50px;
			padding: 0 15px;
			font-size: 16px;
		}
		

	}

/* Extra small devices (phones, less than 769px) */
	@media (max-width: 769px) {
		#li_9 {border: none !important; margin-top: 15px;}
		#li_9 a{border: 1px solid #fff;}
		.header-link {margin-top: 13px;}
		.page-header {margin-top: auto !important}
		.info-tablecell-detail {width: 30% !important}
		.logo img {width: 180px}
		.header-img {height: 400px;}
		.page-header h1 {font-size: 35px;}
		.page-header p{font-size: 17px;}
		.page-header-content h1 {font-size: 35px;}
		.page-header-content p{font-size: 17px;}
		.img-style {width: 172px}
		.bx-prev{margin-left: -30px}
		.bx-next{margin-right: -30px}
		
		.bx-wrapper img {width: 202px;}
		
		#visual h2{
			letter-spacing: 0px;
		}
		.bookingWrap .newsletterBlock.fixed {
			position:relative;
		} 

		.tab-content .form-group{
			margin-bottom: 20px;
			display: inline-table;
			width: 100%;
			border-bottom: 1px solid;
		}
		.editAttribute {
			font-size: 18px;
			width: 100%;
		}
		.form-group .editValue{
			padding-bottom: 10px;
		}
		.tab-content .form-control {
			width: 100%;
			margin-bottom: 10px;
		}
		.tab-content .editField .btn{
			margin-bottom: 10px;
			width: 100%;
		}
		
		#visual h3{
			font-size: 18px;
		}
		#visual h2{
			font-size: 22px;
		}
		#visualText{
			max-width: 100%;
		}
		.content{
			margin-top: 0px;
		}
		.account{
			text-align: center;
			margin-bottom: 20px;
		}
		.account a{
			padding: 10px;
		}
		.navbar-header{
			text-align: center;
		}
		.navbar-brand{
			float: none;
		}
		.navbar-brand img{
			margin: 30px;
		}
		.navbar-collapse {
			max-height: inherit;
			position: absolute;
			z-index: 99;
			width: 100%;
			padding: 0px;
			box-shadow: 0px 5px 15px -5px #000;
		}
		.header .navbar #mainNav	{
			position: absolute;
			bottom: inherit;
			z-index: 10;
			width: 100%;
			box-shadow: 0px 5px 10px -5px #000;
			margin: 0px auto;
			left: inherit;
			right: inherit;
			margin-top: 1px;
			border-top: 1px solid;
		}
		.header .account {
			position: relative;
			top: inherit;
			right: inherit;
			z-index: 1;
			margin: 15px 0px;
			text-align: center;
			padding-bottom: 0;
		}
		.header .account a{
			margin: 15px;
			font-weight: 600;
		}
		.product {
			margin: 15px 0;
		}
		.productImage { 
			height:170px;
		}
		.tableBlock{
			text-align: center;
		}
		.footer .foot-left{
			text-align: center;
		}

		.isotopeItem { width:98%; }


		.search-form input[type=text].form-control {
			width:100%;
			margin-right:0;
			margin-bottom: 2px;
		}

		.search-form select.form-control {
			width:100%;
			margin-right:0;
			margin-bottom: 2px;
		}

		.search-form input[type=submit].form-control {
			width:49%;
			margin-right:2%;
		}

		.search-form input[type=submit].form-control:last-child {
			margin-right:0;
		}
		.loadedCalendar #datepicker .ui-datepicker .ui-datepicker-group{
			width: 50%;
		}
		
		
		.header .bottom-header{
			padding-bottom: 0;
		}
		.header .bottom-header .navbar{
			margin-left: -15px;
			margin-right: -15px;
			border: 0;
		}
		#mainNav > ul{
			float: none;
			margin: 0 0 0 0;
			width: 100%;
		}
		#mainNav > ul > li{
		  display: block;
		  float: none;
		  position: relative;
		  border-bottom: 1px solid;
		}
		#mainNav > ul > li + li:after{
			display: none;
		}
		#mainNav > ul > li > a{
			margin-bottom: 0;
			text-align: left;
			line-height: 50px;
			padding: 0 15px;
			font-size: 16px;
		}
		#mainNav > ul > li ul{
			display: none;
		}
		#legend .legendLabel{
			display: inline-block;
			opacity: 1;
			filter: alpha(opacity=100);
		}
		#legend span{
			display: block;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		#searchResults{
			width: 200%;
		}

		.iframeRow iframe {
			height: 1340px !important;
		}
		.info-table > .info-tablecell-home {
			width: 20% !important;
		}
		.text-block {margin-top: -180px !important}

	}
	@media (min-width: 768px) and (max-width: 768px) {
		.post-news {margin-top: 0 !important}
		}
	@media (max-width:590px) {
		.info-tablecell-detail {width: 45% !important}
		.logo img {width: 140px}
		/*.headercontent-img {height: 180px;}
		.header-reserveren-img {height: 180px}*/
		.headerproduct-img {height: 400px;}
		.img-style {width: 166px;}
		.iframeRow iframe {
			height: 1670px !important;
		}
		
	}

	@media (max-width: 530px) {
		
		.page-header-content h1 {font-size: 27px;}
		.footer .footer-left{
			margin-bottom: 5px;
		}
		.footer .footer-left,
		.footer .footer-right{
			text-align: center;
		}
		h1	{font-size: 27px;}
		h2	{font-size: 22px;}
		h3	{font-size: 19px;}
		h4	{font-size: 19px;}
		h5	{font-size: 17px;}
		
		.searchblock .removeDate {
			right: -20px;
			top: -20px;
		}
		.logo strong{
			font-size: 34px;
		}

		
		.iframeRow iframe {
			height: 1670px !important;
		}

	}
	@media (max-width: 490px) {
		.productImage { 
			height:250px;
		}
		.loadedCalendar #datepicker .ui-datepicker .ui-datepicker-group{
			width: 100%;
		}
	}

	@media (max-width: 400px) {
		.productImage { 
			height:150px;
		}
		.header .top-header .callus a {
			white-space: nowrap;
		}

		.iframeRow iframe {
			height: 2820px !important;
		}

	}