@media (max-width:767px),(max-device-width:767px) and (orientation:portrait),(max-device-width:499px) and (orientation:landscape)
{	 
	/*Mobile landscape*/
	#devicegrade{z-index:30}
	/*#logo a:after{content:"- C"} */
	/*h1:after{content:"- C"} */

	.row.phone-mobile {
		display: block;
		position: absolute;
		right: 10px;
		top: 11px;
		width: auto;
	}

	.row.row_content > div.text.reserveren  {
		padding-top:5px;	
	}
	.row.row_content > div.text.reserveren h1 {
		margin-top:0;	
	}
	
	.center-button[data-id="379"] {
		margin-top: 0;
	}
	
	
	.reserveer-item.times .text-label {
		padding-top: 8px;
		padding-bottom: 8px;
		line-height: 24px;
	}
	
	.row_footer div.review-blok-wrap > .artikel {
		width:50%;
	}
	
	.row_footer div.review-blok-wrap > .artikel.span100{
		width:100%;	
		min-width:100%;
		max-width:100%;
		clear:both;
		padding-top:20px;
	}
	
	.row_footer div.review-blok-wrap > .artikel:nth-child(3n) {
		clear:both;	
	}
	
	.see-also .images .item ,
	.row_footer.total-5 .see-also .images .item {
		width:50%;	
	}

	#chat-activator {
		display:none;	
	}

	.see-also .text {
		width:100%;	
		line-height:24px;
		padding-bottom:20px;
	}
	
	.see-also .images {
		width:100%;	
		padding-left:20px;
	}
	
	.faq {
		padding-top:15px;	
		padding-right:5px;
	}
	#logo > a {
		margin-left:0;	
	}
	
	.row.row_banner > div {
		padding-top:10px;	
	}
	
	.row.row_top > div {
		min-height:130px;	
	}
	
	#logo img {
		max-height:165px;	
	}
	
	.reserveer-item .text-label {
		width:62%;	
	}
	
	.sideb .row-fluid.show-grid:last-child {
		padding-right:0 !important;
		padding-left:10px;	
	}
	
	
	#kalender {
		margin-left:20px;	
	}
	
	.pagina-arrangement .span50 > .padding img {
		width:90px;	
	}
	
	.responsive-calendar .day-headers,
	.responsive-calendar .days
	{
		margin-left:20px !important;
		margin-right:20px !important;	
	}
	
	.pagina-arrangement .span50 > .padding h3 {
		height:90px;	
	}
	
	#tarieven {
		padding-right:3px;	
	}
	
	.winkelwagen-overzicht .item {
		background-repeat:repeat;	
		padding:10px 20px;
		position:relative;
	}
	
	.winkelwagen-overzicht .item .teams, .winkelwagen-overzicht .item .time {
		width:45%;	
		text-align:left;
	}
	
	 .winkelwagen-overzicht .item .time {
		background:none;
		color: #4d4d4d;
	 }
	 
	 .winkelwagen-overzicht .item .name, .winkelwagen-overzicht .item .amount {
		padding-left:0; 
		width:45%;
		padding-bottom:10px;
	 }
	
	.winkelwagen-overzicht .item .price {
		text-align: left;
		font-family: eveleth_regularbold;
		padding-top: 0 !important;
	}
	 
	 .add-another {
			width:60%; 
	 }
	 
	 #reserveren-div > .left > .span40, #reserveren-div > .left > .span60 {
			float:left; 
	 }
	 
	 #payment-page-three .left.first .label {
			width:50%; 
	 }
	 
	 .select-wrap {
			width:49%; 
	 }
	  .select-wrap > select {
			width:100% !important;  
	  }
	  
	  #payment-page-three .total_price {
			padding-top:20px;  
	  }

	 
	 #reserveren-div {
			padding-left:0;
			padding-right:0; 
	 }
	
	.row.row_content > div.tarieven {
		padding:5px;	
	}
	
	.winkelwagen-overzicht .item .delete {
		position:absolute;
		right:0;
		top:10px;	
		font-size:24px;
	}
	
	.winkelwagen-overzicht .item .price {
		width:100%;	
		padding-top:10px;
		padding-bottom:10px;
	}
	
	
	.winkelwagen .txt a:first-child {
		display:none;
	}
	
	.winkelwagen .txt {
		padding-top:10px;
	}
	.winkelwagen .txt > a {
		padding:0 5px 0 0 ;
	}
	
	.row_top .call.mobile {
		padding-bottom:0;	
	}
	
	.row.row_footer > div, .row.row_content > div.text, border-bottom {
		padding-left:7px;
		padding-right:7px;
		padding-bottom:5px;
			
	}
	
	.row_footer > div {
		margin-top:40px;	
	}
	
	.row_footer > div > .row-fluid.show-grid:first-child {
		margin-bottom:10px;	
	}
	.pagina-arrangement .span50 {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		float:left;
	}
		
	#reserveren-div  .span30 >  .blok-geel, 
	#reserveren-div  .span30 >  .blok-bruin {
		float:left;
	}
	#reserveren-div .span30  {
		width:100%;
		max-width:100%;
		min-width:100%;	
	}
	
	#reserveren-div .span30 > .clear {
		clear:none !important;	
	}
	
	.blok-geel .padding,
	.blok-bruin .padding {
		background-size:none;
	}
	
	.padding-right-40 {
		padding-right:0;	
	}
	
	#reserveren-div .row-fluid.show-grid:nth-child(odd){
		padding-right: 10px;	
	}
	
	.blok-geel:before , .blok-bruin:before{
		min-height:21px;	
	}
	.blok-geel:after,.blok-bruin:after {
		
		min-height:85px;
	}
	.blok-geel .padding , .blok-bruin .padding{
		background-size:cover;	
	}
	
	#reserveren-div .span30 .row-fluid.show-grid {
		float:left;
		width:50%;
		max-width:50%;
		min-width:50%;	
	}
	
	.pagina-arrangement h1 {
		margin-top:0;
		padding-top:10px;
	}
	
	.row.row_content > div > .row-fluid.show-grid > .artikel.first-child {
		margin-top:0;	
	}
	
	.row > div.rooms {
		padding: 2px 5px !important;
	}
	
	#tarieven .prices-wrap .item:first-child {
		padding-left:10px;	
	}
	
	.row_footer > div .row-fluid.show-grid  .artikel.first-child:not(.grijze-blok){
		width:30% !important;
		max-width:30% !important;
		min-width:30% !important;
	}
	
	.row_footer > div .row-fluid.show-grid  .artikel.span33:not(.grijze-blok){
		width:70% !important;
		max-width:70% !important;
		min-width:70% !important;
	}
	
	.row_footer > div .row-fluid.show-grid  .artikel.last-child:not(.grijze-blok){
		width:100% !important;
		max-width:100% !important;
		min-width:100% !important;
		clear:both;
		padding-right:25px;
		
	}
	
	#rooms-wrap .span50.room .padding .text {
	text-align:center;
	}
	#rooms-wrap .span50.room .padding .text .title{
		white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
		margin:0 auto;
		width:75%;	
	}
	
	#rooms-wrap .span50.room .padding .text .room-number {
		padding-top:9px;	
	}
	
	.row_footer > div .row-fluid.show-grid  .artikel.last-child:not(.grijze-blok) ul {
		margin-top:0;	
	}
	
	#rooms-wrap {
		padding-left:10px;
		padding-right:10px;	
	}
	
	#rooms-wrap .room:first-child div.padding {
		margin-left:0;
		margin-right:5px;
	}
	
	.grijze-blok {
		float:left !important;	
		display:none;
	}
	
	.grijze-blok:first-child  {
		padding-left:20px !important;	
		display:block;
		width:100% !important;
		min-width:100% !important;
		max-width:100% !important;
	}
	
	.grijze-blok:first-child .padding {
		padding-left:0 !important;
	}
	
	#rooms-wrap .room:last-child div.padding {
		margin-left:5px;	
	}
	
	body {
		background:none;
		background-color:#000;
		/* background-image:url(/site/images/mobile-body.jpg);
		background-repeat:repeat; */
	}
	
	#logo {
	/*	left:34%;	*/
	}
	.collapse {
		display:block;
		margin-top:5px;
		padding-left:10px;
		width:150px;
	}
	
	.row_top .call {
		display:none;	
	}
	
	.row_top .call.mobile {
		display:block;	
		padding-left:0;
		padding-right:0;
	}
	
	.row.row_top > div, .row.row_content > div {
		width:100%;
	}
	
	.row_top .call { 
		margin-top:0;
		margin-right:0;
	}
	
	#sidebar_menu {
		display:block;
		margin-left:-200px;
	}
	.row_banner .padding {
		margin: 0px;
	}
	.row_banner div{
		padding: 0px;	
	}
	
	.sa_menu_kop.menu_horizontaal {
		display: none;	
	}
	
	#rooms-wrap .span50.room {
		width:50%;
		max-width:50%;
		min-width:50%;
		float:left;	
	}
	
	
	.row_footer .artikel {
		padding-left: 25px;	
	}
	
	/*
	* First row of the subs for the menu
	*/
	#sidebar_menu li > ul {
		display:block;
	}

	#sidebar_menu li > ul > li a:before {
		content: " ";
		width:0;
		height:0;
		top:21px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #FFF;
		position:absolute;
		left:40px;
	}

	#sidebar_menu li > ul > li {
		height:auto;
		position:relative;
	}
	
	#sidebar_menu li > ul > li a {
		padding-left:50px;
	}
	/*
	* end of first row of the subs for the menu
	*/
	
	.row.row_content label input,
	.row.row_content label select,
	.row.row_content label textarea {
		min-width:100%;
	}
	
	.row_footer div.span100,
	.row_footer div.span90,
	.row_footer div.span80,
	.row_footer div.span75,
	.row_footer div.span70,
	.row_footer div.span65,
	.row_footer div.span60,
	.row_footer div.span50,
	.row_footer div.span40,
	.row_footer div.span35,
	.row_footer div.span33,
	.row_footer div.span30,
	.row_footer div.span25,
	.row_footer div.span20,
	.row_footer div.span15,
	.row_footer div.span10{
		min-width:50%;
		max-width:50%;
		width:50%;
	}
	
	div.span100,
	div.span90,
	div.span80,
	div.span75,
	div.span70,
	div.span65,
	div.span60,
	div.span50,
	div.span40
	{
		min-width:100%;
		max-width:100%;
		width:100%;
		float:none;
	}
	div.span35,
	div.span33,
	div.span30,
	div.span25,
	div.span20,
	div.span15,
	div.span10
	{
		min-width:50%;
		max-width:50%;
		width:50%;
	
	}
	
	iframe[src^="https://maps.google.nl/"] 
	{
		max-width:50%;
		width:50%;
		margin-left:0;
	}
	
	iframe[src^="https://maps.google.nl/"] :after {
		content:"";
		display: block;
		clear:both;	
	}
	
	.row.row_content .first-child div.padding {
		margin-left:5px;
	}
	
	.row.row_content div.padding {
		margin-right:0;
	}
	
	.row.row_content div.first-child div.padding {
		margin-left:0;	
	}
	
	.row > div.main {
		padding-left:0;
		padding-right:0;	
	}
	
	.bg-effect {
		display:none;	
	}
	
	
	#logo {
		
		/*left:0;*/
		z-index:1;
		margin:0 !important;
		top:-33px;
	}
	
	.top-right {
		z-index:20;	
		position:relative;
	}
	
	.call.mobile {
		position:relative;
		z-index:20;	
	}
	
	.languages {
		float: left;
		width: 100%;
		padding-right: 5px;
    	padding-top: 7px;	
	}

	.languages .flag {
		float: right;
		margin-left: 10px;
	}
	
	.minus-top-10 {
		text-align:center;	
	}
	
	.row_content .padding {
		padding-top:10px;	
	}
	
	.master {
		padding-top:0;	
	}
	
	#customHeaderImage {
		width:100% !important;	
	}
	
	.w580.h0 {
		width:auto !important;
	}
	
	table#background-table table:first-child {
		width:93% !important;	
		table-layout: fixed;
	}
	
	table#background-table table:first-child table {
		width:100% !important;	
		table-layout: fixed;
	}
	
	#reserveren-div .padding .padding {
		padding-left:0;
		padding-right:0;
	}
	
	table#footer {
	display:	none;	
	}
	
	.ideal-message {
		margin-top:20px;	
	}
	
	.see-also .images {
		padding-right: 20px;
	}
	
	.see-also .images .item, 
	.row_footer.total-5 .see-also .images .item {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	
	.see-also .images .item.item-2, 
	.row_footer.total-5 .see-also .images .item.item-2,
	.see-also .images .item.item-4, 
	.row_footer.total-5 .see-also .images .item.item-4{
		clear: both;
		
	}
	
	.reservation-room > .image .all-reserved > span {
		margin-top: -23px;
	}
	
	h1 {
		clear: both;
	}

	.row.header-text > .group > .row-fluid > .span100 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.artikel.center-blok h1 {
		font-size: 34px;
	}

	.artikel.center-blok h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.artikel.center-blok ul > li {
		font-size: 18px;
	}

	.artikel.center-blok ul > li:before {
		font-size: 20px;
	}

	.button.reserveer {
		font-size: 20px;
	}
	
	
	.reserveer-item .fake-select {
		font-size: 15px;
	}
	
	.reserveer-item .fake-select .options > div.option {
		padding-left:25px;	
	}
	
	.tijden {
		padding-left: 15px;
	}

	#tarieven .prices-wrap .room {
		width: 100%;
		min-width: 100%;
    	max-width: 100%;
	}

	#tarieven .prices-wrap .item {
		width: calc( 100% - 30px );
		
	}

	.flex-direction-nav a {
		margin: -20px 0px !important;
	}

	.flex-direction-nav .flex-prev {
		left: 0px !important;
	}

	.flex-direction-nav .flex-next {
		right: 0px !important;
	}

	.article.item-popup {
		overflow: auto;
		padding-left: 5px;
    	padding-right: 5px;
	}

	.article.item-popup > .margin > .padding {
		padding: 20px !important;
	}
}