@media only screen and (max-height:879px), screen and (max-width:759px) {

	#intro-section {height:auto;}

}

@media only screen and (min-width:1280px) {

	#header .nav-wrap {margin-left:180px;}

	#strapline-wrap .strapline .part {height:50px;}
	#strapline-wrap .strapline .part-1 {width:171px;}
	#strapline-wrap .strapline .part-2 {width:182px;}
}

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

	.wrapper {width:940px;}
	
	#header .nav-wrap {margin-left:150px;}
	
	#header .quick-links .button .text span {position:absolute; left:-9999px;}
	
	#jumps-section .jumps-list .jump p {padding:0;}

	#process-section .steps .steps-list .step-2::before, #process-section .steps .steps-list .step-2::after {width:71px;}
	#process-section .steps .steps-list .step-2::before {left:-38px;}
	#process-section .steps .steps-list .step-2::after {right:-38px;}
	#process-section .steps .steps-list p br {display:none;}

	#faqs-section {padding:50px 0;}
	#faqs-section .content {padding:0;}

	.basic-section .blocks-list li {width:215px; padding:9px;}

	#main {width:700px;}
	#aside {width:200px;}

	.application-form .application-steps li {width:175px;}
	.application-form .field-wrap .field:not(.multiradio):not(.checkbox):not(.controls) {width:100%; display:block;}
	.application-form .field-wrap .multiradio .options .option {margin:0 3px 20px 3px;}
	.application-form .field-wrap .multiradio.type-b .label {width:474px;}

	#footer {font-size:15px;}
	#footer .wrapper:last-of-type {padding-top:0;}
	#footer .wrapper:first-of-type::before {top:-140px; right:0;}
	#footer .highlight {margin:0 0 15px 0;}
	#footer nav {float:none; margin:0 0 15px 0;}
	#footer nav ul li {font-size:15px;}
	#footer .copy {float:none;}
	#footer .social {position:static; top:auto; right:auto; margin:0 0 15px 0; padding:15px 0 0 0;}
	#footer .social li {margin:0 15px 0 0;}

	#new-slider-section #calculator .headings {float: none; text-align: center; padding-top:0;}
	#new-slider-section #calculator .variable {float: none; width: 570px; margin: 15px auto;}
	#new-slider-section #calculator .controls {float: none; height: 0;}
	#new-slider-section #calculator .controls .button {position: absolute; bottom: 15px; margin-left: -86.26px;}
	#new-slider-section #calculator .example {padding-bottom: 70px;}

	.ways-to-contact .blocks {flex-direction: column;}
	#content .light-grey-block .blocks {justify-content: center;}
	#content .light-grey-block .block {max-width: 50%; margin:5px;}

	.contact-us .blocks {flex-direction: column;}
	.contact-us .info-buttons {flex-direction: column;}
	.contact-us .social-media-strip {flex-direction: column; height: auto;}
	.contact-us .social-media-box {width: 100%; max-width: 620px;}
	.contact-us .button {padding-right:30px;}
}

@media only screen and (min-width:1240px) {
	.contact-us .blocks.extra .left-block {padding-left: 0; width: 408px;}
	.contact-us .blocks.extra .right-block {padding-right: 0; width:408px;}
}

@media only screen and (min-width:980px) {

	#header .nav-wrap::after {clear:both; display:block; content:'';}
	
	#header #main-nav {float:left;}
	#header #main-nav .wrap {float:left;}
	#header #main-nav #menu-primary {float:left;}
	#header #main-nav #menu-primary > li {position:relative; float:left; margin:0 0 0 14px; padding:0 0 20px 0; line-height:50px;}
	#header #main-nav #menu-primary > li:first-child {margin-left:0;}
	#header #main-nav #menu-primary > li > a, #header #main-nav #menu-primary > li > h6 {color:#000; transition:color 0.3s ease;}
	#header #main-nav #menu-primary > li > h6 {cursor: default;}
	#header #main-nav #menu-primary > li > a:hover, #header #main-nav #menu-primary > li > a:active, #header #main-nav #menu-primary > li > a:focus,
	#header #main-nav #menu-primary > li > h6:hover, #header #main-nav #menu-primary > li > h6:active, #header #main-nav #menu-primary > li > h6:focus {color:#044a90; text-decoration:none;}
	#header #main-nav #menu-primary > li.current-menu-item > a {color:#3fac59;}
	
	#header #main-nav .sub-menu-wrap {position:absolute; top:70px; left:-30px; display:none; padding:20px 10px; background:#044a90; background:linear-gradient(135deg, rgba(32,112,178,1) 0%, rgba(4,74,144,1) 100%);}
	#header #main-nav li:hover .sub-menu-wrap, #header #main-nav #menu-primary > li > a:focus + .sub-menu-wrap {display:table;}
	#header #main-nav .sub-menu-wrap::after {clear:both; display:block; content:'';}
	#header #main-nav .sub-menu {display:table-cell; padding:0 20px;}
	#header #main-nav .sub-menu li {line-height:20px; white-space:nowrap;}
	#header #main-nav .sub-menu li a {display:block; padding:5px 0; color:#FFF; text-decoration:none; transition:color 0.3s ease;}
	#header #main-nav .sub-menu li a:hover, #header #main-nav .sub-menu li a:active, #header #main-nav .sub-menu li a:focus {color:#ff9400;}
	
	#header #main-nav .my-edl {display: none;}

}

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

	body:not(.home) #page-wrap {padding-top:65px;}

	.wrapper {width:740px;}
	
	#header {padding:10px 0;}
	#header #main-logo {height:45px; margin:0;}
	#header .secondary-logo {height:45px; margin:0 0 0 15px; padding:0 0 0 15px;}
	
	#header .nav-wrap {float:right; margin:0;}
	
	#header #nav-toggle {float:left; display:block; width:80px; margin:5px 0 0 15px; padding:0 30px 0 0; font-size:16px; line-height:35px; font-weight:700; color:#3fac59; text-transform:uppercase; transition:color 0.3s ease; background:url('../images/bg-menu-toggle.png') center right no-repeat; box-sizing:border-box;}
	
	#header #main-nav {z-index:3000; position:fixed; top:65px; right:-320px; bottom:0; width:320px; height:calc(100% - 65px); padding:0; background:#044a90; background:linear-gradient(135deg, rgba(32,112,178,1) 0%, rgba(4,74,144,1) 100%); overflow:hidden; transition:right 0.3s ease;}
	#header #main-nav.active {right:0; box-shadow:0 5px 10px 0 rgba(0,0,0,0.5);}
	#header #main-nav .wrap {position:relative; height:100%; overflow-y:auto; box-sizing:border-box;}
	#header #main-nav #menu-primary li a, #header #main-nav #menu-primary li h6 {display:block; padding:10px 20px; color:#FFF; font-size:18px; line-height:19px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.25); transition:color 0.3s ease;}
	#header #main-nav #menu-primary li h6 {cursor: default;}
	#header #main-nav #menu-primary li.menu-item-has-children {position:relative;}
	#header #main-nav #menu-primary li.menu-item-has-children > a {padding-right:50px; text-decoration:none;}
	#header #main-nav #menu-primary li.menu-item-has-children span {position:absolute; top:0; right:10px; display:block; width:40px; height:39px; background:url('../images/bg-sub-menu.svg') center center no-repeat; background-size:15px; cursor:pointer;}
	#header #main-nav #menu-primary li.menu-item-has-children span.active {transform:rotate(45deg);}
	#header #main-nav #menu-primary li.menu-item-has-children .sub-menu-wrap {display:none;}
	#header #main-nav #menu-primary li.menu-item-has-children .sub-menu li a {padding:10px 30px; font-size:16px;}
	
	#header .quick-links {float:left; padding:5px 0 0 0;}
	#header .quick-links .button .text span {position:static; left:auto;}

	#slider-section #calculator .variable .input-wrap {width:570px;}

	#strapline-wrap .strapline .part {height:35px;}
	#strapline-wrap .strapline .part-1 {width:120px;}
	#strapline-wrap .strapline .part-2 {width:130px;}

	#jumps-section .jumps-list .jump:nth-child(2) .button .text span {position:absolute; left:-9999px;}

	#about-section::before {display:none;}
	#about-section .content {float:none; width:100%; padding:50px 0;}

	#process-section .content, #process-section .steps {float:none; width:100%; padding:0; text-align:center;}
	#process-section .content {margin:0 0 50px 0;}
	#process-section .steps .steps-list .step-2::before, #process-section .steps .steps-list .step-2::after {width:91px;}
	#process-section .steps .steps-list p br {display:block;}

	#handover-section h1 {font-size:24px; line-height:30px;}
	#handover-section .editable-content h2 {font-size:20px; line-height:26px;}
	#handover-section .editable-content h2 span {font-size:24px; line-height:30px;}
	#handover-section .editable-content h3 {margin:0 0 30px 0;}
	#handover-section .editable-content h3 span {font-size:24px; line-height:30px;}
	#handover-section .editable-content p {margin:0 0 20px 0;}
	#handover-section .editable-content p:not(.note) br {display:none;}
	#handover-section .button.visit {margin-bottom:20px;}

	#trusttwo-section {padding-bottom:5px;}
	#trusttwo-section .details-list li {margin:0 25px 45px 25px;}

	.basic-section .blocks-list li {width:350px; margin-bottom:20px; padding:19px;}

	#main {float:none; width:auto; margin:0 0 20px 0;}
	#aside {float:none; width:auto;}
	#aside .cta.basic img {max-width:270px; margin:0 auto;}
	
	.application-form .field-wrap .multiradio.type-b .label {width:494px;}

	#footer .wrapper:first-of-type::before {display:none;}
	#footer {font-size:14px;}
	#footer nav ul li {font-size:14px;}

	.locations {padding-left: 10px; padding-right: 10px;}
}

@media only screen and (min-width:760px) {

	#intro-section #calculator .button span,
	.faqs-section .button span {height:52px; padding-right:35px; padding-left:35px; font-size:24px; line-height:52px;}

}

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

	.wrapper {width:540px;}

	#intro-section .outer {padding-top:65px;}
	#intro-section #calculator .points {padding:0;}
	#intro-section #calculator .points li h2 {font-size:20px;}
	#intro-section #calculator .variable .input-wrap {float:none; width:100%; padding:0 20px;}
	#intro-section #calculator .variable .input-wrap .slider-controls button {display:none;}
	#intro-section #calculator .variable .loan {float:none; width:auto; margin:0 auto; text-align:center;}
	#intro-section #calculator .button span {height:42px; padding-right:25px; padding-left:25px; font-size:20px; line-height:42px;}

	#slider-section .intro h1 {font-size:34px; line-height:40px;}
	#slider-section .intro p {font-size:18px; line-height:24px;}
	#slider-section #calculator .variable .input-wrap {float:none; width:auto; padding:0;}
	#slider-section #calculator .variable .input-wrap .slider-controls button {display:none;}
	#slider-section #calculator .variable .loan {float:none; width:auto; font-size:30px; text-align:center;}

	#jumps-section {overflow:hidden;}
	#jumps-section .jumps-list {display:block;}
	#jumps-section .jumps-list .jump {width:100%; padding:20px 10px;}
	#jumps-section .jumps-list .jump:nth-child(2) {position:relative;}
	#jumps-section .jumps-list .jump:nth-child(2)::before, #jumps-section .jumps-list .jump:nth-child(2)::after {position:absolute; top:0; bottom:0; display:block; width:500px; content:''; background:#ffdd00;}
	#jumps-section .jumps-list .jump:nth-child(2)::before {left:-500px;}
	#jumps-section .jumps-list .jump:nth-child(2)::after {right:-500px;}
	#jumps-section .jumps-list .jump:nth-child(2) .button .text span {position:static; left:auto;}

	#about-section .content h2 {margin:0 0 20px 0; font-size:24px; line-height:30px;}
	#about-section .content {padding:20px 0;}
	
	#process-section {padding:20px 0;}
	#process-section .content h2 {margin:0 0 15px 0; font-size:24px; line-height:30px;}
	#process-section .steps .steps-list .step-2::before {left:-45px;}
	#process-section .steps .steps-list .step-2::after {right:-45px;}
	#process-section .steps .steps-list p {padding:0 10px;}
	#process-section .steps .steps-list p br {display:none;}

	#faqs-banner {padding: 33px 0;}

	#faqs-section {padding:20px 0; color:#3f3f3f; background:#FFF;}
	#faqs-section .content {float:none; width:auto;}
	#faqs-section .content h2 {margin:0 0 15px 0; font-size:24px; line-height:30px;}
	#faqs-section .content .faqs-list {margin:0 0 25px 0;}
	#faqs-section .content .faqs-list li {margin:0 0 15px 0;}
	#faqs-section .content .faqs-list li h3 {margin:0 0 5px 0;}

	#handover-section h1 {font-size:20px; line-height:26px;}
	#handover-section h1 br {display:none;}
	#handover-section .editable-content h3 span {font-size:20px; line-height:26px;}
	#handover-section .editable-content p {margin:0 0 20px 0;}
	#handover-section .editable-content p br {display:none;}

	.basic-section {padding:20px 0 10px 0;}
	.basic-section .blocks-list li {width:250px; margin-bottom:20px; padding:9px;}
	.points-section {padding:20px 0;}
	.points-section::before {display:none;}
	.points-section .col-wrap {display:block;}
	.points-section .col {display:block; width:auto; padding:0;}
	.points-section .col-1 {margin:0 0 20px 0;}
	.points-section .col-2 {padding:40px 0; background:url('../images/edl-advert-mobile.jpg') center center no-repeat #3f3f3f; background-size:cover;}
	.faqs-section {padding:20px 0;}
	.faqs {padding-top:65px;}

	#main {width:auto;}

	.application #main .feefo-award {display:none;}
	.application-form .application-steps li {width:100px;}
	.application-form .field-wrap {padding:15px 0 5px 0;}
	.application-form .field-wrap .field:not(.checkbox) label,
	.application-form .field-wrap .label {font-size:16px; line-height:22px;}
	.application-form .field-wrap .multiradio .options {font-size:0; text-align:center;}
	.application-form .field-wrap .multiradio .options .option {margin:0 10px 20px 10px;}
	.application-form .field-wrap .multiradio.type-b .label {width:334px;}
	.application-form .field-wrap .controls {padding-bottom:10px;}

	#reviews-widget .reviews-widget-switch {padding: 10px 32px;}

	#footer {padding:20px 0;}

	#new-slider-section #calculator .variable {width: 100%; max-width: 380px; padding: 0;}
	#new-slider-section #calculator .variable .input-wrap .slider-controls .dec {display: none;}
	#new-slider-section #calculator .variable .input-wrap .slider-controls .inc {display: none;}
	#new-slider-section #calculator .variable .input-wrap {float: none; width: 100%; padding: 0;}
	#new-slider-section #calculator .variable .loan {float: none; margin: 0 auto;}
	#new-slider-section #calculator .example {padding: 0 0 70px 0}

	#content .light-grey-block .block {max-width:none;}

	#intro-section.find-your-local-branch {min-height: 0;}
	#intro-section.find-your-local-branch .outer {display:block;}
	#intro-section.find-your-local-branch .inner {display:block;}
}

@media only screen and (min-width:540px) {
	
	#process-section .steps .steps-list .step {width:33.3%!important;}
	#process-section .steps .steps-list .step-2 {position:relative; width:33.4%!important;}

	#process-section .steps .steps-list .slick-track {width:100%!important; transform:none!important;}
	#process-section .steps .steps-list .slick-slide {display:block!important;}
	#process-section .steps .steps-list .slick-slide.slick-cloned {display:none!important;}
	#process-section .steps .steps-wrap .controls {display:none!important;}
	#process-section .slick-dots {display:none!important;}
}

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

	.wrapper {width:100%;}
	
	#header .quick-links {display:none;}

	#slider-section {padding:20px 0;}
	#slider-section .quick-links {display:block; margin:0 0 15px 0; text-align:center;}
	#slider-section .quick-links .button {margin:0 5px;}
	#slider-section .intro h1 {font-size:28px; line-height:34px;}
	#slider-section .intro p {font-size:16px; line-height:1.4em;}
	#slider-section #calculator {padding:20px 10px;}
	
	#intro-section {background:#93bf9d; background:linear-gradient(135deg, rgba(62,174,89,0.9) 0%, rgba(4,74,144,0.9) 100%);}
	#intro-section .inner {padding:10px 0;}
	#intro-section .content .intro {margin:0 0 5px 0; padding:20px 0 0 0;}
	#intro-section .content .intro h1 {font-size:30px; line-height:32px;}
	#intro-section .content .intro h1 span {font-size:20px; line-height:26px;}
	#intro-section .content .intro .points {padding:0;}
	#intro-section .content .intro .points li {display:block; margin:0 0 5px 0;}
	#intro-section .content .intro .points li h2 {font-size:18px; line-height:24px;}

	#intro-section #calculator {padding:0; background:none;}
	.home #calculator .header h2 {display:none;}
	#intro-section #calculator h2 {font-size:18px; line-height:24px;}
	#intro-section #calculator h3 {font-size:16px; line-height:1.4em;}
	#intro-section #calculator .points {max-width:300px; margin:0 auto 20px auto; padding:15px 0 0 0;}
	#intro-section #calculator .points li {padding-left:30px;}
	#intro-section #calculator .points li h2 {font-size:13px; line-height:18px;}
	#intro-section #calculator .points li:before {position:absolute; top:5px; left:0; width:20px; height:20px; line-height:20px;}
	#intro-section #calculator .variable {margin:0 0 20px 0;}
	#intro-section #calculator .example {margin:0 0 10px 0; font-size:13px;}
	#calculator .ratings {margin:0 -10px 20px -10px; padding:20px 0;}

	#jumps-section .jumps-list .jump {padding:10px 0 20px 0;}

	#process-section .wrapper {padding:0;}
	#process-section .content {padding:0 10px;}
	#process-section .steps .steps-wrap {position:relative; padding-bottom:50px; overflow:hidden;}
	#process-section .steps .steps-list {overflow:hidden;}
	#process-section .steps .steps-list .step {width:100%;}
	#process-section .steps .steps-list .step-2::before, #process-section .steps .steps-list .step-2::after {display:none;}
	#process-section .steps .steps-list .step .icon {width:80px;}
	#process-section .steps .steps-list p br {display:block;}

	#process-section .controls .control {z-index:1040; position:absolute; top:20px; display:block; overflow:hidden; display:block; width:40px; height:40px; text-indent:-9999px; background:url('../images/bg-pagination-single-arrow.svg') center center no-repeat #ff9400; background-size:auto 25px; transition:background-color 0.3s ease;}
	#process-section .controls .prev {left:0; transform:rotate(180deg);}
	#process-section .controls .next {right:0;}
	#process-section .slick-dots {z-index:1000; position:absolute; right:0; bottom:0; left:0; font-size:0; text-align:center;}
	#process-section .slick-dots li {display:inline-block; margin:0 3px; font-size:14px;}
	#process-section .slick-dots li button {display:block; width:8px; height:8px; text-indent:-9999px; border-radius:50%; border:1px solid #FFF; background:transparent;}
	#process-section .slick-dots li.slick-active button {background:#FFF;}

	#handover-section .button.visit .text span {display:none;}

	.basic-section .blocks-list {margin:0; padding:0;}
	.basic-section .blocks-list li {width:auto; max-width:330px; margin:0 auto 10px auto;}

	.points-section .watch {font-size:20px; line-height:26px;}

	.faqs-section #faqs-wrap .faqs {padding:10px;}

	.application-form .application-steps {margin-bottom:10px;}
	.application-form .application-steps::before {display:none;}
	.application-form .application-steps li {width:90px; font-size:14px; line-height:16px;}
	.application-form .application-steps li:nth-child(2) {margin:0;}
	.application-form .application-steps li:nth-child(2)::before,
	.application-form .application-steps li:nth-child(2)::after {display:none;}
	.application-form .application-steps li span {width:35px; height:35px; margin:0 auto 5px auto; font-size:22px; line-height:35px;}
	.application-form .field-wrap .multiradio .options .option {width:80px; margin:0 5px 10px 5px;}
	.application-form .field-wrap .multiradio .options .option label {font-size:12px; line-height:16px;}
	.application-form .field-wrap .multiradio .options:not(.icons) .option label {height:80px;}
	.application-form .field-wrap .multiradio .options.icons .option label::before {height:80px; background-size:80px 160px;}
	.application-form .field-wrap .multiradio .options.icons .option input:checked + label::before {background-position:0 -80px;}
	.application-form .field-wrap .multiradio.type-b .label {display:block; width:auto; margin:0 0 10px 0;}
	.application-form .field-wrap .multiradio.type-b .options {display:block; width:auto;}
	.application-form .field-wrap .multiradio.type-b .options .option {width:80px; margin:0 10px;}
	.application-form .field-wrap .checkbox label {padding:0 0 0 30px; font-size:13px;}

	.customer-reviews h1 { font-size: 30px; margin-top: 20px;}

	#reviews-widget .reviews-widget-switch {padding: 10px 47px;}
	.locations { align-content: space-around;  height: 1480px;}
}

@media only screen and (max-width:499px) {
	#reviews-widget .reviews-widget-switch {padding: 10px 37px;}
}

@media only screen and (max-width:449px) {
	#reviews-widget .reviews-widget-switch {padding: 10px 25px;}
}

@media only screen and (max-width:440px) {
	.contact-us .twitter h2 {font-size: 25px;}
}

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

	#main .button:not(.quick-link, .reviews-widget-next) {width:100%; padding:0; text-align:center;}

	.faqs-section .button-wrap .button {margin:0 0 10px 0;}

	.application-form .field-wrap .postcode {padding-right:0;}
	.application-form .field-wrap .postcode input {margin:0 0 10px 0;}
	.application-form .field-wrap .postcode .button {position:static; top:auto; right:auto;}

	.application-form .field-wrap .controls .button.prev {margin:10px 0 0 0;}

	#reviews-widget .reviews-widget-switch {padding: 10px 12px;}
	.strapline-wrap.new-strapline .strapline .part-1 {width:130px; padding: 0 10px;}
	.strapline-wrap.new-strapline .strapline .part-2 {width:140px; padding: 0 10px;}
	
	.contact-us .twitter h2 {font-size: 20px;}
}

@media only screen and (max-width:393px) {
	#reviews-widget .reviews-widget-switch {padding: 10px;}
}

@media only screen and (max-width:360px) {
	.contact-us .twitter .top-line {padding-left: 10px;}
	.contact-us .twitter .top-line .left img {padding-right: 5px;}
	.contact-us .info-button {width: 100%;}
}