@charset "utf-8";
/* ------------------------------------- */
/* Mobile Styles screen below 700px */
/* ------------------------------------- */

@media only screen and ( max-width: 700px ) {
		html {
			height : 100%;
			overflow-x:hidden;
			position: relative;
		}
		 .marketingBoxes .l-third {width:100%;}

		 .tickboxitem {
			 width:100%;
		 }
		 #moreButtonDiv .redMoreButton {display:block; width:90%; margin:2% auto; padding:5% 2%;}
		 #exchangeRatesBoard {min-height:350px;}
		 #exchangeRatesBoard {
			max-height: 450px;
		}
		 /*#exchangeRatesBoard li {min-height:110px;}*/

		 img.inputflag {
			margin-top: -40px;
		 }
		.coldatesection {
			flex-direction:column;
		}

		

		.collectionDateList{
			margin-top:20px;
			margin-bottom:20px;
			margin-left:20px;
		}
		 
		 .container.bulletpoints .listitem {
			padding:2% 0;
		}


		.nectar-select {
			flex-direction:column;
			justify-content: flex-start;
			align-items:flex-start;
		}

		.nectar-select p {width:100%; margin:20px 0; text-align: center;}

		.row2 {
			justify-content: space-around;
    		width: 100%;
		}
		
		.coldate-input {
			width:98%;
		}

		.coldatefield {
			width:100%;
			display:flex;
			flex-direction: column;
		}

		.container.bulletpoints{align-items: flex-start!important; }
		.container.bulletpoints .listitem {padding-left:30px;}

		.swiper-wrapper .chevron_separator {display:none;}
		
		 .mod_3_arrows_flow .flex_panel_container {
			 justify-content: left;
		 }
		
		 .mod_3_arrows_flow .double {
			flex-grow:1;
			max-width:500px;
			width:500px;
		}
		/*.mod_3_arrows_flow .chevron_separator {
			transform: rotate(90deg);
		}*/
		.flex_text_image_container {flex-direction:column;}
		.flex_text_image_item {flex-grow:1;width:90%; text-align:center;}
		.currency_fields_container.reverseOrder {
			flex-direction: column-reverse!important;
		}

		.flex_panel_container {align-items: stretch;}
		.flex_text_image_item.image_item img {display: none;}
		.flex_panel_container .swiper-slide {
			border:1px solid #eee; 
			padding:10% 5%; 
			box-shadow: 5px 5px 20px #ccc;
			min-height:150px;
		}
		.chevron_separator img {max-width:none;}
		/*.productslist_container {flex-direction:column;}*/
		.hero-left h2 {margin-bottom:0;}
		.hero-left h1 {text-align: center; margin-top:30px;}
		.red_bg_panel {padding:20px 0;}
}

@media only screen and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 3) {
	.currency_convertor input[type="radio"], .nectar-select-funnel input[type="radio"] {
		zoom:1;
	}
		}

@media only screen and ( max-width: 650px ) {
	
	/* SurveyLink Section */
	.linkcontainer .win {width:45%}
	.linkcontainer .text {width:50%}
	.linkcontainer .arrow {width:15%;}
	.linkcontainer .arrow img {margin:auto;}
	}

/* ------------------------------------- */
/* Mobile Styles screen below 600px */
/* ------------------------------------- */

@media only screen and ( max-width: 600px ) {

	/* BuyBack Summary Section */
	.buyback-summary {
		flex-direction: column;
	}

	.buyback-inner {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
        margin-toP: 20px;
	}

	.buyback-description {
		width:100%;
	}

	.buyback-amount {
		font-size: 20px;
	}

	.buyback-summary a.remove-bb-button {
		background-color: #fff;
        font-size: 14px;
        width: 120px;
        border-width: 2px;
        display: block;
        margin-right: 10px;
        text-align: center;
        height: 25px;
        padding: 6% 3%;
	}

	.remove-buyback-link {
		position:relative;
		margin:15px auto;
	}
	.remove-buyback-link a {
		font-size: 16px;
	}

	/* ======= CUSTOM CONTACT FORM ======= */
	
	#contactFormDialog {
		position:fixed;
		max-height: 100%;
	}



	body.modal-open #contactFormDialog {
		overflow: scroll;
	}

	.homeProductBoxes .redButton {background-image: url("../../../images/btn-arrow.png"); font-size:0.6em;}
	
	#customConctactForm{
		min-width:86%;
		max-height:100%;
		overflow:auto;
		margin-left: 6%;
		margin-right:6%;
		left:auto;
		top:3vh;
		margin-top: auto; /* Negative half of height. */
	}
	#customConctactForm_heading {
		font-size:18px;
	}
	#contactFormDialog #contactUsButton {
		float: none; 
		width: 80%;
		height: 30px;
		padding-top: 20px;
	}
	#mailListButton.mailListButton {
		float: none!important;
		width: 88%;
	}

	#recaptcha-contactus {
		padding-top: 0px;
	}
	/* ======= CUSTOM CONTACT FORM ENDS ======= */
	#orderForm fieldset {
		width:98%;
	}
	#orderForm fieldset input {width:91%;}
	#orderForm fieldset select {width:99.5%;}
	.totalBox, .totalDiv{
		position:relative;
		text-align:center;
		font-size:24px;
		color:#000;
		font-weight:bold;
		margin-bottom:3%;
	}
	.totalBox .l-alignright, .totalDiv .l-alignright {float:none;}
	#postageFeeDiv {text-align:center;}
	.homeDelivery h2::before, .clickcollect h2::before, .clicksell h2::before{
		float:left;
		display:block;
		transform:scale(0.6);
		margin: -30px 60px 0 0 ;
		width:60px;
	}
	h2 {text-align: center;}
	#main-content h2.bannerText {
    text-align: left;
	margin:0 auto;
	padding-top:20px;
	}
	h1.fakeheader {text-align:center;}
	h1.bannerText {font-size:0.8em;}
	.wideTopBanner h1.bannerText {font-size:0.6em; padding-top:5%;}
	.wideTopBanner {height:auto;}
	#bureauList li {
    	width:100%;
		min-height: 0;
	}
	.opportunity h2 {font-size:1.3em;}
	.l-seventy, .l-thirty  {width:100%;}
	.cardcontainer {text-align: center;}
	.PCTIntroBox img.cardimage {width:80%; max-width: none;}
	.blueContactForm {margin-bottom:20px;}
	#addCurrencyDiv a {width:92%; margin:2%; padding:4% 2%!important;}
	.PCTIntroBox .bluebutton,.PCTIntroBox input.wpcf7-submit {width:86%; display:block;margin:2%; }
	.homeBottomBoxes + a.redButton {width:80%;}

	img.exchangearrows {display:none;}

	.blueSelectBox input {width:94%; padding:2%!important;}
	.blueSelectBox #targetCurrency {width:100%; margin:10px auto;}
	.blueSelectBox #amount {width: 93.5%}
	.blueSelectBox #targetAmount {width: 93.5%;}
	.serviceselector {width:100%; margin:0; padding:0; max-width:none!important;}
	.serviceselector select {width:98%; margin:10px auto;}
	.blueSelectBox select {max-width:none!important; background-position: 95% 50%;}
	.PCTIntroBox .pcttext, .PCTIntroBox .bluetitle {width:96%; margin:2% 4%;}
	.blackTitle {line-height:1.2;}
	.quickratesBox {display:inline-block;padding:2%; text-align: center; width:100%;}
	.quickratesBox #fxRate {width:10%; text-align: center;}
	.rateslabel {position:relative; display:inline-block; top:0; }
	.blueSelectBox #targetCurrency {max-width:800px!important;}
	.quickratesBox .rateslabel {margin-left:0!important;}
	.countrySelectDiv .container {width:100%;}
	.loginsection {float:left;}
	.topTrustpilotbox .trustpilot-widget {float:none;}
	.topTrustpilotbox .trustpilot-widget {text-align:center;}
	.trustpilotcarousel {padding-bottom:70px;}
	.trustpilotcarousel h2, .best_rate h2, .newsletter_panel h2 {text-align: center;}
	.marketingContainer {padding:5% 10%;}
	.blueContainer li {font-size:18px;}
	select#targetCurrency {max-width:100%; width:99%;}

	 .marketingBoxes .l-third {width:100%;}
	 .topTrustpilotbox .pull-left {text-align:center;    width: 100%;}

	 .ctcc-left-side {width:70%!important;
		line-height:1.2;
		font-weight:0.8em;
	}
	 .ctcc-right-side {width:20%!important}
	 .cookie-bar-bar {margin:0!important;}
	 /* Smart Wizard Reset */
/*
	 .swMain ul.anchor li a .stepNumber,
	 .swMain ul.anchor li a .tabNumber,
	 .swMain ul.anchor li .tabNumber,
	 .swMain ul.anchor li a.selected .stepNumber,
	 .swMain ul.anchor li a.done .stepNumber,
	 ul.fakeTabs li a .stepNumber,
	 ul.fakeTabs li a.done .stepNumber {
		 height:33px;
		 width:40px;
		 padding-top:7px;
		 font-size:30px;
		 float:none;
	 }

	 .swMain ul.anchor li a {padding:0;}
	 .swMain ul.anchor li a.selected .stepNumber {
		float:none;
		margin-left: auto;
		margin-right: auto;
	}

	.swMain ul.anchor li,
	ul.fakeTabs li,
	ul.fakeTabs li {
		background-position: 100% 25%;
    	background-repeat: no-repeat;
    	background-size: 12px;
	}

	.swMain ul.anchor li .stepNumber,
	.swMain ul.anchor li .tabNumber {
		margin-left: auto;
		margin-right: auto;
	}

	 .swMain ul.anchor li .stepDesc,
	 .swMain ul.anchor li a.selected .stepDesc,
	 .swMain ul.anchor li a .stepDesc,
	 ul.fakeTabs li a .stepDesc,
	 ul.fakeTabs li a.done .stepDesc  {
		 padding:0;
		 padding-top:5px;
		 text-align: center;
		 float:none;
		 font-size:12px;
		 line-height:1.2;
		 width:100%;
	 }

	 .swMain ul.anchor li, ul.fakeTabs li {
		 width:30%;
	 }
*/
	 .infomessage {
		margin: 10px 0;
		/*padding: 4% 25%;*/
		line-height: 0;
		font-size:16px;
		color:var(--text-color);
		
	 }
	 #wizard h3, .resultsPaymentsBox h3 {
		 margin-top:40px;
	}
	 input[type="text"],  input[type="number"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select {
		 padding:4%;
		 width:90%;
	}
	 #orderForm select {
		 background-size:12px;
	}
	 .ratesbox {
		 width:93%;
		 padding:4%;
	}

	 .droppedlabel {
		 position:relative;
	}
	.droppedlabel legend, .addcurrencybox legend {
		display:none;
	}
	 .droppedlabel input:empty + .fakeplaceholder {
		 position:absolute;
		 top:0;
		 background:#fff;
		 padding:2%;
		 color:#ccc;
		 margin:0.5%;
		 margin-top:1%;
		 z-index:1;
		 display:block;
	}
	.droppedlabel input:empty +  .top5 {top: 5px;}
	.droppedlabel input:focus + .fakeplaceholder,
	.droppedlabel input:active + .fakeplaceholder,
	.droppedlabel input:not(:placeholder-shown) + .fakeplaceholder {
		 z-index:-1;
	}

	.mobileRate {
		float:left;
	}
	.ratesBox {
		width:92%;
		padding:4% 3%;
	}
	#addCurrencyDiv {text-align:left;}
	#addCurrencyDiv .addCurrencyButton {margin-top:10px;}
	#orderForm fieldset input.addCurrencyButton {
		width:99%;
		padding:4% 3%;
		font-size:20px;
		border-radius:0;
	}
	#orderForm .list_description {
		padding:3% 5%;
		margin-bottom:3%;
	}
	#orderForm .list_description li {
		line-height:1.4;
	}
	.storeselection .chosen-container {
		width:92%!important;
		max-width:90vw!important;
	}
	.storeselection .chosen-container-single .chosen-single {
		padding:4%;
	}
	.storeselection .chosen-container.chosen-with-drop .chosen-drop {
		left:1%;
	}
	.storeselection .chosen-container .chosen-drop {
		width:104%;
	}
	.storeselection .cantFindStore {
		margin-top:20px;
	}
	.cantFindStore {
		margin-bottom:20px;
	}
	.cantFindStore a {display:block;}
	.storeselection .bureauInfoNote {
		width:93%;
	}
	.storeselection p.bureauinfoBox {
		padding:4%;
		padding-top:15%;
		line-height:1.2;
	}
	p.bureauinfoBox {
		background-position: center 10px;
	}
	.swMain .buttonNext {
		width:92%;
		padding:4%;
		font-size:20px;
	}
	.storeselection .greyInfoBox {
		padding:4%;
	}
	.summaryline {
		position:relative;
	}
	#currenciesSummary .summarycurr {
		font-size:20px;
		width:50%;
		margin-top:2%;
	}
	.summaryline .summaryrate {
		display:block;
		border-bottom:1px solid #ccc;
		margin-bottom:4%;
		padding-bottom:2%;
		width:100%;
		margin-top:-1%;
		clear: both;
    	text-align: left;
	}
	#basketCurrencyItems img.flagimg, #currenciesSummary img.flagimg {
		float: right;
		position:absolute;
		top:8%;
		right:1%;
		width:60px;
		max-width:none;
	}
	.summaryline .remove-button {
		padding:3%;
		background-color: #fff;
		font-size:14px;
		border-width:2px;
		width:130px;
		height:45px;
		line-height:1;
		border-radius:0;
	}
	.summaryline .baseprice {
		font-size:20px;
		width:50%;
		padding-top: 3%;
		display: inline-block;
		text-align: left;
	}
	#wizard  .addCurrencytitleDiv h3 {margin-top:4%; }
	.addCurrencyButtonDiv {
		display:block;
		width:48%;
		text-align: right;
		float:right;
	}
	.addCurrencyButtonDiv a {
		float:right;
		padding:4%;
		border-radius:4px;
		max-width:100px;
	}
	#orderForm {
		clear:both;
	}
	.intl-tel-input.inside input[type="text"], .intl-tel-input.inside input[type="tel"] {
		max-width:none;
	}
	.intl-tel-input {
		width:30%;
	}
	#step-2 .personalDetailsSection input#mobilePrefix {
		width:90%;
		padding-top:13%;
		padding-bottom:13%;
	}
	#smsAlertAdditionalText {
		width:80%;
	}
	#homeAddress .redButton {
		padding:4%!important;
		margin-top:20px;
		width:98%;
	}
	#homeAddress input[type="text"] {
		width:90%;
	}
	#homeAddress #searchPostcodeBillingField {
		width:90%;
	}
	input#smsAlert, input#dataconsentId, input#mailingListCheck, input#hiddenTandCCheck {
		-webkit-appearance: none;
		appearance:none;
		background-color: #fff;
		border: 1px solid #ccc;
		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		padding:3%;
		transform: inherit;
	}
	input#smsAlert:checked, input#dataconsentId:checked, input#mailingListCheck:checked {
		background-color:#f06c00;
		background-image: url('../../../images/check_white.png');
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}
	#selectBillingAddressFieldset, #selectDeliveryAddressFieldset {
		max-width:none;
	}
	#selectDeliveryAddress, #selectBillingAddress {
		width:98%;
		margin-bottom:15px;
	}
	#step-2 #selectBillingAddressFieldset label.fullwidthLabel {
		width:100%;
		margin-top:20px;
	}
	.actionBar .buttonPrevious, .actionBar .buttonNext, .actionBar .buttonFinish {
		padding:4%;
		width:90%;
		display:block;
		clear:both;
		margin:0;
		font-size:20px;
		margin-bottom:4%;
		float:none;
	}
	select#bureau {width:100%}
	#wizard h3 .subnote {
		font-size: 10px;
		display: block;
	}
	input#targetAmount, input#amount {width:90%; margin-bottom:1%;}
	.affiliateRef {display:none;}
	.tandcLinkText {
		padding-left:0;
	}
	#mobileDiv {width:100%;}
	.tittleDropdown {width:98%;}
	#orderSuccessDiv .greyboxLabel {width:50%;}
	.greyboxText {text-align:right;}
	.sumCustEmail {margin-left:0px;}
	input#homeDeliveryDate, input#DOB {width:75%; margin-bottom:0; margin-right:5px;}

	#homeAddress #searchPostcodeBillingField, #customerAddressesContainer input#searchPostcodeBillingField {width:90%;}

	#cardTypeDropDown {width:98%;}
	#homeAddress .redButton, #billingAddressBox .redButton {
		padding: 18px 2%!important;
		width: 98%;
		margin-top: 2%;
	}

	#customerAddressesContainer input[type="text"] {width:90%;}

	.paymentDetailsBox div.carddate {
		width: 98%;
		text-align: left;
	}
	img.infolink {
		margin-right: 30px;
	}
	.tickboxitem {
		width:100%;
	}
	.tickboxitem label {
		width:80%!important;
	}
	#marketingTermsAndCbottom p {
		margin-top: -30px;
	}
	
	input#dataconsentId:checked {
		vertical-align: top;
	}
	.authiPayLogoSection{
		position:relative;
		top:0;
		right:0;
		text-align: center;
	}

	#expmonth, #expyear {width:47%;}
	#step-2 label.inlinelabel.cvvlabel {
		display:none;
	}
	.carddate abbr {
		display:none;
	}
	.cvvfield {
		width:90%;
	}
	#termsnoticeCheckboxId {
		width: 30px;
		height: 30px;
		vertical-align: top;
	}
	#expmonth, #expyear {width:47%;}
	#basketCurrencies-Step3 .summaryline .baseprice, #basketCurrencies-Step2 .summaryline .baseprice {float:left;}
	.sumOpeningHoursBox {width:100%;}
	#sumCustomerAddress, #sumCustomerAddressDel {width:50%;}
	#sumCustomerEmail2 {width:50%; float:right; word-break: break-all;}
	#sumCustomerMobile, #sumCustomerName, #sumTotalGBPAmountOrderSummary2, #sumDelivDate, #sumCardName, #sumCardDetails  {float:right; }
	#sumCustomerMobile, #sumCustomerName, #sumCustomerAddress, #sumDelivDate, #sumCardName, #sumCardDetails,#sumCustomerEmail2 {text-align: right;}
	/*.greyboxContentLine #sumCustomerName, .greyboxContentLine #sumCustomerMobile {float:none;}*/
	.openingHoursLabel {display:block; clear:both;}
	.sumOpeningHoursBox .day {width:200px;}
	#singleBureauMap {margin-top:20px;}
	#orderSuccessDiv H3 {margin-top:20px;}
	#orderSuccessDiv H3.redtitle {margin-top:10px;}
	.totalBox {margin-bottom:40px;}
	#hdBillAddressHeader {margin-top:0;}

	input#smsAlert:checked, input#dataconsentId:checked, input#termsnoticeCheckboxId:checked {	vertical-align: top;}
	.greyboxContent .l-half p {clear:both;}
	#sumCustomerName {max-width:50%;}
	.openingtimes {text-align:right;}


	/* New Newsletter box Footer */
	.mailinglistCol{
		width:100%;
		display:block;
		float:none;
		clear: both;
	}
	#mailListButton {
		width:90%;
		margin:0;
		padding:5%;
	}
	.mailinglistCol input {
		padding: 4% 4%!important;
		width: 90%;
		/*margin-left: 5px;*/
	}
	#mailinglistForm label {margin-left:0;}
	a.addplusButton {margin-top: 0px;}
	.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {width:90%;}
	#orderForm select#targetCurrency {min-width:98.5%;}
	.blueSelectBox fieldset { width:94%; }
	.blueSelectBox .quickratesBox {text-align: center;}
	.blueSelectBox #serviceSelector {width:100%; margin-top:10px;}
	.blueSelectBox #targetAmount, .blueSelectBox #amount {float:left; width:95.5%;}
	.blueSelectBox h2 {margin-left: 0;}

	/* Longform Homepage Layout */
	.half_panel_image {display:none;}
	.slider-nav {display:block; padding:2%; text-align: center; min-height:50px; padding-top:20px;}
	.slider-nav a {background-color:#ccc; padding:10px; height:15px; width:15px; margin:0 5px; border-radius:50%; display:inline-block;}
	.slider-nav a.active {background-color:#f06c00;}

	.NewProductsBox .slider {height: 450px;}
	.buy_travel_money .slider {height:260px; padding-bottom:20px;}
	.buy_travel_money .slide {border:2px solid #fff; background-image:none; margin:0 0.5%; box-shadow: 5px 5px 20px #ccc;}
	.buy_travel_money .swiper-container {margin:0;}

	.productslist_item {padding:0%; width:100%;}
	.compareTheMarketButtons .arrowRedButton {width:80%;}
	#compareTheMarket .container {width:90%;}
	.arrowRedButton {display:block; margin:auto;}
	.find_currency .arrowRedButton {width:80%; margin-top:30px;margin-bottom:30px;}
	.mod_3_arrows_flow .arrowRedButton {width:70%;}
	.flex_text_image_container .arrowRedButton {width:88%; }
	.find_store .arrowRedButton {width:80%;}
	.buy_travel_money .arrowRedButton {width:90%;}
	.red_bg_panel .l-twothird, .red_bg_panel .l-third {width:100%; float:none; min-height:100px;}
	.red_bg_panel p {padding-right:0;}
	.best_rate_cta {min-height:0;}
	.best_rate_cta a {position:relative;}
	.best_rate_cta a.arrowWhiteButton {width:98%; padding:15px 0; }
	.et-social-icons {text-align: left;}
	/*.et-social-icon a {font-size:60px;}*/
	.et-social-icon a::before, .et_pb_social_icon a.icon::before {border-radius:50px;}
	.et-social-icons li:first-child {margin-left:0;}
	.terms-nav {padding-bottom:50px;}
	.terms-nav a {text-decoration:underline;}
	.terms-nav li {display:block; clear: both;float:none; text-align:left;}
	.comparemarketleadtext {padding-bottom:5px;}
	.compareTheMarketButtons {margin-top:50px; max-width:90%;}
	.compareTheMarketButtons a {text-decoration: none;}
	
	/* SWIPE CONTAINER HORIZONTAL SCROLL ATTEMPT */

	.mobilefullwidth {
		width:100%;
	}
	.mobilefullwidth h2 {
		padding:0 10%;
	}

	.mobilefullwidth .exchangeRateButton {
		padding:0 5%;
		width:80%;
	}

	.swiper-wrapper {
		padding-bottom:20px;
	}
	  .swiper-container {
		width: 100%;
		height: 100%;
	  }
	  .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
  
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: 80%!important;
	  }
	  .swiper-pagination {width:96%;}
	  .swiper-pagination-bullet {
		background-color:#aaa; 
		color:transparent!important; 
		padding:10px; 
		height:15px; 
		width:15px; 
		margin:0 5px; 
		border-radius:50%; 
		display:inline-block;
	  }
	  .swiper-pagination-bullet-active {
		color:transparent;
		background: #f06c00;
	  }

	  .swiper-content h3 {
		padding:20px 0;
	  }

	  .blockwrapper {transform: initial!important;}

	  .NewProductsBox .swiper-wrapper {flex-wrap: nowrap;}
	  .swiper-container .swiper-wrapper {flex-wrap: nowrap;}
	  .swiper-wrapper img {width:100%!important;}

	  .swiper2 .swiper-wrapper img {width:80px!important;}
	  .swiper-content {width:90%; text-align: left;}
	  .swiper-content .arrowRedButton {display:block; margin:none; width:100%; min-width:0; width:auto;}


	.leadtext {margin:20px 50px;}

	  .NewProductsBox .l-quarter {width:100%;}
	   .swiper2 .icon_block {width:100%; max-width: none;}

	  .NewProductsBox .l-quarter  a {width:auto;}

	  /* //END SWIPE CONTAINER ATTEMPT */
	  .icon_block {
		  background:#f2f3f4; 
		  border:2px solid #fff; 
		  padding:2%; 
		  flex-direction:column; 
		  min-height:300px; 
		  box-shadow: 5px 5px 20px #ccc;
		}

		.homepage h2, .travelMoneyBox h1 {text-align:center;}
		.sectionContainer {padding-bottom:30px!important;}
		.greyboxContentLine {clear:both;}
		#main-content .exchangerates h2.bannerText {text-align: center;}
		.panel-bg-grey .arrowRedButton, .panel-bg-white .arrowRedButton {width:80%;}
		.panel-bg-grey h2, .panel-bg-white h2 {text-align:center;}
		.mobileimageonly {display:block; height:100px; margin:auto;}
		.productImage {display:none;}

		/* SurveyLink Section */
		.linkcontainer {width:100%; flex-direction:column;}
		.linkcontainer .win {width:100%; height:40px; font-size:70px; margin-top:30px; margin-bottom:30px; padding-left: 5%}
		.linkcontainer .ipad {width:40%; left:60%;}
		.linkcontainer .text {width:65%; padding:5%; padding-right:25%; flex-direction:row; font-size:20px;}

		.tablet-only {display:none;}
		.mobile-only {display:inline-block; margin-top:20px;}
	}

/* ===================================
=
=	Screen Size below 600px
=
=================================== */

@media only screen and ( max-width: 600px ) {
	.D018 .module-content-container {
    	margin-bottom: 30px;
	}

	.bureauInfoContainer .address{
		min-height:0!important;
	}
}

/* ===================================
=
=	Screen Size below 500px
=
=================================== */

@media only screen and ( max-width: 500px ) {

	/*===== reset split elemments =====*/

	.l-half, .l-seventy, .l-sixty, .l-fourty, .l-thirty, .l-twenty, .l-third, .l-quarter {width:100%;}
	.blackfooter .l-quarter {width:100%;}
	#bottomProductBoxes .l-quarter {width:100%;}
	.mobileHide{display:none;}
	.mobileShow{display:block;}
	.mobileRate {display:inline-block;}
		#left-area .homeProductBoxes ul {padding:10%!important;}
	#map_canvas .bureauName {
	min-width:0;
}
	.countrySelectDiv {padding:0;}
	.swMain ul.anchor li a.selected {
		width: 100%;
	}
	.gbpcolumn{display:none;}

	.homeTotalBlock .totalPrice {text-align:left;}
	#homeBasketCurrencies .l-alignright {text-align:left; float:none;}
	/*.homeProductBoxes {min-height:450px;}*/
	.homeProductBoxes h2 {font-size:1.1em;  margin-bottom: 20px;}
	a.reverseButton {width:80%;}
	#travelMoneySection .container {width:95%;}
	.contactDialog {margin:3%; top:0!important;}

	/* FOOTER SECTION */

	#footer-bottom ul {display:none;}
	#et-footer-nav li {display:block; text-align:left;}
	.terms-nav li::after {content:"";}
	#et-footer-nav ul {padding-bottom:20px;}

	.bannerText {font-size:0.6em; text-align:center;}
	p.bannerText {padding-top:6%;}
	



	#basketTableContainer {min-height:0;}

	#main-content .bannerText{font-size:1.3em; text-align:left;}



	input.addCurrencyButton {padding:15px 10%;}
	.securePayment h2.StepTitle {width:50%; float:left;}
	.securePayment img {float:right; width:40%;}

	.personalDetailsSection input[type="text"], .personalDetailsSection input[type="email"],  #deliveryAddress input[type="text"], #paymentDetails input[type="text"]{width:90%;}
	.personalDetailsSection select {width:98%;}
	#paymentDetails #secondPaymentForm input[type="text"]{width:90%;}
	#paymentDetails #secondPaymentForm input[type="number"]{width:90%;}
	.resubmitButton #paymentAttemptButton {
    padding:5%;
	margin-bottom:10%;
    width: 100%;
    margin-left: 0;
	}
	.homebutton a.redButton {margin-bottom:10%;}
	#deliveryAddress input[type="button"] {width:auto; margin:2% auto; padding:2%; display:block;}
	 #deliveryAddress {width:100%;}
	#step-2 .personalDetailsSection label, #step-2 #deliveryAddress label, #paymentDetails label {width:100%; display:block;}

	.authipayLogo{width:100%; display:block;}

	#mobileDiv{width:100%;}
	#step-2 .personalDetailsSection input#mobileNumber {
		width: 60%;
	}
	.securitySection {width:100%;}
	#deliveryAddress label.tickboxLabel{width:70%!important; display:inline-block!important;}
	.tickboxLabel{display:inline-block!important;}
	input[type=checkbox]{
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(2); /* IE */
	  -moz-transform: scale(2); /* FF */
	  -webkit-transform: scale(2); /* Safari and Chrome */
	  -o-transform: scale(2); /* Opera */
	  transform: scale(2);
	  margin-right:10px;
	  width:auto;
	}
	.loaderMessage{
		font-size:1em;
	}
	.loaderMessage img{
		display:block;
	   	margin: 5% auto;
	}

	/*.et-social-icons {display:none;}*/

	/* Bureau Opportunities */
	img.paddedImage{padding:20px 0; width:100%;}

	.wideTopBanner {height:auto;}
	.wideTopBanner .container {width:100%;}
	.wideTopBanner .bannerText {font-size:1em; margin:auto; padding:5%;}
	.blueContactForm{margin-bottom:20px;}

	/* Latest News */
	.et_pb_post h2 {margin-bottom:5px;}
	#left-area .post-meta{font-size:0.8em;}

	/* Store Locator*/
	#bureauFilter{position:relative;}
	#noStoresFoundMsg {margin:0;}
	#bureauSearch {height:auto;}
	#bureauList li {width:100%; min-height:0;}
	#noStoresFoundMsg, #storesFoundMsg {margin-left:0;}

	/* Rates Board */
	#exchangeRatesBoard a.redButton {display:block; width:90%; margin:0; margin-top:5px; padding: 10px 0;}

	/* Home page */
	.homeRatesSection {width:100%; margin:20px 0;}
	#compareTheMarket ul li {width:50%; margin-top:30px;}

	.greatrates{display:none;}
	#ratesBoard {padding:none;}
	#ratesBoard ul li {padding:0; width:100%;clear:both;}
	#ratesBoard .cur {width:25%; white-space:nowrap; overflow:hidden; float:left;}
	#ratesBoard .curDesc{white-space:nowrap; overflow:hidden; }
	#ratesBoard .flag {width:22%;float:left;}
	#ratesBoard .rate {width:25%;float:left;}
	.travelMoneyBox {padding:5% 0;}
	img.homeboxImg {padding:0;}
	#ratesBoard ul.header li span {width:20%;}


	/* Wizards */
	.upsellImages {max-width:100%; margin:5px 0}
	.p_description{margin:20px 0;}	
	#step-1 .tandcLink {display:none;}
	.greyboxLabel{width:100%;}
	.blueSelectBox .blueBoxFlag {width:40px;}
	.deliverymethod {width:100%;}
	.greyboxContent input, #orderSuccessDiv .greyboxLabel{width:50%;}
	#orderSummaryTable .headerband {
    color: #f06c00;
    overflow:hidden;
    white-space: nowrap;
	}

	th.crop{
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    max-width:130px;
	}

	.homeDeliveryAddBox {width:98%; margin-left:0;}
	.homeDeliveryAddBox img {width:40%}
	.homeDeliveryAddBox .newImage{width:60px}
	.chosen-container {max-width:300px;}
	.bureauInfoNote {width:90%;}
			.infoContainer .l-half{width:100%; float:none;padding-top:20px; display:block;}
			.tandcText {margin-left:30px!important;}

	#exchangeRatesBoard .curDesc {
			width:70%; text-align:left; margin:0; padding:0; line-height:1.8; vertical-align: middle;
	}
	#exchangeRatesBoard .flag {
		width:25%; text-align:left; margin:0; padding:0;
	}
	/* FLASH SALE BOX */
	.flashSaleBox .l-half, .flashSaleBox .l-third, .flashSaleBox .l-drophalf {width:100%;}
	.flashSaleBox h2 {font-size:30px;}
	.flashSaleBox p.maintext {padding:0 5%; margin-right:0; font-size:12px;}
	.flashSaleBox .saleButton {display:block; text-align: center; margin-top:20px;}
	.flashSaleBox  .footnote {line-height:1.2; padding:2%; width:90%;}

	/* MAP Markers Layout Mobiles */
	.markerbuttons .l-half {width:50%!important;}
	.markerbuttons a.arrowButton {
		background-image:none;
		min-width:0;
		font-size:10px;
	}

	/* Mobile Map Tabs */
	#map_canvas .bureauName {
		margin-bottom:20px;
		min-width:400px; /* needed to ensure layout works*/
		}

	.tabs{
		position: relative;
		clear: both;
		margin-top:20px;
	}

	.tabs .tab{
		float: left;
		width:50%;
	}

	.tabs .tab .content{
		position: absolute;
		background-color: white;
		left: 0px;
		width: 100%;
		top:30px;
		min-width:300px;
		min-height:140px;
		padding-top:10px;
	}

	.checkboxtab{
		display: none;
	}

	.tab label{
		margin-right: 10px;
		padding: 2%;
		width: 90%;
		border: 1px solid #fff;
		display: block;
		height: 120px;
		text-align:center;
		text-transform: uppercase;
		font-size: 12px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.checkboxtab:checked ~ label{
		border: 1px #ccc solid;
		font-weight: bold;
	}

	.checkboxtab:checked ~ .content{
		z-index: 1;

	}

	.tab label img {vertical-align: middle; width:20px; height:20px; margin-right:5px;}

	.markerbuttons {
		padding-top: 60px;
		clear: both;
	}

	.tickboxitem label {
		width:80%!important;
	}

	#marketingTermsAndCbottom .tickboxitem label {
		width:100%!important;
	}
	
	.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {width:90%;}
	#orderForm select#targetCurrency {min-width:98.5%;}

	.topTrustpilotbox {margin: -5% 0 0;}


	
}



@media (max-width:450px) {

	#customerAddressesContainer {
			width: 100%;
	}
	#customerAddressesContainer label, #customerAddressesContainer input[type="text"] {
			width: 90%;
	}
	#deliveryAddressBox {
			margin-top: 30px;
	}
	#billingAddressBox, #deliveryAddressBox {
			width: 90%;
			min-width: 100px;
	}

	.paymentSection input[type="text"], .paymentSection input[type="number"] {width:90%;}

	.tickboxitem label {
		width:80%!important;
	}

	.linkcontainer .win {font-size:50px;}
	
}


/* ===================================
=
=	Screen Size below 443px
=   VERY SMALL MOBILES
=
=================================== */

@media only screen and ( max-width: 443px ) {

	#ratesBoard .curDesc {display:none!important;}
	#ratesBoard .flag, #ratesBoard .rate, #ratesBoard ul.header li span {width:32%;}

	#page-container {padding-top:105px;}
	#main-header{height:10px;}
	#et-top-navigation {margin-top:-20px;}
	.et_mobile_menu {top:50px;}
	.et_fixed_nav #logo {
	max-width:30%;
	}

	.storeLocatorBox img.pull-left{float:none; margin:auto 20%;}
	.storeLocatorBox .redHeader {padding-left:0;}

	#step-2 .personalDetailsSection input#mobileNumber {
	    margin-top: 2%;
	    width: 59%;
	}

	.tickboxitem label {
		width:80%!important;
	}

	.blueSelectBox .blueBoxFlag {width:50px;}
	.blueSelectBox .orderLine {display:block; width:100%; padding-top:2%;}
	.blueSelectBox .orderLine input {width:50%;}

	.authipayLogo img {
    	margin-left: auto;
	}

	.topBanner .bannerText {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	#orderSummaryTable img {display:none;}
	#orderSummaryTable td, #orderSummaryTable td.pull-right {vertical-align:bottom;}

	.entry-content #orderSummaryTable tr.headerband th  {
		color: #f06c00;
		font-size: 0.9em;
		font-weight: normal;
		overflow: hidden!important;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.chosen-container {max-width:250px;}
	.bureauInfoNote {width:90%;}
	.infoContainer .l-half{width:100%; float:none;padding-top:20px; display:block;}
	.tandcText {margin-left:0px!important;}
	h1.bannerText {
	font-size: 0.6em;
	padding-top:5%;
	}

	.exchangerates .subTitle {font-size:14px;}

	div.successConfirm .redtext {display:inline;}

	
	#map_canvas .bureauName {
		min-width:350px; /* needed to ensure layout works*/
		}

	.totalBox {
		font-size: 20px;
	}

	.summaryline .baseprice {
		width:100%;
	}
	.summaryline .remove-button {
		width:100%;
		margin-top:20px;
	}
	.buyback-inner {
		flex-direction: column;
	}
	.buyback-amount {
		width:100%;
		text-align: left;
	}

	.remove-button-div {
    	width: 100%;
	}

	.buyback-summary a.remove-bb-button {
		width: 99%;
		margin:0;
        margin-top: 20px;
        padding: 3% 0;
	}

}

/* ===================================
=
=	Screen Size below 390px
=
=================================== */

@media only screen and ( max-width: 390px ) {
	/*#exchangeRatesBoard .rate {width:100%;}*/
	#exchangeRatesBoard .header .rate {display:none;}

	/*Try to fix cookie consent on iPhone*/
	.has-cookie-bar #catapult-cookie-bar {width:100%;}

	#page-container {padding-top:115px;}
	#main-header {height:10px;}
	#et-top-navigation {margin-top:-20px;}
	.et_mobile_menu {top:50px;}
	a.topFlags {width:100%; text-align:center;}
	.loginsection {float:none; text-align: center; width:100%;}
	.loginsection:after {content:none; padding:0;}
	.mobilefullwidth h2 {padding:0 10%;}
	.homeProductBoxes h2 {font-size:1em;}
	.payment-success #orderSuccessDiv {
		padding-left:0!important;
		padding-right:0!important;
	}
	.droppedlabel input:empty + .fakeplaceholder {
		padding:1%;
	}
	
		.totalBox {
		font-size: 16px;
	}
}

@media only screen and ( max-width: 374px ) {
	.flashSaleBox p.maintext {font-size:10px;}
}

@media only screen and ( min-width: 600px ) {
	.NewProductsBox .swiper-wrapper  {transform:none!important;} /* prevent layout changing for sliders if not on small screens */
}


@media only screen and ( min-width: 1024px ) {
	.buy_travel_money .swiper-wrapper, .mod_3_arrows_flow .swiper-wrapper  {transform:none!important;} /* prevent layout changing for sliders if not on small screens */
}