﻿/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    
	.friendBanner { background: white url(../../../img/prijsvrij.nl/Base/elements/tablet/vp201612-banner_medium.png) no-repeat left top; }

.helpdesk .HelpGroup>div
{
	width:100%;
	border:none !important;
	padding:0 !important;

	&:first-child
	{
		margin-bottom:30px;
	}

	.dashed-box
	{
		min-height:unset;
	}
}
	
    /* tg-2107 css fix: on tablet view remove the right gutter after the 4th item and make the 'bigger' item full width so everything aligns sort of nicely */
    #footer .footer-content .row .col12 > div.col2:nth-child(4) { margin-right:0 !important; }
    #footer .footer-content .row .col12 > div.col2:nth-child(5) { margin-right:10px !important; }
    #footer .footer-content .row .col12 > div.col4 { clear:both; }
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	
	.your-trip { background: url(../../../img/prijsvrij.nl/Base/elements/phone/priijssticker_jouw-reis.png) no-repeat left top; }

	#vriendenprijsjes .button-friend { background: url(prijsvrij.nl/Base/elements/phone/vp2015-ikbenalvriendknop_mobiel_dev.png) no-repeat left top; }
	#vriendenprijsjes .button-continue { background: url(../../../img/prijsvrij.nl/Base/elements/phone/vriendenprijsjes-doornaarprijsvrij.png) no-repeat left top; }
	#vriendenprijsjes .btnFacebook { background: url(../../../img/prijsvrij.nl/Base/elements/phone/vp2015-facebooklogin_smartphone_dev.png) no-repeat left top; }
	.friendBanner { background:#fff url(../../../img/prijsvrij.nl/Base/elements/pc/vp201612-banner_small.png) no-repeat left top !important; } 
    
/* VRIENDENPRIJSJES */
	#vriendenprijsjes .box-friend-footer .ballon1::after,
	#vriendenprijsjes .box-friend-footer .ballon2::after {
		content:"";
	}

	#vriendenprijsjes .intro {
		width:290px;
		height:102px;
		margin:0 0 0 -10px;
		background-image: url(../../../img/prijsvrij.nl/Base/elements/phone/vp201707-tekst-intro.png) !important;
	}

	#vriendenprijsjes .circle {
		height:410px !important;
	}

	#vriendenprijsjes .box-friend-footer {
		height:125px;
	}

	#vriendenprijsjes .box-friend-footer .ballon1 {
		background-image: url(../../../img/prijsvrij.nl/Base/elements/phone/vp201612-ballon1.png) !important;
		background-size:87.5px 77px !important;
		width: 87.5px !important;
		height: 77px !important;
		top: auto;
		bottom: 10px;
		left:0px;
	}
	#vriendenprijsjes .box-friend-footer .ballon2 {
		background-image: url(../../../img/prijsvrij.nl/Base/elements/phone/vp201707-ballon2.png) !important;
		background-size:139px 77px !important;
		width: 139px !important;
		height: 77px !important;
		top: auto;
		bottom: 10px;
		right:20px;
	}

	#vriendenprijsjes .box-friend-footer .seat {
		background:url(../../../img/prijsvrij.nl/Base/elements/phone/vp201612-products.png) no-repeat !important;
		background-size:69px 100px !important;
		width:69px;
		height:100px;
		display:block !important;
		position:absolute !important;
		left:72px;
		bottom:-10px;
		z-index:997;
	}

	#vriendenprijsjes .background {
		background-image:url(../../../img/prijsvrij.nl/Base/elements/pc/vp201612-background.jpg) !important;
		.opacity(0.8);
		background-size:cover !important;
	}
	#vriendenprijsjes .background-overlay {
		background-image:url(../../../img/prijsvrij.nl/Base/elements/pc/vp201612-background-overlay.png) !important;
		background-size:cover !important;
	}

	#vriendenprijsjes .box-wordt-vriend .btn-dont-become-friend {
		background-image:url(../../../img/prijsvrij.nl/Base/elements/phone/vp2016-knop-sluit.png) !important;
	}
	#vriendenprijsjes .box-wordt-vriend .btn-become-friend{
		background-image:url(../../../img/prijsvrij.nl/Base/elements/phone/vp2016-knop-aanmelden.png) !important;
	}

	.friendBanner {
		background-image:url(../../../img/prijsvrij.nl/Base/elements/pc/vp201612-banner_small.png) !important;
	}
/* VRIENDENPRIJSJES */





.helpdesk .HelpGroup>div
{
	width:100%;
	border:none !important;
	padding:0 !important;

	&:first-child
	{
		margin-bottom:30px;
	}

	.dashed-box
	{
		min-height:unset;
	}
}

.col9.sitemap .box-text,
.help .faq-container,
.box-text 
{
	padding:20px;
}


	body .btn-rood.fluid {
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		height: 36px;
	}

    body .box-text .btn-rood.fluid
	{
		max-width:268px;
	}


	.filter-box ul.travelparty li .ico_travelers
	{
		padding:0 !important;
	}

	.phone-filterbox .btn-rood.fluid {
		width: 100%;
		box-sizing: border-box;
		height: 36px;
		background: #0077BF;
		box-shadow: 0px 4px 0px #005f99;
	}


	body.search #search-results-column .overview{
	padding-left:0;
}

}