/*****************
								      // -----------------
								      // FOR MOBILE PHONE 
								      // _________________
								      // *****************/


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

										#rowoflogos .icons {
											max-height: 180px;
											width: 250px;
											padding: 0px 0px;
											display: block;
											aspect-ratio: 3/2;
											object-fit: contain;
										}
										#rowoflogos .iconsSml {
											width: 120px;
										}
										
										#rowoflogos {
											display: block;
											text-align: center;
											position: relative;
											background: #fff;
											padding:5px 0px;
										}

										html {
											overflow-x: hidden;	
										}

										.cookiePopUp {
											line-height: 14px;
											padding: 5px 5px;
										}
									
									
										nav {
											z-index: 50000000;
											background: #fff !important; 
											font-size: 15px;
											font-weight: 500;
											-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.35);
											-moz-box-shadow:    0px 0px 11px 0px rgba(0, 0, 0, 0.35);
											box-shadow:         0px 0px 11px 0px rgba(0, 0, 0, 0.35);
										}
									
									
									
										.logoMob  {
											display: block;
										}
										.howWorksRow #aniArrow {
											display:none;
										}

										
										
										
										#hamburger.hamburgerIco  {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
										
										
									
										#splashArea {
											background: #000 url(../images/sp5.jpg) no-repeat center center;
											-webkit-background-size: cover;
											-moz-background-size: cover;
											-o-background-size: cover;
											background-size: cover;	
											text-align: center;
											align-items: center;
											justify-content: center;
											position: relative;
											
										}
										
										#splashArea .formAreaSize {
											width: 80%;
											margin: 0px auto;
											font-size:1.3rem;
									
										}
									
										#splashArea .formSize {
											padding-bottom: 25px;
											width: 80%;
											margin: 0px auto;
									
										}
										
										#title {
											font-size: 30px;
											line-height: 33px;
											font-weight: 500;
											letter-spacing: 0px;
											margin: 0px 0px 0px 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
									
										#splashArea h1 {
											font-size: 18px;
											line-height: 22px;
											padding: 10px 0px 20px 0px;
										}
									
									
										.pageButtonWrapper {
											padding: 56px 0px 0px 0px;
											text-align: left !important;
											margin: 0px;
											display: block;
										}
										
										.pageButton {
											width: 100%;
										}
										
										#splashArea .appNumber {
											display: block;
											font-size: 17px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 700;
											text-align: center;
											margin: 0px auto;
											border: 0px;
											padding: 30px 0px;
											position: relative !important;
										}
										
										
									
										
										
										 #aniArrow #helpIco {
											 display: none;
										}	
										
										
										
										 .smlBot {
											 margin-bottom: -20px;
										}	

										.helpWithRow #bgColour  {
											-webkit-transition: none;
											transition: none;
										}
										
										.helpWithRow #bgColour:hover {
											background: #fff;
										}
										
										.helpWithRow #helpIco {
											width: 110px;
											display: block;
											margin: 0px auto -40px;
										}
										
										.helpWithRow h3 {
											display: block;
											font-size: 16px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fe2f64;
											font-weight: 700;
											margin: -20px 0px 20px 0px;
											border: 0px;
											padding: 0px 0px 0px 0px;
										}
										
										
									
									
										#newsletterRow h2 {
											display: block;
											font-size: 13px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 500;
											margin: 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
										
										#newsletterRow .form-control {
											font-size: 13px;
											line-height: 20px;
											font-weight: 500;
										}
										
										#newsletterRow button:after {
											content: "";
											position: absolute;
											left: 0;
											top: 0;
											height: 390%;
											width: 170%;
											background: #5562eb;
											-webkit-transition: all .3s ease-in-out;
											transition: all .3s ease-in-out;
											-webkit-transform: translateX(-110%) translateY(-25%) rotate(45deg);
											transform: translateX(-110%) translateY(-25%) rotate(45deg);
										}
										
										
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-size: 150%;
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}

										.contactOption  {
											-webkit-transition: none;
											transition: none;
										}
										
										.contactOption:hover {
											background: #fff;
										}
										
										.contactOption.Lrg {
											padding: 20px !important;
									
										}
										
										#footer {
											overflow: hidden;
										}
										
										.footer2 img {
											width:75%;
										}

										.footerSocialIcons img {
											width:34px;
										}

										.footerHeaderTxt {
											margin: 0px 0px 5px 0px;
											font-weight:700;
										}
										
										.globeRow .pin1 {
											width: 14px;
										}
										.globeRow .pin2 {
											width: 14px;
										}
										.globeRow .pin3 {
											width: 14px;
										}
										.globeRow .pin4 {
											width: 14px;
										}
										.globeRow .pin5 {
											width: 14px;
										}
										.globeRow .pin6 {
											width: 14px;
										}
										
										
										.logoRow h1, #chooseRow h1, .aboutRow h1, #howWorksRow h1, .helpWithRow h1, .globeRow h1 {
											font-size: 28px !important;
											line-height: 34px !important;
											padding: 0px 0px 10px 0px !important;
										}	

										#logoRow {
											padding:30px 15px;
										}

										#logoRow h1 {
											font-size:42px;
										}
										
										.globeRow .word {
											font-size: 20px !important;
											line-height: 24px !important;
											height: 50px !important;
										}	
										
										
										#leveldownSubHeader {
											display: block;
											font-family: 'Poppins', sans-serif;
											font-size: 23px;
											line-height: 28px;
											font-weight: 500;
											color: #fff;
											margin: 0px;
											border: 0px;
											padding: 3rem 0px 0px 0px;
											position: relative;
											z-index: 3;
											text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
										}	
										
										.unsubOption.Lrg {
											padding: 20px;
									
										}
										
										
										
										
										
									
									}
									
									
																		  /*****************
																		  // -----------------
																		  // FOR MOBILE PHONE LANDSCAPE
																		  // _________________
																		  // *****************/
									
									
									@media only screen and (max-width: 740px) and (orientation: landscape) {
									
										html {
											overflow-x: hidden;	
										}
									
										.logoMob  {
											display: block;
										}
									
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}

										.howWorksRow #aniArrow {
											display:none;
										}
										
									
										
										
										#splashArea .formAreaSize {
											width: 80%;
											margin: 0px auto;
									
										}
									
										#splashArea .formSize {
											width: 80%;
											margin: 0px auto;
									
										}
										
										#title {
											font-size: 40px;
											line-height: 53px;
											font-weight: 500;
											letter-spacing: 0px;
											margin: 0px 0px 0px 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
									
										#splashArea h1 {
											font-size: 22px;
											line-height: 29px;
											padding: 10px 0px 20px 0px;
										}
									
									
										.pageButtonWrapper {
											padding: 6px 0px 0px 0px;
											text-align: left !important;
											margin: 0px;
											display: block;
										}
										
									
										
										#splashArea .appNumber {
											display: block;
											font-size: 17px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 700;
											text-align: center;
											margin: 0px auto;
											border: 0px;
											padding: 20px 0px 0px 0px;
											position: relative !important;
										}
									
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}
										
										#footer {
											overflow: hidden;
										}	
										
										
									}
									
									
									
									
																		  /*****************
																		  // -----------------
																		  // FOR TABLET PORTRAIT
																		  // _________________
																		  // *****************/
																		  
																		  
									@media only screen and (min-width: 640px) and (orientation: portrait) {
									 
										 html {
											overflow-x: hidden;	
										}
									
									
										.logoMob  {
											display: block;
										}
										
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
										
										
									
										#splashArea .formAreaSize {
											width: 80%;
											margin: 0px auto;
									
										}
									
										#splashArea .formSize {
											width: 80%;
											margin: 0px auto;
									
										}
										
										#title {
											font-size: 40px;
											line-height: 53px;
											font-weight: 500;
											letter-spacing: 0px;
											margin: 0px 0px 0px 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
									
										#splashArea h1 {
											font-size: 22px;
											line-height: 29px;
											padding: 10px 0px 20px 0px;
										}
									
									
										.pageButtonWrapper {
											padding: 6px 0px 0px 0px;
											text-align: left !important;
											margin: 0px;
											display: block;
										}
										
									
										
										#splashArea .appNumber {
											display: block;
											font-size: 17px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 700;
											text-align: center;
											margin: 0px auto;
											border: 0px;
											padding: 40px 0px;
											position: relative !important;
										}
									
									
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}
									
										#footer {
											overflow: hidden;
										}
									  
									}
									
									
									
									
									
									
									
									
																		  /*****************
																		  // -----------------
																		  // FOR TABLET LANDSCAPE
																		  // _________________
																		  // *****************/
									
									
									@media screen and (min-device-width: 768px) and (max-width: 1024px) and (orientation: landscape){
									
										html {
											overflow-x: hidden;	
										}
									
									
										.logoMob  {
											display: block;
										}
										
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
									
									
										#splashArea .formAreaSize {
											width: 80%;
											margin: 0px auto;
									
										}
									
										#splashArea .formSize {
											width: 80%;
											margin: 0px auto;
									
										}
										
										#title {
											font-size: 40px;
											line-height: 53px;
											font-weight: 500;
											letter-spacing: 0px;
											margin: 0px 0px 0px 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
									
										#splashArea h1 {
											font-size: 22px;
											line-height: 29px;
											padding: 10px 0px 20px 0px;
										}
									
									
										.pageButtonWrapper {
											padding: 6px 0px 0px 0px;
											text-align: left !important;
											margin: 0px;
											display: block;
										}
										
									
										
										#splashArea .appNumber {
											display: block;
											font-size: 17px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 700;
											text-align: center;
											margin: 0px auto;
											border: 0px;
											padding: 50px 0px;
											position: relative !important;
										}
									
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}
										
										#footer {
											overflow: hidden;
										}	
										
									
									}
									
									
									
																		  /*****************
																		  // -----------------
																		  // FOR 320PX SCREENS PORTRAIT
																		  // _________________
																		  // *****************/
									
									  @media (max-width: 320px)
									  and (orientation: portrait) {
									  
										 html {
											overflow-x: hidden;	
										} 
									  
									  
										
										#footer {
											overflow: hidden;
										}
									
									}
									
									
									
									
																		  /*****************
																		  // -----------------
																		  // IPHONE X PORTRAIT
																		  // _________________
																		  // *****************/
									
									
									
									@media only screen 
									and (min-device-width : 375px) 
									and (max-width : 812px) 
									and (-webkit-device-pixel-ratio : 3)
									and (orientation : portrait) { 
									
										html {
											overflow-x: hidden;	
										}
									
									
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
									
										
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}
										
										#footer {
											overflow: hidden;
										}
										
										
										
										
									}
									
									
									
									
																		  /*****************
																		  // -----------------
																		  // IPHONE X LANDSCAPE
																		  // _________________
																		  // *****************/
																		  
																		  
									
									
									@media only screen 
									and (min-device-width : 375px) 
									and (max-width : 812px) 
									and (-webkit-device-pixel-ratio : 3)
									and (orientation : landscape) { 
									
										html {
											overflow-x: hidden;	
										}
									
									
										
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
										
										#splashArea .formAreaSize {
											width: 80%;
											margin: 0px auto;
									
										}
									
										#splashArea .formSize {
											width: 80%;
											margin: 0px auto;
									
										}
										
										#title {
											font-size: 40px;
											line-height: 53px;
											font-weight: 500;
											letter-spacing: 0px;
											margin: 0px 0px 0px 0px;
											border: 0px;
											padding: 0px 0px 20px 0px;
										}
										
									
										#splashArea h1 {
											font-size: 22px;
											line-height: 29px;
											padding: 10px 0px 20px 0px;
										}
									
									
										.pageButtonWrapper {
											padding: 6px 0px 0px 0px;
											text-align: left !important;
											margin: 0px;
											display: block;
										}
										
									
										
										#splashArea .appNumber {
											display: block;
											font-size: 17px;
											line-height: 20px;
											letter-spacing: 0px;
											color: #fff;
											font-weight: 700;
											text-align: center;
											margin: 0px auto;
											border: 0px;
											padding: 20px 0px;
											position: relative !important;
										}
										
										.skyline2 {
											height: 148px;
											z-index: 9;
											margin: 10px 0px -1px 0px;
											background-image: url(../images/footer2.svg);
											background-repeat: repeat-x;
											background-position: bottom center;
											position: relative;
										}
										
										.coptor {
											position: absolute;
											height: 28px;
											margin: 50px 0px -1px 0px;
											animation: cloud 33s linear 0s infinite reverse;
											z-index: 90;
											overflow: unset;
										}
										.coptor img {
											width:28px;
											height:28px;
										}
									
										#footer {
											overflow: hidden;
										}
									
									}
									
									
									
																		  /*****************
																		  // -----------------
																		  // IPAD PRO 12.9 PORTRAIT
																		  // _________________
																		  // *****************/
									
									@media only screen 
									  and (min-device-width: 1024px) 
									  and (max-width: 1024px) 
									  and (orientation: portrait) 
									  and (-webkit-min-device-pixel-ratio: 2) {
									
									
										html {
											overflow-x: hidden;	
										}
									
									
									
										
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
									
										
										#footer {
											overflow: hidden;
										}
									
									}
									
									
									
									
																		  /*****************
																		  // -----------------
																		  // IPAD PRO 12.9 LANDSCAPE
																		  // _________________
																		  // *****************/
									@media only screen 
									  and (min-device-width: 1366px) 
									  and (max-width: 1366px) 
									  and (orientation: landscape) 
									  and (-webkit-min-device-pixel-ratio: 2) {
									
										html {
											overflow-x: hidden;	
										}
									
									
										#hamburger.hamburgerIco {
											display: inline-block !important;
											color: #fe2f64 !important;
										}
										
									
										#footer {
											overflow: hidden;
										}
										
									
									}