@charset "utf-8";
/* Tablets and smaller screen layouts */

/* ===================================
=
=	Screen Size below 1200px
=
=================================== */

/*@media only screen and ( max-width: 1200px ) {
	.blueSelectBox #targetCurrency {width:18%; max-width:120px!important;}
}*/

/* ===================================
=
=	Screen Size below 1100px
=
=================================== */

@media only screen and ( max-width: 1200px ) {
	.hero-image {
		margin:5px;
	}
}

@media only screen and ( max-width: 1100px ) {
	.et_fixed_nav #logo {
	    max-height: 60px;
	}

	.full-width-container {min-height:100px;}

	.hero-container {
		position:relative;
		flex-direction: column;
		background-color: #FFF;
	}

	.hero-left{
		background-color: transparent;
		color:var(--text-color);
		width:80%!important;
		padding-bottom:0;
		padding:10%;
	}

	.currency_convertor {
		width:100%;
		max-width:550px;
		margin:auto;
	}

	.currency_field_item {width:45%;}


	.swMain ul.anchor li {width:32%;}
	#top-menu li {padding-right:10px;}
	.upsellImages {max-width:250px;}
	.converterNote {white-space:normal;}
	img.plane {display:none;}
	.PCTIntroBox img.cardimage {width:80%; padding-top:0;}
	.PCTIntroBox .blackButton {margin-top:20px;}

	#recaptcha-footer.recaptchadiv {
		padding-top: 24px;
	}

	/*.homeProductBoxes{
		    min-height: 175px;
	}*/

	.hero-image {
		display:none!important;
	}

	/*.blueSelectBox #targetCurrency {width:18%;}*/
	.quickratesBox {width:10%;}

	/*New Newsletter box Footer*/
	.mailinglistCol{
		width:48%;
		display:block;
		float:left;
		min-height:54px;
	}
	#mailListButton {
		margin-right:60px;
	}
	#mailListResponse {width:100%; text-align:center;}

	#mailListButton.mailListButton {
		float: none!important;
		margin-left: 0;
	}
	#orderForm fieldset {width:15%;}

	/* FIX BLUEBOX LAYOUT */
	fieldset.conv_amount {width:18%;}
	fieldset.conv_currselect {width:25%}
	fieldset.conv_targetamount {width:14%}
	fieldset.conv_service {width:18%; margin-left:1%;}
	.blueSelectBox .poundicon {font-size:1.5em; margin-right:5px;}
	.blueSelectBox img.exchangearrows {width:20px;}
	.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {width:170px;}
	#exchangeRatesBoard .rate {width:22%;}
	#exchangeRatesBoard .curDesc {width:20%;}

	.content-text-section {
    	width:50%;
	}
	.button-section {
		width:50%;
	}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and ( max-width: 1100px ) {
	.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {width:120px;}
}


@media only screen and ( max-width: 1090px ) {
	img.inputflag {
		width: 45px;
		position: absolute;
		margin-top: -35px;
		left: 10px;
	}
}

@media only screen and ( max-width: 1023px ) {
	.buy_travel_money .swiper-wrapper {
		margin-left: -360px;
	}
	#exchangeRatesBoard {max-height:790px;}

	
}

/* ===================================
=
=	Screen Size below 980px
=
=================================== */

@media only screen and ( max-width: 980px ) {
	#addCurrencyDiv {
		display: inline;
		display: block;
		clear: both;
		overflow: hidden;
		text-align: center;
		/*margin-top: 10px;*/
	}

	.swiper2 .swiper-wrapper {
	justify-content: flex-start;
}

	.nectar-leadtext {
		flex-direction: column;
	}

	.nectar-loyalty-text {
		padding-bottom:20px!important;
	}

	#addCurrencyDiv a {float:none; margin:auto;}
	.PCTIntroBox img.cardimage {max-width:80%; margin-top:50px;}
	.blueSelectBox #targetCurrency {max-width:200px!important;}

	/* FLASH SALE BOX */
	.flashSaleBox .saleButton {font-size:18px;}
	.flashSaleBox .arrowblack {height:20px;}
	.flashSaleBox h2 {font-size:32px;}
	.footnote {line-height:1.2; margin-bottom:5px;}
	.ipadclear {clear:left;}

	.buy_travel_money .swiper-wrapper {
		margin-left: 0;
	}
	#exchangeRatesBoard {max-height:1010px;}
	.homeProductBoxes {
		
		aspect-ratio: 5/3;
		width:100%;
		height:auto;
	}

	.productslist_item {
	margin:0 1%;
	width:45%;
	margin:0;
	margin-bottom:50px;
	}

	.productslist_container {
		flex-wrap: wrap;
	}

	.swiper-wrapper { 
	flex-wrap: wrap;
   }
}
	.swiper2 .swiper-wrapper { 
	flex-wrap: nowrap;
   }


@media only screen and ( max-width: 980px ){
	.blueSelectBox .stepsBluebox {
		width:50%;

	}
	.productIntroMessage {display:block;}
	.homeSelectCurrency {margin-top:5px!important;}

	.homeTotalBlock {padding:0!important}
	.orderSummaryBluebox {width:100%;}
	.telNumber{float:none;
	width:auto;
	}
	.rate{
	width:19%;
	}
	.cur {display:none;}
	.greatrates {display:none;}
	#currenciesSummary td {white-space:normal;}
/*	#basketCurrencies {width:30%;}*/
	.ratesBox {
		padding: 3%;
		width:92%;
		display: inline-block;
	}

	.homeProductBoxes .redButton, .homeProductBoxes .blueButton {
    right: 10%;
    left: 10%;
	}
	#orderForm fieldset {
    	width: 48%;
	}
	.list_description {padding:5%; padding-bottom:1%;}
	#orderForm fieldset input {width:80%;}
	#orderForm fieldset select {width:100%;}
	#orderForm input.addCurrencyButton {padding-top:5%; padding-bottom:5%; width:100%;}
	.upsellImages {max-width:80%;}
	.deliverymethod .l-third {width:50%;}
	.storeselection .chosen-container-single .chosen-single {padding:2%;}
	.bureauInfoNote {width:90%;}
	.infoContainer .l-half{width:100%; float:none;padding-top:20px; display:block;}
	.blueSelectBox .currencyOrderBlocks {padding:5% 1%;}
	#main-content h2.bannerText {
	text-align: center;
	margin:5px;
	}

	#main-content .exchangerates h2.bannerText {
		text-align:left;
		margin-top:30px;
		font-size:1.8em;
	}
	ul.et-social-icons {padding-top:3%;}
	#bureauList li {width:43%;}
	#exchangeRatesBoard .flag {margin-right:0; width:10%;}
	#exchangeRatesBoard .rate {width:28%;}
	a.reverseButton {font-size:0.8em;}
	.et_fixed_nav #page-container {
		/*padding-top:100px;*/
		padding-top:77px;
	}
	#main-header {height:60px;}
	#et-top-navigation {margin-top:-10px;}
	.et_mobile_menu {top:91px; width:100%;}
	.quickratesBox {width:14%;}
	.quickratesBox #fxRate {font-size:1em;}
	.blueSelectBox #targetCurrency {width:18%;}
	.serviceselector {display:block; border:none; text-align: center; margin:2%;}
	.serviceselector select {width:98%;}
	.blueSelectBox #targetCurrency {width:auto;}
/*
	.swMain ul.anchor li a .stepNumber,
	.swMain ul.anchor li a.selected .stepNumber,
	.swMain ul.anchor li a.done .stepNumber,
	.tabNumber,
	ul.fakeTabs li a .stepNumber,
	ul.fakeTabs li a.done .stepNumber  {
		float: none;
		margin: auto;
		font-size: 24px;
		height: 38px;
		width: 50px;
		margin-top: 0;
		padding-top: 12px;
	}
	.swMain ul.anchor li a .stepDesc,
	.swMain ul.anchor li a.selected .stepDesc,
	.fakeDivGrey .stepDesc,
	ul.fakeTabs li a .stepDesc,
	ul.fakeTabs li a.done .stepDesc {
		width: 100%;
		text-align: center;
		padding-left: 0;
		font-size: 16px;
		line-height: 1.5;
	}
		*/
	.clickcollect h2:before {
		transform: scale(0.6);
		display: inline-block;
	}
	.totalBox {
		text-align:center;
		font-size:24px;
		color:#000;
	}

	.stepContainer .totalBox p {
		text-align:center;
		margin-right:10px;
		color:#000;
	}


	.totalBox .l-alignright {
		float:none;
		margin-left:0%;
	}

	.totalBox #totalGBPAmount {padding-left:4px;}

	.summaryline .remove-button {
		background-color:#fff;
	}
	.tittleDropdown {
		width: 54.5%;
	}
	#mobileNumber {
		width:51.5%;
	}
	#homeAddress #searchPostcodeBillingField {
		width:50%;
	}
	#selectDeliveryAddress, #selectBillingAddress {
		width:67%;
	}
	.affiliateRef {
		display:none;
	}

	input#smsAlert, input#dataconsentId, input#termsnoticeCheckboxId, 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:10px;
		transform: inherit;
		width:auto;
	}
	input#smsAlert:checked, input#dataconsentId:checked {
		background-color:#f06c00;
		background-image: url('../../../images/check_white.png');
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	#homeAddress .redButton {padding:2%!important;}

	/* FIX BLUEBOX LAYOUT */
	.blueSelectBox fieldset { margin-left:2%; margin-top:1% }
	fieldset.conv_amount {width:46.5%;}
	fieldset.conv_currselect {width:46.5%}
	fieldset.conv_targetamount {width:46.5%}
	fieldset.conv_service {width:46.5%;}
	.blueSelectBox .poundicon {display:none;}
	.blueSelectBox img.exchangearrows {width:20px; display:none;}
	.addcurrencybox #amount, .addcurrencybox #targetAmount, .hdCurrencyOrder #amount, .hdCurrencyOrder #targetAmount {width:170px;}
	.blueSelectBox .serviceselector {padding:0; margin:0; text-align: left; max-width:none!important;}
	.blueSelectBox #amount {width:96%;}
	.blueSelectBox #targetCurrency {width:96%;}
	.blueSelectBox #targetAmount {width:96%;}
	.blueSelectBox #serviceSelector {width:96%; max-width:none!important;}
	.blueSelectBox #addCurrencyDiv a {width:90%; display:block; margin:2%;}
	.blueSelectBox .quickratesBox {width:100%; text-align: left; margin-left:0;}
	.blueSelectBox .quickratesBox .rateslabel {display:inline-block; position:relative; top:0; margin:0;}
	.blueSelectBox #targetCurrency {max-width:100%!important; float: left;}

	.NewProductsBox .l-quarter {width:49%;}

	/*.NewProductsBox .l-quarter {width:49%; }*/
	/*.NewProductsBox .swiper-wrapper {flex-wrap: wrap;}*/
	
.homeProductBoxes h2 {font-size:20px;}

	.buy_travel_money .swiper-container {margin-left:-420px;}

	.blackfooter .l-quarter {width:49%;}
	.black_bg_panel .et-social-icons {text-align:left;}

	/* SurveyLink Section */
	.linkcontainer {margin-top:20px;}
	.linkcontainer .win {width:40%;}
	.linkcontainer .ipad {left: 120px;}
	.linkcontainer .text {width:55%}

	.homeProductBoxes .redButton {font-size:0.8em; white-space:nowrap; background-image:none;}
	#exchangeRatesBoard .rate {width:20%;}

	.currency_fields_container {flex-direction: column;}
	.currency_field_item {width:100%}
	.currency_convertor {max-width:600px;}
	.hero-right {width:100%;}


	/* BuyBack Guarantee Styles */
	.buyback-content-inner {
		flex-direction: column;
	}
	.content-text-section {
		width:100%;
	}

	.remove-buyback-link{
			position:relative;
	}

	.buyback-description{
		width:60%;
	}
	
	.button-section {
		width:100%;
		
	}
	.button-section .reverseButton {
    width:100%;
	display:block;
	margin: 30px 0 0 0;
}
	/* END BuyBack Guarantee Styles */
}


/* ===================================
=
=	Screen Size below 790px
=
=================================== */

@media only screen and ( max-width: 789px ) {
	#exchangeRatesBoard .rate{
		text-align: center;
		width: 46%;
		font-size:20px;
	}
	
	.curreSearchHeader { margin:5% -5%; padding:5%;}
	#exchangeRatesBoard .rate a {font-size:12px; margin-top:5px; padding: 10px 0;}
	#exchangeRatesBoard .header .rate {text-align: center;
    	width: 40%;}
	#exchangeRatesBoard .curDesc {width:45%; text-align:left; font-size:1.2em;}
	#exchangeRatesBoard .flag {width:10%; text-align:left; font-size:1.2em;}
	/*#exchangeRatesBoard .flag::before {content:"( ";}
	#exchangeRatesBoard .flag::after {content:" )";}*/
	#exchangeRatesBoard .rate a.reverseButton {display:block;}
	#bottomProductBoxes .l-quarter {width:50%;}
	.PCTIntroBox .l-thirty, .PCTIntroBox .l-seventy, .PCTIntroBox .l-sixty, .PCTIntroBox .l-fourty  {width:100%; text-align:center;}
	.PCTIntroBox .pcttext {width:80%; margin:auto 10%;}
	.PCTIntroBox img.cardimage {width:50%; margin:auto; padding-left:0;}

	/* FLASH SALE BOX */
	.flashSaleBox .l-third {width:100%;}
	.flashSaleBox .l-drophalf {width:50%;}
	.flashSaleBox .footnote {text-align: center; padding:0;}
	.flashSaleBox .saleButton {font-size:24px;}
	.flashSaleBox .arrowblack {height:auto;}

	/* Redesign 2018 */
	.tabNumber { float:none; margin:auto;}
	.fakeDivGrey .stepDesc {text-align: center; padding-left:0; width:100%;}
	.swMain ul.anchor li a .stepNumber {margin:auto; float:none;}
	.swMain ul.anchor li a.selected .stepNumber {margin:auto; float:none;}
	.swMain ul.anchor li a .stepDesc,
	.swMain ul.anchor li a.selected .stepDesc {
		width: 100%;
		text-align: center;
		padding-left: 0;
		display: block;
	}

	/* Exchange Rates Lists */
	#exchangeRatesBoard li {
		padding: 4% 0;
	}
	#exchangeRatesBoard {border:none; margin:2% -5%;}
	#exchangeRatesBoard li {border:none; padding: 5%}
	#exchangeRatesBoard a.redButton {display:block;}
	#moreButtonDiv {margin-top:20px; margin-bottom:20px;}

	/*New Newsletter box Footer*/
	.mailinglistCol{
		width:48%;
		display:block;
		float:left;
		min-height:54px;
	}
	#mailListButton {
		margin-right:60px;
	}
	#mailListResponse {width:100%; text-align:center;}
	.currency_field_item input {width:90%!important;}
	.container.bulletpoints {
		flex-direction: column; 
		height:auto;
   }
   .container.bulletpoints .listitem {
	   width:auto;
	   padding:1% 0;
   }

   /* ===== MOBILE EXCHANGE RATES SECTION ===== */
	.mobProductTabs {
		display:flex; 
		border:1px solid #fff; 
		border-radius:5px; 
		box-shadow: 4px 4px 10px  #cccccc; 
		margin: 2% 0;
		align-items: center;
		cursor: pointer;
	}
	.mobProductTabs .tab {
		flex-grow:1; 
		border:1px solid #fff; 
		background-color: #C2C2C2; 
		text-align: center; 
		padding:4% 2% !important; 
		width:33%;
		color:#333333;
	}
	.mobProductTabs .is-tab-selected {
		background-color: #fff;
		font-weight: bold;
	}
	.mobProductTabs .cc {
		border-radius:5px 0 0 5px;
	}
	.mobProductTabs .cc.is-tab-selected {
		color:#F7A502!important;
	}
	.mobProductTabs .hd.is-tab-selected {
		color:#B24EC4!important;
	}
	.mobProductTabs .cs.is-tab-selected {
		color:#0765A0!important;
	}
	.mobProductTabs .cs {
		border-radius:0 5px 5px 0;
	}
	.rateItemContainer {
		justify-content:space-evenly;
		align-items:center;
		color:#333333;
		padding:2% 0;
	}
	.mobileExchangeRates .flag {
		width:25%!important;
	}
	.mobileExchangeRates .arrowRedButton { 
		padding: 6% 15% 6% 5%!important;
		min-width:auto;
		line-height:1.4;
	}
	.mobileExchangeRates .flag img {
		width:80px!important; 
	}
	.mobileExchangeRates .curDesc {
		width: 30%!important;
		line-height: 1.2!important;
		font-size: 14px!important;
	}
	.mobileExchangeRates .rate {
		font-weight: bold; 
		font-size:20px; 
		padding-left:0!important;
	} 
	.mobileExchangeRates .orderButton {
		width:30%!important;
	}
	#exchangeRatesBoard li {border:none; padding: 0}
	.CCRatesContainer {display:flex;}
	.HDRatesContainer {display:none;}
	.CSRatesContainer {display:none;}

	.showflex {display:flex!important;}
	.hideflex {display:none!important;}

	.mobileRateTemplate {display:block;}
	.desktopRateTemplate {display:none;}

	.class[style*='display: block']{
		display: flex !important;
	}

	   .swiper-wrapper { 
	flex-wrap: wrap;
   }

   .NewProductsBox .l-quarter {width:47%;}


	.hero-container {
		position:relative;
		flex-direction: column;
	}

	div#content-area {
		margin-top:20px;
	}

	/* ===== END MOBILE EXCHANGE RATES SECTION ===== */

	.desktop-only {display:none;}
	.tablet-only {display:inline-block;}
}

/* ===================================
=
=	Screen Size below 767px
=
=================================== */

@media only screen and ( max-width: 767px ) {
	.et_fixed_nav #logo {max-width:50%; }
	#basketCurrencyItems img.flagimg, #currenciesSummary img.flagimg {Display:inline-block;}
	.swMain .stepContainer #step-1.content {width:100%;}
	.telNumber {font-size:1em; }
	/*resize Home page blue box */
	.travelMoneyBox .l-fourty {width:100%; margin-bottom:20px; float:none;}
	.travelMoneyBox .homeRatesSection {width:100%; margin:0;}
	/*.homeProductBoxes {min-height:350px;}*/
	

	#travelMoneySection .l-third {width:100%;}
	/* // Change to 3 footer widgets */
	.footer-widget:nth-child(1) { width: 100%; padding-right:15px;}
	.footer-widget:nth-child(2) { width: 100%; padding-right:15px;}
	.footer-widget:nth-child(3) { width: 100%; margin-right:0;}

	.topBanner{height:60px; background-size:cover; background-position:50% 50%; text-align:center;}
	.bannerText {font-size:0.9em; text-align:center;}
	
	.blueSelectBox .stepsBluebox {width:100%;}
	.stepContainer{height:auto!important;}
	#left-area ul, .comment-content ul {padding:0!important;   margin-bottom: 0;}
	.entry-content ul {
    	padding: 15px 0 23px 16px!important;

	}
	.et_pb_row, .container, .et_pb_containe {width:90%;}
	#basketCurrencies {width:100%;
	float:none;}
	.swMain .stepContainer div.content {position:relative; width:100%;}
	.swMain div.actionBar {width:100%; height:auto}
	#main-content .bannerText{font-size:1.3em; text-align:left;}
	.homeDelivery h1::before {
		vertical-align: -100%;
	}
	.l-half {width:100%;}
	.tickboxitem {padding-left:0; width:80%;}
	.input.tickbox {width:10%;}
	.authiPayLogoSection {right:-80px;}
	.homeDeliveryAddBox {width:98%; margin-left:0;}
	.bureauInfoNote {width:90%;}
	.blueSelectBox input.addCurrencyButton {width:96%; margin:2%; float:none;}
	.blueSelectBox a.greenButton  {
		width: 94%;
		float: none;
		padding: 3%;
		margin: 3% 0;}
	.resultsPaymentsBox .authipayLogo {position:relative!important; text-align:center;}
	#bureauList li {
    	min-height: 540px;
	}
	.textwidget iframe {width:100%!important;}
	.blueSelectBox {text-align: center;}
	.poundicon {float:none;}
	.serviceselector {margin:10px auto; border:none; display:block; width:100%;}
	.serviceselector select {margin:auto; width:90%;}
	.PCTIntroBox .buttondiv {width:100%;
	}
	.PCTIntroBox .pcttext {width:80%;}
	.quickratesBox {width:50%; display:inline-block;}
	.quickratesBox .rateslabel {top:0; margin-left:20%;}
	input#targetAmount {width:25%; margin-top:5px;}
	.quickratesBox #fxRate {text-align: left;}

	/* FLASH SALE BOX */
	.flashSaleBox .l-drophalf {text-align:center;}
	.flashSaleBox .saleButton {margin-top:0;}
	.flashSaleBox .footnote {padding:2%;}

	#mobileNumber {
		width: 51.1%;
	}
	.tittleDropdown {width:100%;}
	input.paddedfield {width:95%;}
	.personalDetailsSection input.datePickerInput {width:85%;}
	#mobileDiv {width:100%; max-width:none;}
	#mobileNumber {max-width:none; width:75%;}
	.hdMobilediv #mobileNumber {max-width:none;}
	#homeAddress #searchPostcodeBillingField, #customerAddressesContainer input#searchPostcodeBillingField {
		width:60%;
	}
	#homeAddress .redButton, #billingAddressBox .redButton {
		padding:2.5%!important
	}
	.paymentSection input[type="text"], .paymentSection input[type="number"] {
		width:95%;
	}
	.authiPayLogoSection {
		position:relative;
		text-align: center;
		float: none;
		width: 100%;
		display: block;
	}
	#cardTypeDropDown {
		width:100%;
	}
	.authiPayLogoSection{right:50px; top:0;}

	.red_bg_panel .l-twothird, .red_bg_panel .l-third {width:100%; float:none; min-height:100px;}
	.best_rate_cta {min-height:0;}
	.best_rate_cta a {position:relative;}
	.red_bg_panel .best_rate_cta a {position:relative !important;}
	
	

}

/* ===================================
=
=	Screen Size below 715px
=
=================================== */

@media only screen and ( max-width: 715px ) {
	#mobileNumber {
		width: 74.6%;
	}
	.hero-container {flex-direction:column; background-color: #fff;}
	.hero-left {background-color: #fff; color:var(--text-color)}
	.hero-left h1 {margin-bottom:20px; text-align: center;}
	.hero-item {width:auto; padding:0 5%; width:90%;}
	.yellow_container {flex-direction: column;}
	.button_area {
		margin: 20px auto;
	}
	.textMobileShow {display:block; padding:5%;}
	.textMobileHide {display:none;}
	.hero-image {display:none;}
	.heroCTAButton {display:block!important;}
	.hero-text {color:var(--text-color);}
	.hero-item.full-width-item{width:auto!important;}

	.nectar-loyalty-logo {
		display:none;
	}
	.nectar-loyalty-text {
		max-width: none;
	}

	input#nectar-number {
		width: 100%;
	}
	
}
/* ===================================
=
=	Screen Size below 700px
=
=================================== */

@media only screen and ( max-width: 700px ) {
	.deliverymethod .l-third {width:100%;}
	#bureauList li {
    	min-height: 620px;
	}
	#compareTheMarket ul li {width:50%; margin-top:30px;}


}