/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#header .midheader img { display:none; }

	#photo
	{
		z-index:3;
	}

	#photo,
	#photo > .carousel
	{ 
		position:absolute;
		width:310px;
		height:417px;
	}

	#photo
	{
		top:470px !important;
		left:0;
		z-index:1;
	}

	#footer-phone { display:none !important; }

    
    #GeoLocationBanner .container>.row,
	#header .container>.row, 
	#content .container>.row, 
	#content-center .container>.row, 
	#content-bottom .container>.row, 
	#footer .container>.row, 
	#content>.container>div>.row
	{
		padding:0;
	}

	#content .container
	{
		margin-top:90px;
	}

	body.home .main-search-box
	{
		margin-bottom:425px;
	}


	#photo a#btn-up,
	#photo .next-box .up,
	#photo a#btn-down, 
	#photo .prev-box .down
	{
		width:40px !important;
		height:40px !important;
		top:auto;
		bottom:10px !important;

		&::after
		{
			width:100%;
			height:100%;
		}
	}

	#photo a#btn-up, 
	#photo .next-box .up
	{
		right:10px;
	}

	#photo a#btn-down, 
	#photo .prev-box .down
	{
		left:10px;
	}

	#photo a#btn-up::after,
	#photo a#btn-down::after
	{
		
	}


	#site.mobile #content, #site.tablet #content
	{
		margin-top:0;
	}
	#site.tablet #content{ margin-top:105px; }

	.box-matrix .prices .prefdate .pref .filters .legenda
	{
		width:100%;
		margin:50px 0;
	}
	
	.animated-airplane,
	.animation-container
	{
		.airplane
		{
			.animation( airplane-smaller-mobile 5s infinite linear );
		}

		.island
		{
			
		}

		.object.bottom
		{
			padding:5px 10px;
			color:#fff !important;
			background:rgba(41,153,0,0.6);
			font-family:tga_bold;
			.border-radius(@vakantieaanbiedingen-border-radius-small);
		}
	}


	a.delete
	{
		width:20px;
		height:20px;
		line-height: 15px;
		font-size: 16px;

		&::before
		{
			line-height:15px !important;
		}
	}


	.packageTextOrigin
	{
		background:#fff;
	}

	#ctl00_ContentPlaceContentBlock3_updPriceInfo .btn-groen.medium, #ctl00_ContentPlaceContentBlock3_updPriceInfo .btn-groen.small
	{
		height:25px !important;
	}

	.tab-buttons>li a:hover {
		background-color:@vakantieaanbiedingen-color-yellow;
	}

}

@media(max-width: 979px), 
	only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (-webkit-min-device-pixel-ratio: 2),	/* ipad pro */
	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2),		/* ipad 1, 2, 3, 4, mini en air */
	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)		/* ipad mini 1 */
{
	#header-fluid .logo img { 
		width:180px; 
		height:auto;
		margin-top:-5px; 
		margin-left:-5px !important;
	}

	

}

@media (min-width: 767px) and (max-width:979px) 
{
	#photo
	{
		position:absolute;
		width:310px;
		height:400px;
		padding-left:320px;
		top:27px;
		left:0;
	}

	#photo .carousel
	{
		position:absolute;
		width:310px;
		height:417px;
	}

	#photo .carousel>div
	{
		height:417px;
	}

	body .carousel:not(.banner-carousel) .slick-track
	{
		top:0;
	}

    
    #GeoLocationBanner .container>.row,
	#header .container>.row, 
	#content .container>.row, 
	#content-center .container>.row, 
	#content-bottom .container>.row, 
	#footer .container>.row, 
	#content>.container>div>.row
	{
		padding:0;
	}

	#homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(5), #homepage-banners:not(.visited-available) .box-spotlight-left:nth-of-type(6)
	{
			margin-left:0;
	}

	#homepage-banners:not(.visited-available) .box-spotlight-left:last-child
	{
		margin-top:0;
	}

	body.home .tablet .main-search-box
	{
		margin-top:72px;
		margin-bottom:0px !important;
	}

	#photo a#btn-up,
	#photo a#btn-down
	{
		bottom:-10px;
	}

	#photo a#btn-up
	{
		right:-10px;
	}
	#photo a#btn-down
	{
		left:5px;
	}


	#header-fluid .logo img
	{
		width: 300px;
		height: auto;
		margin-top: 5px;
	}

	body ul.results li .btn-rood-fluid-wrapper { 
		display:block !important; 
position: absolute;
    right: 0;
    bottom: 55px;
    height: 10px;
    z-index: 9;
	}

	body.detail #content-center .offer .pricelabel
	{
		top:-163px;
	}

	#travelparty-container a.delete
	{
	text-align:center;	
	}

	#receipt .pricelabel, #receipt .pricelabel.huge
	{
		top:-55px;
	}

	.fluid-popup .header .fluid-close, 
	#autocompletePhone .header .fluid-close
	{
		top:6px;
		right:0px;
	}

	body.detail #content-center .title h1
	{
		font-size: 22px;
		line-height: 28px;
		margin-top: 10px;
	}

	body.detail .offer .btn-rood.fluid
	{
		bottom:10px;
	}


	#travelparty-container.search-fluid-popup .select-wrapper-fluid select
	{
		background-position-x: 96% !important;
	}

    /* Hark voor reviews op resultatenpagina in VA op tablet */
    ul.results > li > .accommodation .review span.roset{
        margin-top: -2px;
    }
}

@media (orientation: portrait) and (min-width: 767px) and (max-width:979px) 
{
	.tablet .search-fluid-popup.departuredate {
		margin-top: 294px;
	}

	.tablet .search-fluid-popup.transport {
		margin-top: 408px;
	}

	#footer .box
	{
		min-height:100px;
	}

	.search-fluid-popup
	{
		width:630px !important;
		margin-left:-320px !important;
		z-index:1003 !important;
	}

	body.search #travelparty-container.search-fluid-popup
	{
		left:285px !important;
	}

}

@media (orientation: landscape) and (min-width: 767px) and (max-width:979px) 
{
	body.home .tablet .main-search-box
	{
		margin-top:65px;
		margin-bottom:0px;
	}

	body.home .tablet #photo
	{
		top:18px;
	}

	.search-fluid-popup
	{
		width:600px !important;
	}


}

@media(max-width: 979px), 
	only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (-webkit-min-device-pixel-ratio: 2),	/* ipad pro */
	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2),		/* ipad 1, 2, 3, 4, mini en air */
	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)		/* ipad mini 1 */
{
	@media (orientation: landscape)
	{
		body.home .tablet .main-search-box
		{
			margin-top:50px;
			margin-bottom:0px;
		}

		body #travelparty-container.search-fluid-popup
		{
			left:200px !important;
		}
	}

	#travelparty-container .content .checkbox.full label
	{
		padding-left:30px;
	}

	 #travelparty-container.search-fluid-popup .select-wrapper-fluid select
	 {
		 width:161px !important;
		 background-position-x:96% !important;
	 }

	.fluid-full-popup a.fluid-close
	{
		width:20px;
		height:20px;

		&::after
		{
			line-height:16px !important;
		}
	}
}

@media (max-width: 767px)
{
	#ctl00_ContentPlaceContentBlock3_updPriceInfo .btn-groen.medium,
	#ctl00_ContentPlaceContentBlock3_updPriceInfo .btn-groen.small
	{
		height:20px;
	}

	#ctl00_ContentPlaceContentBlock3_btnSaveForPhone
	{
		float:left !important;
		margin-top:10px;
	}

	#ctl00_ContentPlaceContentBlock3_Receipt_btnSaveForPhone {
		margin-top:10px;
		float:left !important;
	}

	body.detail .price-overview #container1,
	body.detail .price-overview #container2
	{
		padding-bottom:0;
	}

	.formErrorImg
	{
		width:14px;
		margin:10px 0 0 0;
	}

	body.book #receipt .pricelabel, 
	body.book #receipt .pricelabel.huge
	{
		top:-65px;
	}

	#footer .col2:nth-of-type(odd) .box,
	#footer .col4:nth-of-type(odd) .box
	{
		padding-left:0 !important;
	}

}

@media (max-device-width: 767px)
{
    .box-matrix .prices .prefdate .pref .filters fieldset .row select, 
    .box-matrix .prices .prefdate .pref .filters fieldset .row .textBox,
    .box-matrix .prices .prefdate .pref .filters fieldset .row div.dd_chk_select,
    div.dd_chk_select div#caption
	{
			background-position-x:246px !important;
    }

}

@media (max-width: 767px)
{
	.tab-buttons>li::before
	{
		color:#fff;
		top:0px;
		font-size:24px;
		line-height:40px;
	}

	ul.results>li>.title, ul.results>li>div.accommodation.fl
	{
		width:290px;
		padding-left:10px;
		padding-right:10px;
        div.review{
            margin: 45px 0 0 0;
        }
	}

	.tab-buttons>li::before
	{
		top:10px;
	}

    ul.results > li {
        padding: 10px 0 20px;
    }
	.tab-buttons>li a
	{
		border-bottom:none;
	}

	body.detail #content-center .package .offer
	{
		bottom:8px !important;
	}

	input[type=checkbox],
	input[type=radio]
	{
		position:static;
		display:block !important;
	}


	#ddlSortPhone
	{
		width:100%;
	}

	#ctl00_ContentPlaceContentBlock3_Receipt_btnSaveForPhone
	{
		float:right !important;
	}

	#search-results-column .box-header a.tab
	{
		padding-left:15px;
		padding-right:15px;
	}

	#geotree-content img
	{
		width:310px;
		height:auto;
	}

	#geotree-content .photo-container
	{
		height:90px;
	}

	#geotree-content .rightcol .content
	{
		.box-sizing();
		padding:0 10px;
	}

	#geotree-content h1
	{
		margin-left:10px;
	}

    div[id$="pnlMobileReviewInfo"] {
        display: inline;

        & > a{
            display: inline-block;
        }
    }

    iframe[id$="ifrZooverReviews"] {
        display:none;
    }

	#header-fluid
	{
		height:80px;
	}
}