/* ============================================================================================================================
== BREXIT PAGE AUGUST 7th 2019 - MEDIA QUERIES
** ============================================================================================================================ */

@media (max-width: 1200px){

	.brexit-clear-customs-training-overview .overview-image {
		right: 0;
	}

}


@media (max-width: 1100px){


}

@media (max-width:1150px){

	.brexit-customs-training-page-wrapper h2 {
		font-size: 56px;
	}

	.brexit-customs-training-banner .dark-arrows {
		top: 20px;
	}

	.brexit-customs-training-banner .brexit-banner-image {
		padding-top: 80px;
		padding-left: 70px;
	}

	.brexit-customs-training-banner .promo-panel {
		top: 140px;
		max-width: 38vw;
	}
	.customs-training-support-btn-container {
		right: 8%;
		top: 160px;
		max-width: 45vw;
	}

	.brexit-why-clear-customs-training {
		border-radius: 180px 0px 0px 0px;
		padding: 90px 0px 20px 20px;
	}

	.modal-container {
		padding-top: 7vh;
	}
	.modal-container .brexit-clear-customs-training-overview {
		width: 95%;
		max-width: 95%;
	}
	.modal-container .brexit-clear-customs-training-overview .overview-image {
		position: absolute;
		right: 2%;
		top: 100px;
		max-width: 40vw;
	}
	.modal-container .brexit-clear-customs-training-overview .customs-overview {
		width: 65%;
	}




}

@media (max-width:991px){

	.show-for-tablet-991-and-smaller{display: block;}
	.hide-for-tablet-991-and-smaller{display: none;}

	.brexit-customs-training-banner .brexit-banner-image {
		height: 500px;
		width: 60vw;
		float: right;
		padding-top: 80px;
		padding-left: 60px;
	}
	.brexit-customs-training-banner h1 {
		font-size: 50px;
	}
	.brexit-customs-training-banner .promo-panel {
		top: 140px;
		max-width: 38vw;
	}
	.free-training-btn-container{
		text-align: center;
		margin: 0 auto;
	}

	.brexit-why-clear-customs-training {
		border-radius: 170px 0px 0px 0px;
	}

	.modal-container{
		padding-top: 5vh;
	}
	.modal-container .brexit-clear-customs-training-overview .overview-image {
		position: relative;
		right: auto;
		top: 0px;
		max-width: 100%;
		width: 100%;
	}
	.modal-container .brexit-clear-customs-training-overview .customs-overview {
		width: 100%;
		padding-left: 40px;
		padding-top: 0px;
	}
	.modal-container .brexit-clear-customs-training-overview .clear-customs-box-border {
		border: none;
		padding-bottom: 0;
	}
	.modal-container .brexit-clear-customs-training-overview .dark-arrows {
		top: 150px;
		position: absolute;
		z-index: 11;
		left: 10px;
		width:40px;
	}
	.modal-container .brexit-clear-customs-training-overview h2 {
		max-width: 100%;
		font-size: 35px;
		line-height: 42px;
	}
	.modal-container .brexit-clear-customs-training-overview h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.modal-container .brexit-clear-customs-training-overview .register-btn-abs {
		position: absolute;
		bottom: 120px;
		right: auto;
		left: calc(50% - 120px);
	}
	.modal-container .brexit-clear-customs-training-overview {
		width: 95%;
		max-width: 95%;
		padding: 15px 0px 0px 10px;
	}


}




/* ==================================== */
/* COMMON SMARTPHONE SIZE								*/
/* ------------------------------------ */
@media (max-width:767px) {

	.home-hero.clear-customs {
		padding-top: 130px;
		height: auto;
		padding-bottom: 20px;
	}
	.home-hero.clear-customs .promo-panel {
		max-width: 100%;
	}
	.home-hero.clear-customs h2 {
		font-size: 26px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}

	.brexit-customs-training-page-wrapper h2{
		font-size: 40px;
		text-align: center;
	}
	.brexit-customs-training-page-wrapper p.small-white{
		font-size: 18px;
	}
	.brexit-customs-training-page-wrapper ul.small-white-list li{
		font-size: 18px;
	}
	.brexit-customs-training-page-wrapper section{
		min-height: 400px;
	}
	.brexit-customs-training-page-wrapper .btn-medium.btn-register-your-interest{
		font-size: 20px;
		padding: 0px 20px;
		height: 48px;
		line-height: 48px;
		border-radius: 24px;
	}








	.brexit-customs-training-banner{
		background-image: url('../images/brexit/curved-shape-semi-transparent.png');
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0px 0px 80px 0px;
		position: relative;
	}
	.brexit-customs-training-banner .dark-arrows{
		position: absolute;
		right:0;
		top:100px;
		z-index: 10;
		width: 90px;
	}
	.brexit-customs-training-banner h1{
		font-size: 37px;
		line-height: 1.2em;
	}
	.brexit-customs-training-banner .brexit-banner-image{
		width: auto;
		float: none;
		padding-top: 60px;
		padding-left: 30px;
		background-image: url('../images/brexit/brexit-banner-image-01.jpg');
		background-repeat: no-repeat;
		background-position: left top;
		height: 330px;
		border-radius: 85px 0px 85px 0px;
		padding: 60px 40px 40px 30px;
		position: relative;
		max-width: 95%;
		margin-left: 10%;
		background-size: cover;
	}

	.brexit-customs-training-banner .brexit-banner-image::after {
		content: '';
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 40px;
		left: 0;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		border-radius: 85px 0px 85px 0px;
	}

	.brexit-customs-training-banner .brexit-banner-image .shape1{
		border-radius: 85px 0px 85px 0px;
		border:1px solid white;
	}

	.brexit-customs-training-banner .promo-panel{
		position: relative;
		left:30px;
		top:40px;
		z-index: 9;
		max-width: 55%;
	}
	.brexit-customs-training-banner .free-training-btn-container{
		padding: 50px 0px;
	}


	.brexit-why-clear-customs-training{
		background-color: #024654;
		background-image: url('../images/brexit/bg-why-clear-customs-training.jpg');
		background-repeat: no-repeat;
		background-position: right center;
		background-size: cover;
		border-radius: 110px 0px 0px 0px;
		padding: 80px 0px 20px 0px;
		position: relative;
	}
	.customs-training-support-btn-container{
		position: absolute;
		right:17%;
		top:200px;
	}


	.brexit-why-clear-customs-training p{
		font-size: 18px;
	}
	.brexit-why-clear-customs-training p.intro{
		font-size: 25px;
		line-height: 28px;
	}
	.brexit-why-clear-customs-training h4{
		width: 100%;
		display: block;
		text-align: center;
	}
	.brexit-why-clear-customs-training .partners{
		margin-top: 40px;
	}
	.brexit-why-clear-customs-training ul.partner-logos{
		display: block;
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	.brexit-why-clear-customs-training ul.partner-logos li{
		display: inline-block;
		width: 47%;
		padding: 10px 10px;
	}

	.brexit-why-clear-customs-training ul.partner-logos li:nth-child(2),
	.brexit-why-clear-customs-training ul.partner-logos li:nth-child(3),
	.brexit-why-clear-customs-training ul.partner-logos li:nth-child(5),
	.brexit-why-clear-customs-training ul.partner-logos li:nth-child(6){
		width: 47%;
	}



	.brexit-who-is-this-for{
		padding: 50px 0px;
	}

	.brexit-who-is-this-for h2{
		text-align: center;
		margin-bottom: 60px;
		padding-left: 10%;
		padding-right: 10%;
		display: block;
		margin: 0 auto 60px auto;
		position: relative;
	}
	.brexit-who-is-this-for h2::before{
		content:'';
		background: url('../images/brexit/arrows-left-white.png') no-repeat left center;
		width:50px;
		height:50px;
		position: absolute;
		left: 0;
		background-size: 60px auto;
	}
	.brexit-who-is-this-for h2::after{
		content:'';
		background: url('../images/brexit/arrows-right-white.png') no-repeat right center;
		width:52px;
		height:50px;
		position: absolute;
		right: 0;
		background-size: 60px auto;
		top: 0;
	}


	.brexit-who-is-this-for .who-for-wrapper{
		padding: 10px 7%;
		margin-bottom: 50px;
	}
	.brexit-who-is-this-for .who-for-wrapper img{
		margin: 0 auto;
	}
	.brexit-who-is-this-for h3{
		font-size: 25px;
	}
	.brexit-who-is-this-for p{
		font-size: 18px;
	}

	.brexit-clear-customs-training-overview{
		padding: 60px 0;
		position: relative;
		padding-top: 100px;
	}
	.brexit-clear-customs-training-overview .clear-customs-box-border{
		border: 2px solid #1ba97f;
		border-radius: 110px 0px 110px 0px;
		padding-bottom: 100px;
	}
	.brexit-clear-customs-training-overview .customs-overview{
		width: 90%;
		padding-left: 40px;
		padding-top: 60px;
	}
	.brexit-clear-customs-training-overview h2{
		margin-bottom: 50px;
		text-align: left;
		max-width: 45vw;
	}
	.brexit-clear-customs-training-overview p{
		font-size: 18px;
	}

	.brexit-clear-customs-training-overview .light-arrows{
		display: none;
	}
	.brexit-clear-customs-training-overview .overview-image{
		position: absolute;
		top:40px;
		right:0px;
		width: 60%;
	}
	.brexit-clear-customs-training-overview  .register-btn-abs{
		position: initial;
		bottom: 90px;
		left: 50px;
		right:0;
		margin: 50px auto 0 auto;
		display: block;
	}


	.brexit-what-skills-will-i-learn{
		padding: 100px 0px;
		border-radius: 220px 0px 0px 0px;
	}

	.brexit-what-skills-will-i-learn h2{
		padding-left: 10%;
		padding-right: 10%;
		margin: 0 auto 60px auto;
	}
	.brexit-what-skills-will-i-learn h2::before{
		content:none;
	}
	.brexit-what-skills-will-i-learn h2::after{
		content:none;
	}


	.brexit-what-skills-will-i-learn .skill-container{
		padding: 0px 12%;
		margin-bottom: 50px;
	}

	.brexit-what-skills-will-i-learn .skill-container .num{
		height:auto;
		width:100%;
		margin: 10px auto;
		text-align: center;
	}
	.brexit-what-skills-will-i-learn .skill-container .num img{
		height:auto;
		width:100%;
	}

	.brexit-what-skills-will-i-learn .skill-container hr{
		height:0;
		border-top:2px solid #7ab728;
	}
	.brexit-what-skills-will-i-learn .skill-container p{
		font-size: 16px;
	}


	.brexit-financial-incentive{
		padding: 100px 0px;
		border-radius: 0px 0px 220px 0px;
		position: relative;
	}
	.financial-incentive-img{
		margin: 20px auto;
		display: block;
		max-width: 90%;
	}
	.brexit-financial-incentive h2{
		margin-bottom: 50px;
	}
	.brexit-financial-incentive .intro p{
		font-size: 18px;
	}
	.brexit-financial-incentive .intro p:nth-child(2){
		margin-left: 40px;
		margin-bottom: 60px;
	}
	.brexit-financial-incentive p{
		font-size: 18px;
	}
	.brexit-financial-incentive .criteria-list{
		margin-bottom: 100px;
	}
	.brexit-financial-incentive .criteria-list ul li{
		font-size: 18px;
	}
	.brexit-financial-incentive .criteria-image{
		position: relative;
		left:auto;
		top:auto;
	}
	.brexit-financial-incentive .countdown-circular-shape-wrapper{
		background-image: url('../images/brexit/countdown-circular-shape.png');
		background-repeat: no-repeat;
		background-position: top center;
		margin: 40px auto;
		text-align: center;
		background-size: 100% auto;
		padding-top:80px;

	}
	.brexit-financial-incentive .countdown-circular-shape-wrapper h5{
		font-size: 70px;
		line-height: 70px;
		margin-bottom: 0px;
		margin-top: 0;
	}
	.brexit-financial-incentive .countdown-circular-shape-wrapper #days{
		font-weight: 400;
		font-size: 140px;
		line-height: 120px;
	}
	.brexit-financial-incentive .countdown-circular-shape-wrapper h3{
		font-size: 30px;
		margin-top: 60px;
	}
	.brexit-financial-incentive .countdown-circular-shape-wrapper p{
		font-size: 17px;
	}

	.brexit-register-your-interest{
		padding: 70px 0px;
	}
	.brexit-register-your-interest .icon-reg-interest{
		margin-top: 20px;
	}
	.brexit-register-your-interest h2{
		margin-bottom: 20px;
	}
	.brexit-register-your-interest p{
		font-size: 18px;
		margin-bottom: 35px;
		max-width: 500px;
	}
	.brexit-register-your-interest hr{
		height:0;
		border-top:2px solid #112c3a;
		margin-bottom: 30px;
	}
	.brexit-register-your-interest h4{
		font-size: 25px;
	}

	.brexit-register-your-interest .nf-multi-cell .nf-cell{
		padding-right: 0px;
	}
	.brexit-register-your-interest .nf-multi-cell .nf-cell:nth-child(2){
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 15px;
	}
	.brexit-register-your-interest .nf-field-element input{
		height: 50px !important;
		border: none !important;
		padding-left: 12px;
		font-size: 16px;
		line-height: 50px;
	}
	.brexit-register-your-interest .list-checkbox-wrap .nf-field-element li input,
	.brexit-register-your-interest .list-radio-wrap .nf-field-element li input{
		height:auto !important;
	}
	.brexit-register-your-interest .nf-field-element textarea{
		border: none !important;
		padding-left: 12px;
		background-color: #efefee;
	}


	.brexit-register-your-interest .nf-field-element select {
		font-size: 16px;
		line-height: 50px;
		padding: 2px 26px 0px 12px;
		height:50px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-image: url('images/dropdownarrow.svg');
		background-position: right center;
		background-repeat: no-repeat;
		border-radius: 0px;
		outline: none;
		width: 100%;
		background-position: 98% 22px;
		border: none !important;
	}
	.brexit-register-your-interest .nf-field-element select::-ms-expand {
		display: none; /* hide the default arrow in ie10 and ie11 */
	}

	.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap button,
	.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap input[type=submit],
	.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap input[type=button] {
		padding: 0px 50px;
		height: 40px !important;
		border-radius: 30px;
		font-size: 18px;
		line-height: 60px;
		border: none !important;
		width: 80%;
		height:60px !important;
		margin: 10px auto;
		display: block;
	}
	.brexit-register-your-interest .nf-field-container.half-width {
		width: 100%;
		display: block;
	}


}

/* ===================================== */



@media (max-width:666px){

	.brexit-customs-training-banner h1{
		font-size: 34px;
		margin-top: 0;
	}

	.brexit-customs-training-banner h1{
		font-size: 34px;
	}
	.brexit-customs-training-banner .brexit-banner-image{
		padding-top: 50px;
		padding-left: 20px;
		border-radius: 85px 0px 85px 0px;
		padding: 50px 40px 40px 20px;
		max-width: 100%;
		margin-left: 5%;
		background-size: cover;
	}



	.brexit-customs-training-banner .promo-panel{
		top:30px;
	}



}


@media (max-width:560px){

	.modal-container .brexit-clear-customs-training-overview .customs-overview {
		padding-left: 30px;
	}
	.modal-container .brexit-clear-customs-training-overview .dark-arrows {
		width:35px;
	}
	.modal-container .brexit-clear-customs-training-overview h2 {
		font-size: 30px;
		line-height: 36px;
	}
	.modal-container .brexit-clear-customs-training-overview h3 {
		font-size: 19px;
		line-height: 1.3em;
	}
	.modal-container .brexit-clear-customs-training-overview {
		padding: 0px 0px 0px 0px;
	}


}

@media (max-width:350px){

	.modal-container .brexit-clear-customs-training-overview .customs-overview {
		padding-left: 0px;
	}
	.modal-container .brexit-clear-customs-training-overview .dark-arrows {
		display: none;
	}


}