/* Media Queries */

/*
@media only screen and (min-width: 1650px) and (max-width: 1910px) {
.helpline { position: absolute; right:14%!important; top:100px; clear: both; }
}

@media only screen and (min-width: 1540px) and (max-width: 1649px) {
.helpline { position: absolute; right:11%!important; top:100px; clear: both; }
}

@media only screen and (min-width: 1300px) and (max-width: 1539px) {
.helpline { position: absolute; right:5%!important; top:100px; clear: both; }
}
*/
@media only screen and (max-width: 767px) {
	.gform_wrapper {
	 float: none !important;
	}
}
@media only screen and (min-width: 1230px) and (max-width: 1280px) {
.tv-banner { padding-bottom: 10px; }
}

@media only screen and (min-width: 992px) and (max-width: 1229px) {
.tv-banner .container { padding-left:15px; padding-right: 15px; }
.tv-banner .section-one h1 { font-size: 40px; line-height: 40px; margin-top: 15px; }
.tv-banner { padding-bottom: 10px; }
}


@media only screen and (min-width: 992px) and (max-width: 1299px) {
.page-template-page-money-tools-landing-2020 .sub-landing .grid-box {min-height: 205px; padding-top: 20px; }

.page-template-page-money-tools-landing-2020 .grid-box h2 a { font-size: 19px; min-width:260px!important; }

.page-template-page-money-tools-landing-2020 .grid-box.large { padding: 20px 20px 15px 15px; }
.page-template-page-money-tools-landing-2020 .grid-box.large h2 a {
 height: 80px; font-size: 18px;  line-height: 140%;  min-width: 265px!important; }

}

@media only screen and (min-width:767px) and (max-width: 991px) {

.page-template-page-money-tools-landing-2020 .sub-landing .grid-box {min-height: 205px;  }

}

@media only screen and (min-width:767px) and (max-width: 1199px) {


.page-template-page-money-tools-landing-2020 .sub-landing .grid-box {min-height: 205px; padding-top: 20px; }

.page-template-page-money-tools-landing-2020 .grid-box.large { padding: 20px 20px 15px 15px; }

.page-template-page-money-tools-landing-2020 .grid-box.cc h2 a:before { content: url(../img/creditcards.svg); color:#fff!important;
position: absolute; left:12px; top:9px; }

.page-template-page-money-tools-landing-2020 .grid-box.saving h2 a:before { display: block;  content: ' '; background-image: url('../img/piggybank-01.svg'); background-size: 32px 32px; height: 32px; width: 32px;
position: absolute; left:13px; top:10px; }

.page-template-page-money-tools-landing-2020 .grid-box.cash-bag h2 a:before { content: url(../img/cash-bag.svg); color:#fff!important;
position: absolute; left:16px; top:9px; }

.page-template-page-money-tools-landing-2020 .grid-box.cash-loan h2 a:before { content: url(../img/cash-loan.svg); color:#fff!important;
position: absolute; left:12px; top:11px; }

.sub-landing .grid-box.house-windows h2 a:before { content: url(../img/house-windows.svg); color:#fff!important;
 left:15px; top:10px; }

.page.page-id-12137 .sub-landing .grid-box { min-height: 245px; }
.page.page-id-12137 .sub-landing .grid-box h2 a { font-size: 19px; }

.page.page-id-12678 .sub-landing .grid-box h2 a { font-size: 19px; padding: 11px 10px 11px 50px;}

.consumers-landing .quicklinks .ql a {font-weight: 600; font-size: 20px; }

a.ql-euro:before {  left:28px; top:16px; }

a.ql-house:before {  left:16px; top:15px;  }

a.ql-cars:before {  left:19px; top:16px;}

a.ql-coins:before { left:20px; top:15px; }

a.ql-bag:before {  left:21px; top:14px; }

a.ql-plane:before { left:22px; top:14px; }

a.ql-speaker:before {  left:20px; top:14px; }

a.ql-scales:before {  left:18px; top:14px; }

a.ql-bubble:before { left:21px; top:15px; }

a.ql-covid:before { left:20px; top:14px; }

}

@media only screen and (min-width:767px) and (max-width: 991px) {
.page-template-page-consumers-2020 .four-col-wrap .col-sm-4 {  min-height: 320px; }
.page-id-12422 .sub-landing .grid-box { min-height: 240px; }

}

@media only screen and (max-width: 1600px) {
.home-banner { min-height: 200px; }
.home-banner h1 {font-size: 32px; margin-top: 40px; margin-bottom: 5px;}
.quick-links h2 {  margin-top: 22px;  margin-bottom: 15px; font-size: 30px; }
.quick-links .quick img { max-width: 100px; max-height: 96px; }
.quick-links .quick h3 { font-size: 20px; margin-bottom: -5px;}
.quick-links .quick h3 a { font-size: 20px;}
.quick-links .quick:hover h3 a { font-size: 20px;}
}

@media only screen and (min-width: 992px) and (max-width: 1766px) {
.flag { left: 2%;  padding:8px 20px 2px 20px; }
.flag a { position: relative; top:0px; font-size: 15px!important; }
.flag2 { left: 2%;  padding:8px 20px 2px 20px; }
.flag2 a { position: relative; top:0px; font-size: 15px!important; }
}

@media only screen and (min-width: 992px) and (max-width:1279px) {
.quick-links .toprow { margin-top:40px; }
}

@media only screen and (min-width: 1405px) and (max-width: 1528px) {
.quick-links .flag {  position: absolute; top:0%; left: -10%; }
.quick-links .flag2 {  position: absolute; top:0%; left: -10%; }
}

@media only screen and (min-width: 1329px) and (max-width: 1404px) {
.quick-links .flag {  position: absolute; top:0%; left: -7%; }
.quick-links .flag2 {  position: absolute; top:0%; left: -7%; }
}

@media only screen and (min-width: 1280px) and (max-width: 1328px) {
.quick-links .flag {  position: absolute; top:0%; left: -5%; }
.quick-links .flag2 {  position: absolute; top:0%; left: -5%; }
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.quick-links .flag {  position: absolute; top:0%; left: 0%; }
.quick-links .flag2 {  position: absolute; top:0%; left: 0%; }
}

@media only screen and (min-width: 1101px) and (max-width: 1199px) {
.quick-links .flag {  position: absolute; top:0%; left: -5%; }
.quick-links .flag2 {  position: absolute; top:0%; left: -5%; }
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
.quick-links .flag {  position: absolute; top:0%; left: 0%; }
.quick-links .flag2 {  position: absolute; top:0%; left: 0%; }
}


@media only screen and (min-width: 1281px) and (max-width: 1380px) {
	/*.home-banner { min-height: 155px; }
	.home-banner h1 {font-size: 32px; margin-top: 10px; }*/
	.search-area .form-control { height: 50px; margin-top: 0px; width: 60%; background-position: 96% 53%;  }
	.search-area button#search-icon { width: 15%; padding: 10px 14px!important; font-size: 21px; top:1px; left:-3px;}
	.quick-links h2 {  font-size: 30px; margin-top: 15px; margin-bottom: 15px; }
}



@media only screen and (min-width: 992px) and (max-width: 1215px) {
.generic-banner .titlewrap h1 {line-height:42px; 
font-size: 35px; margin-top: 10px;}
.generic-banner .container p {width: 85%; font-size: 17px; line-height: 140%; }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.generic-banner { position: relative; }
.generic-banner .container {padding-bottom: 30px;}
.generic-banner .imagewrap {  }
.page-template-page-consumers-2020 .generic-banner .imagewrap img.stickyimg {max-width: 190px; position: absolute; bottom: -15px; left: 73%; }
.generic-banner .imagewrap img.stickyimg {max-width: 210px; position: absolute; bottom: 0px; left: 72%; }
.consumers-landing .quicklinks img.pointer { z-index: 3000;  position: absolute;
 top: -65px;left: 48%; max-width: 50px; }
 .generic-banner .container p {width: 75%;  }
 .flagmobile a { font-weight: 700;} 

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
.generic-banner .container { padding-left: 30px;  padding-bottom: 40px; }
.generic-banner .titlewrap h1 { line-height: 36px; font-size: 30px; }
.generic-banner .container p {width: 70%; font-size: 17px; line-height: 120%;  }
.generic-banner .imagewrap img.stickyimg {max-width: 130px; position: absolute; bottom: 0px; left: 74%; }
}

@media only screen and (max-width: 480px) {
.generic-banner .container {padding-top: 30px; padding-left: 20px;  padding-bottom: 40px; }
.generic-banner .titlewrap { position: relative; z-index: 120px; }
.generic-banner .titlewrap h1 {text-align: center; line-height: 36px; font-size: 30px; }
.generic-banner .container p {text-align: center; width: 100%; font-size: 17px; line-height: 130%;  }
.generic-banner .imagewrap img.stickyimg { display: none; }
.consumers-landing .quicklinks img.pointer {   }


.example {margin-bottom: 20px; text-align: center; padding:30px 5px 30px 15px;  }
.example h4 {text-align:left;  margin-right: none;  margin-left: none; width: 17%!important; font-size: 17px; line-height: 20px; font-weight: 600; }
.example h4:before { margin-top: -10px; display: block; margin-bottom: 10px; width: 50px; height: 50px;  }
.example p { padding-left: 95px;}
}

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

.header-top img { width: 340px; float: left;}
.header-top #searchform { margin-top: 26px; }

a.backto.calc { width: 30%!important; }

#myModal { z-index: 9999; }

.consumers-landing .quicklinks img.pointer { top: -64px;  }

}

@media only screen and (max-width: 1050px) {
	.search-area .form-control {
		width: 70%;
	}
	.search-area button#search-icon {
		width: 25%;
	}
}

@media only screen and (max-width: 1024px) {
	embed {
		display: none;
	}

	.gform_wrapper li#field_3_8.gfield {
    	width: 31%;
	}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

.section-money-tools-new-landing-page .sub-landing .grid-box h2 a { font-size: 18px; }
.section-money-tools-new-landing-page .sub-landing .grid-box { padding-left: 8px; padding-right: 8px; min-height: 250px; }

.section-product-safety-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-product-safety-landing-page .sub-landing .grid-box { min-height: 250px; }

.section-shopping-new-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-shopping-new-landing-page .sub-landing .grid-box { min-height: 250px; }

.section-complain-new-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-complain-new-landing-page .sub-landing .grid-box { padding-left: 8px; padding-right: 8px; min-height: 250px; }

.section-travel-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-travel-landing-page .sub-landing .grid-box { min-height: 250px; }

.section-cars-new-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-cars-new-landing-page .sub-landing .grid-box { min-height: 250px; }

.page-id-12535 .sub-landing .grid-box h2 a { font-size: 19px; }

.page-id-12422 .sub-landing .grid-box { min-height: 260px; }

.sub-landing .grid-box { min-height: 295px;  padding: 30px 15px 15px 15px; }
.page-id-12505 .sub-landing .grid-box h2 a { min-width: 245px;  display: inline-block;}

.page-id-12505 .sub-landing .grid-box { min-height: 265px; }

.header-top { padding-bottom: 20px; }

.helpline { top:8px; clear: both; }
.helpline p { font-size: 19px; }

.home .header-nav .nav>li>a { padding: 18px 5px 10px 15px; }
.home .header-nav .nav>li:after { display: none; }

a.social .fa { margin-left: 1px;}
a.social .fa:first-child { margin-right: 3px;}
.social-links a {  font-size: 25px!important; }

ul.responsive-tabs__list li { display: block; width: 100%; margin-bottom: -6px!important; }
.page-id-11691 ul.responsive-tabs__list li { display: block; width: auto!important;  }

.nav>li>a { color: #fff; padding: 18px 17px; margin-right: 6px; font-size: 16px;}
.nav > li.first { margin-left: -15px; }
.navbar-fixed-bottom img { padding-top: 5px; }
.home-banner h1 { margin-top: 40px; }
.search-area button#search-icon { width: 18%; }

}

@media only screen and (min-width: 992px) {
.flagmobile { display: none; } 
.flagmobile2 { display: none; }
}

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

.subscribe-mobile { display: none!important; }
}

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

.example h4 { font-size: 18px; font-weight: 600; }

.page-id-12505 .sub-landing .grid-box { min-height: 270px;  padding: 30px 20px 15px 20px; }

.tv-banner { padding-bottom: 10px; }
.tv-banner .section-one h1 { font-size: 30px; line-height: 30px; margin-top: 22px; }
.tv-banner .section-two { display: none; } 
.tv-banner .section-three { margin-top: 5px; }
.tv-banner .section-three p { margin-right: 0px; }

.subscribe { display: none!important;  }
.subscribes { display: none!important;  }
.subscribe-mobile { margin-top: -1px; }

.subscribe-mobile { padding-top: 0px; padding-bottom: 2px; }
.subscribe-mobile h3 { margin-top: 10px; }  

.quick-links .flag { display: none!important; }	
.quick-links .flag2 { display: none!important; }	
.flagmobile { display: block; height: 65px; } 
.flagmobile2 { display: block; height: 65px; } 

a.backto.comp { width: 50%!important;  }
.header-top a.logo { z-index: 999; position: relative; }


.helpline span { display: none!important; }
.navbar-fixed-bottom img { padding-top: 5px; }

	a.menu-btn { display: block; }
	.header-nav { display: none; }

	.search-strip #searchform button#search-icon {width: 100%;}
	.search-strip #searchform button#search-icon {margin-top: 5px;}
	.landing {min-height: 100%;height: auto;}
	img.footer-logo {width: 100%;max-width: 238px;margin-bottom: 20px;}
	.home-banner h1 {font-size: 36px;}
	.inner-content h1 {font-size: 32px;}
	.whats-new h4,.quick-links h2,.mailing h4,.search-strip .container h3,.inner-content h2 {font-size: 26px;}
	.quick-links .quick h3 a {font-size: 21px;}
	.mailing {
		min-height: 300px;
		/* flex display */
		display: -webkit-box;  
		display: -ms-flexbox;  
		display: -webkit-flex; 
		display: flex;
		/* flex direction */
		-webkit-box-flex-direction: column;  
		-ms-flexbox-flex-direction: column;  
		    -webkit-flex-direction: column; 
				    flex-direction: column;
		/* flex justify */
		-webkit-box-justify-content: center;  
		-ms-flexbox-justify-content: center;
		    -webkit-justify-content: center;
				    justify-content: center;
		/* flex align */
		-webkit-box-align-items: center;  
		-ms-flexbox-align-items: center;
		    -webkit-align-items: center;
				    align-items: center;

	}

form#filter input.text { font-size: 18px!important; }

.inner-content .tabs ul.nav-tabs li {margin-bottom:-1px; display: block; width:100%; }
.inner-content .tabs ul.nav-tabs li a {float: left; width:100%!important; }
.inner-content .tabs ul.nav-tabs li.active a {  border-left:1px solid #cccccc; }

.search-area { position: absolute !important; left: 0; right: 0;
	top: 50%; transform: translateY(-50%); width: 90%; margin-left: auto; margin-right: auto;}
.search-area #searchform { max-width: 700px; margin-left: auto; margin-right: auto;}
.home-banner .search-area h1 {margin-top: 0;}
.pr0 { padding-right: 15px; }
.quick-links .col-md-4.quick { width: 33.33333333%; float: left;}
.mailing a.btn.btn-ghost { min-width: 200px; }

.sidebar { margin-top: 30px; }
.sidebar h2 { padding: 10px; margin: 0;}
.sidebar ul li { padding:0;}
.sidebar ul li a { padding: 10px; font-weight: 400;}

.footer .text { margin-bottom: 30px;}

.page-id-1257 .inner-content iframe#current {
		width: 80% !important;
	}

.inner-content iframe#current {
		width: 98% !important;
		overflow: hidden !important;
		overflow-x: scroll !important;
	}

	.inner-content iframe#current table.table-responsive {
		width: 90% !important;
	}
	

	.example { display: table; height: auto; }
	.example h4:after { display: none; }
}

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

.tv-banner {padding-top: 15px; padding-bottom: 10px; }
.tv-banner .section-one { text-align: center; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto!important; margin-right: auto!important; }
.tv-banner .section-one img.book { display: inline-block; max-height: 90px; float: none!important; padding-right: 0px; margin-left: auto!important; margin-right: auto!important; }
.tv-banner .section-one h1 {text-align: center; font-size: 28px; line-height: 28px; margin-top: 10px; }
.tv-banner .section-one h1 span { font-size: 22px; line-height: 20px; margin-bottom: 2px;}
.tv-banner .section-two { display: none; } 
.tv-banner .section-three { padding-left: 0px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 5px; padding-right: 30px; }
.tv-banner .section-three p { font-size: 20px; line-height: 22px; text-align: center; float: none!important; margin-right: 0px; }
.tv-banner .section-three p img { margin-top: 10px; margin-left: auto; margin-right: auto; }
}



@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
.inner-content iframe#current {
		width: 98% !important;
		overflow: hidden !important;
		overflow-x: scroll !important;
	}
}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

.header-top { padding-bottom: 20px; }
.full-width {margin-top: 0px; }
.help {margin-top: 0px; }


.section-money-tools-new-landing-page .sub-landing .grid-box h2 a { font-size: 19px; }
.section-money-tools-new-landing-page .sub-landing .grid-box { padding-left: 8px; padding-right: 8px; min-height: 250px; }


/* .helpline { position: absolute; right:2%!important; top:90px; clear: both; }
.helpline p {background: url('../img/greentel.png') no-repeat 0px 8px!important; padding-left: 15px; float: right; font-size: 18px; text-align: right; }
.helpline p em { display: block; font-style: normal; width: auto; }
.helpline p em.phone {background: none;  padding-bottom: 2px;  } */

.flagmobile { padding:8px 20px 5px 20px; height: 60px; }
.flagmobile a { position: relative; top:0px;  }
.flagmobile a:after { position: relative; top:1px; color: #000; margin-left: 6px; font-size: 16px!important; content:"\f105";  font-family: 'FontAwesome'; }

.flagmobile2 { padding:8px 20px 5px 20px; height: 60px; }
.flagmobile2 a { position: relative; top:0px;  }
.flagmobile2 a:after { position: relative; top:1px; color: #000; margin-left: 6px; font-size: 16px!important; content:"\f105";  font-family: 'FontAwesome'; }


/* Homepage Search Area */
.home-banner { margin-top: -1px;min-height: 250px; }
.home-banner h1 {font-size: 34px; text-transform: uppercase;  margin-top: 45px; margin-bottom: 5px;}
.home-banner p { font-size: 16px;}

}

@media only screen and (min-width: 875px) and (max-width: 991px) {
.header-top a.logo img { position: relative; z-index: 999!important;  }
.header-top #searchform { margin-top: 22px; }
.header-top #searchform input#s { width:160px;}

}


@media only screen and (min-width: 768px) and (max-width: 874px) {

.header-top #searchform { margin-top: 22px; margin-right: 50px; }
.header-top #searchform input#s { width:160px;}

}


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

	.inner-banner .container img {display: none;}
	.inner-banner {padding: 30px 15px;min-height: 100%;}
	.inner-banner h1 {font-size: 36px;margin-top: 0;}
	.inner-banner p {margin-bottom: 0;}
	a.backto.calc { width: 40%!important; }

	.sub-inner-banner .container img { display: none; }
	.sub-inner-banner h1 { font-size: 30px; margin-left: 15px; top:5px;}
}

@media only screen and (max-width: 768px) {
	.page-id-18155 .sidebar {display: none;}
.page-template-page-money-hub-v2 .generic-banner .imagewrap img.stickyimg {
 display: none; }

.page-template-page-money-tools-landing-2020 .generic-banner .imagewrap img.stickyimg { display: none; }

.consumers-landing .quicklinks .ql { margin-bottom: 20px; }

.page-template-page-covid19 .consumers-landing .news-listing h2 {
font-size: 22px; line-height: 27px;}

.flagmobile { padding:10px 20px 5px 20px; height: 53px; }
.flagmobile a { line-height: 17px; font-weight:700; position: relative; top:0px;  }
.flagmobile a:after { position: relative; top:1px; color: #000; margin-left: 6px; font-size: 16px!important; content:"\f105";  font-family: 'FontAwesome'; }

.flagmobile2 { padding:8px 20px 5px 20px; height: 60px; }
.flagmobile2 a { position: relative; top:0px;  }
.flagmobile2 a:after { position: relative; top:1px; color: #000; margin-left: 6px; font-size: 16px!important; content:"\f105";  font-family: 'FontAwesome'; }

	.gform_wrapper .top_label .gfield_label {
    	font-size: 14px;
	}

	.gform_wrapper li#field_3_8.gfield {
    	width: 29%;
	}
}

@media only screen and (min-width: 768px) { 
.brexit-banner img.desktop { display: block; }
.brexit-banner img.mobile { display: none; }
}

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

.page-id-12422 .sub-landing .grid-box { min-height: 200px; }

.brexit-banner img.desktop { display: none; }
.brexit-banner img.mobile { display: block; }
 
a.backto.comp { width: 70%!important;  }
.sub-inner-banner .container img { width:50px; margin-left: 15px; }

	a.menu-btn { right: 15px;}
	.inner-content { padding-left: 0; }
	.home-banner { min-height: 350px; background-size: cover; background-position: center center;}
	.inner-content ul {padding-left: 0;}

/* Ratings */
.rating-form {position: fixed; display: none; right:0px; top:30%; z-index: 2000; background: #00a09a; width: 85%; padding:20px 20px 2px 20px; color: #fff; margin-bottom: 0px; }
.rating-form h4 { font-size: 24px; }
p.message.success {position: fixed; right:0px; top:35%; background: #00a09a; z-index: 2000; width: 500px; padding:10px 20px 25px 20px; color: #fff; margin-top: 60px; }

.alert-close { position: fixed; right:20px; top:32%; color: #fff; font-weight: 700; font-size: 26px; z-index: 8000!important;}
.search-footer .gform_wrapper .gform_button.button { width:70%!important; }
.search-strip #searchform input#s { width: 100%; margin-left: -5px; }

}


@media only screen and (min-width: 650px) and (max-width: 767px) {
.header-top { padding-bottom: 20px; }
.full-width {margin-top: 0px; }
.help {margin-top: 0px; }
/*.helpline { position: absolute; right:2%; top:100px; clear: both; }
.helpline p {background: url('../img/greentel.png') no-repeat 0px 8px!important; padding-left: 15px; float: right; font-size: 18px; text-align: right; }
.helpline p em { display: block; font-style: normal; width: auto; }
.helpline p em.phone {background: none;  padding-bottom: 2px;  }*/
.header-top #searchform { margin-top: 5px; }
.header-top #searchform input#s { width:160px;}
}


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

img.wp-image-7127 { width: 100%!important; height: auto!important; }

}


@media only screen and (max-width: 767px) {
.helpline p { font-size: 19px;  }
}


@media only screen and (min-width: 584px) and (max-width: 767px) {
.header-top #searchform { margin-top: 20px!important; }
.header-top { padding-bottom: 0px!important;  }
.helpline { margin-bottom: 10px; }
}


@media only screen and (min-width: 604px) and (max-width: 767px) {
.subscribe-mobile { margin-top: 60px!important; }
}

@media only screen and (max-width: 604px) {
.subscribe-mobile { margin-top: 0px!important; }
}

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

	.inner-content .toptip { margin-top: 30px; margin-bottom:30px; text-align: center;
 padding: 15px 40px 20px 40px; ; }

.page-id-12505 .sub-landing .grid-box { min-height: 220px; }


.top-links a.covid-mini { z-index: 100!important;
  -webkit-animation-duration: 2s!important; 
    -moz-animation-duration: 2s!important; 
    -ms-animation-duration: 2s!important; 
    -o-animation-duration: 2s!important; 
     text-align: center; z-index: 9000; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;
transition: all 200ms ease-in; display: block; background: #fef200; width:100%;  position: relative; top:0%; left: 0px; color: #000!important;  padding:5px 20px 5px 20px; }
.top-links a.covid-mini:after { position: relative; top:1px; color: #000; margin-left: 6px; font-size: 16px!important; content:"\f105";  font-family: 'FontAwesome'; }

}


@media only screen and (min-width: 481px) and (max-width: 649px) {
.header-top { padding-bottom: 20px; }
.header-top #searchform { margin-top: 5px; }
.header-top #searchform input#s { width:160px;}

.header-top a.logo img { margin-top: 10px; }
a.menu-btn img { margin-top:10px; }

.full-width {margin-top: 0px; }
.help {margin-top: 0px; }
/* .helpline { position: absolute; right:2.3%; top:70px; clear: both; }
.helpline p { font-size: 15px!important; background: url('../img/greentel.png') no-repeat 0px 6px!important; padding-left: 12px; float: right; font-size: 18px; text-align: right; }
.helpline p em { display: block; font-style: normal; width: auto; }
.helpline p em.phone {background: none; padding-bottom: 2px; } */

}


@media only screen and (max-width: 620px) {
.Zebra_Tooltip_Message { max-width: 90%!important; width: 90%!important; }
.landingblock h2 a { font-size: 2px;  }

}

@media only screen and (max-width: 610px) {
a.backto.calc { width: 70%!important; padding:5px 7px 4px 7px; }
a.backto.comp { width: 70%!important; }

.header-top a.logo img { position: relative;  }


.page-id-11691 .responsive-tabs .responsive-tabs__list__item {font-size: 18px!important; padding:12px 11px 12px 12px!important; display: block; width: auto!important; clear: none!important; }


.responsive-tabs .responsive-tabs__list__item { display: block; width: 100%; clear: both; margin-top: 5px!important; }
.responsive-tabs .responsive-tabs__list__item.responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item:hover {
    font-size: 16px!important;
    background: #2e4660!important;
    border-left: 1px solid #2e4660!important;
    color: #fff!important;
    border-top: none!important;
    border-right: 1px solid #2e4660!important;
    text-decoration: none
}

.top-links p {font-size: 13px!important;  } 


.responsive-tabs .responsive-tabs__list__item:hover {
    margin-top: 5px!important;
}

.responsive-tabs .responsive-tabs__list__item.responsive-tabs__list__item--active { margin-top: 5px!important; }

/* .helpline { margin-top: 20px; } */

}

.sub-menu.mm-listview a.mm-next:before { display: none!important; }

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 

	.inner-content iframe#current {
		width: 87% !important;
		overflow: hidden !important;
		overflow-x: scroll !important;
	}

	.inner-content iframe#current div#results.result {
    	width: 100%;
    }

    .page-id-1257 .inner-content iframe#current {
		width: 70% !important;
	}
 }

@media only screen and (max-width: 550px) {
#filter input.text { clear: both; width: 100%!important; margin-bottom: 15px;  }
#filter select { clear: both; width: 100%!important; margin-bottom: 15px; }
#filter input.button { clear: both; width: 100%!important; margin-bottom: 15px; }
#ref_butn { clear: both; width: 100%; }

}


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

.page-id-11691 .col-xs-12 { padding-right: 0px!important;  }

.page-id-11691 .landingblock h2 a { font-size: 24px!important; line-height: 27px!important; }

.sub-inner-banner .container img { width:50px; margin-left: 15px;  margin-right: 15px;}
.sub-inner-banner h1 { top: 4px; font-size: 20px; font-weight: 700; line-height: 23px; margin-bottom: 10px;}

#pagination { float: left!important; padding-left: 15px!important; }
#pagination span.pages { display: block; margin-bottom: 10px; }
#pagination a {font-size:15px; padding:5px 7px 4px 7px;}
#pagination span.current {font-size:15px; padding:5px 7px 4px 7px;}

.sidebar {margin-top: 50px; clear: both;}

}

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

.consumers-landing .quicklinks .ql a { font-size: 26px;  }
.page-template-page-consumers-2020 .four-col-wrap h2 { font-size: 25px; }

.tv-banner .section-one h1 {text-align: center; font-size: 26px; line-height: 26px; margin-top: 10px; }

.tv-banner .section-one img {max-height: 70px; float: none!important; padding-right: 0px; }
.header-top { padding-bottom: 20px; }
.header-top #searchform { margin-top: 5px; }
.header-top #searchform input#s { width:160px;}

.header-top a.logo img { margin-top: 10px; margin-bottom: 20px; }
a.menu-btn img { margin-top:0px; }

.full-width {margin-top: 0px; }
.help {margin-top: 0px; }

/* .helpline { position: absolute; right:5%!important; top:190px; clear: both; }
.helpline p { font-size: 15px!important; background: url('../img/greentel.png') no-repeat 0px 6px!important; padding-left: 12px; float: right; font-size: 18px; text-align: right; }
.helpline p em { display: block; font-style: normal; width: auto; }
.helpline p em.phone {background: none; padding-bottom: 2px; } */

a.backto.comp { width: 100%!important; }
a.backto.calc { width: 100%!important; }

.quick-links h2 { margin-bottom: 35px; }
.quick-links .quick { margin-bottom: 25px; }
.quick-links .row { margin-bottom: -18px; }
.top-links { margin-bottom: -6px; }
.top-links p {padding-top: 10px; font-size: 13px; float: left!important; }
.top-links a {padding:5px;  }
.top-links a.active {padding:5px; }

p.wff-post-text { padding-left: 10px; }
.wff-author-name p.wff-date {text-align: left; position: relative; }

a.menu-btn {position: absolute; top: 75px; right: 15px;}
.header-top #searchform input#s {width: 230px;}
.home-banner {min-height: 450px;}
.search-area .form-control {width: 100%;}
.search-area button#search-icon {left: 0;width: 100%;}
.header-top img {width: 100%; }
.quick-links .col-md-4.quick {width: 100%;}
.mailing {min-height: 400px;background-size: cover;}

.inner-content .gform_wrapper iframe { width:95%!important; }

#pagination { position: relative!important; z-index: 999999!important; }

.search-footer iframe { width:70%!important; }

.inner-content h3 {
	 overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

a.backto {
	width: 70% !important;
	}


}

/*
@media only screen and (min-width: 437px) and (max-width: 479px) {
.helpline p { line-height: 17px; }
}*/


@media only screen and (max-width: 340px) {
.header-top #searchform { margin-top: 5px; }
}

@media only screen and (max-width: 340px) {
.header-top #searchform button#search-icon { top: -1px; }
.header-top #searchform input#s {width: 210px;}

.gform_wrapper li#field_3_8.gfield {
 width: 25%;
 margin-top: 32px;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	margin-top: 15px;
}


}



/* WP Design Library - Responsive */

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

.page-id-8222 .responsive-tabs ul li.responsive-tabs__list__item { position: relative; margin-bottom: 5px!important; 
 padding:15px 15px 15px 60px!important; width:100%; }

.page-id-8222 .responsive-tabs ul li.responsive-tabs__list__item:after { 
width:10px; height: 17px; top: 42%!important; left: 5%!important; position: absolute; }

.page-id-8222 .responsive-tabs li.responsive-tabs__list__item.responsive-tabs__list__item--active { 
border-bottom: 15px solid #2E4660!important; }

.page-id-8222 .responsive-tabs .tabcontent { border: none!important; padding: 15px 25px 25px 0 !important; }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {


.page-template-page-money-hub-v2 .generic-banner .imagewrap img.stickyimg {
max-width: 170px;
    position: absolute;
    bottom: -5px;
    left: 580px!important;
}

.page-template-page-sub-landing-2020 .generic-banner .imagewrap img.stickyimg { 
    max-width: 170px;
    position: absolute;
    bottom: -143px;
    left: 70px!important; }

.page-template-page-sub-landing-2020 .generic-banner .imagewrap { padding-right: 0px!important; }

.money-hub-landing .grid-box { min-height: 220px; }

}

@media only screen and (min-width: 671px) and (max-width: 769px) {

.page-template-page-sub-landing-2020 .generic-banner .imagewrap img.stickyimg { 
    max-width: 150px;
    position: absolute;
    bottom: -28px;
    left: 445px!important; }
}


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

.responsive-table { display: none; }
table.complain { display: block; }

}

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

table.complain { display: none; }
.responsive-table { display: block; }


.slideout { display: none; }
.inner-content .accordion h3.accordion-title:after { right: 3%; }
.inner-content .toptip { padding: 12px 40px 15px 40px; }
.inner-content .toptip p:before { top: 10%; left: 50%; transform: translate(-50%, -50%);

}

@media only screen and (max-width: 670px) {
.page-template-page-sub-landing-2020 .generic-banner .imagewrap img.stickyimg { display: none; }
}

@media only screen and (max-width: 620px) {
.page-id-8222 .responsive-tabs .responsive-tabs__list__item.responsive-tabs__list__item--active,
.page-id-8222 .responsive-tabs .responsive-tabs__list__item:hover {
    border-bottom: none!important;
    color: #fff!important;
    border-top: none!important;
    border-left: none!important;
    background: #9184BE!important; 
    border-bottom: 14px solid #2E4660!important; 
    text-decoration: none;
}

.slideout { display: none; }
#signup { width:360px; top:48%;}
.slideout { top:48%; }
.slideout:hover { top:48%; }

}


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

a.menu-btn img { margin-top:-10px; }

/* .helpline { top:170px;} */

}



/* How to b good - media queries */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.htbgwm .inner-content .episode .red-overlay p { top:30px; }
.money-hub-banner .titlewrap { margin-left: 0px; }

.money-hub-landing .grid-box { min-height: 240px; }

}

@media only screen and (max-width: 1199px) {
.htbgwm .inner-content .episode { min-height: 350px; }
}


@media only screen and (max-width: 991px) {
.htbgwm .inner-content .episode .red-overlay p { top:58px; }
.image-collage { margin-bottom: 30px; }
.htbgwm .inner-content .episode { min-height: 360px; }
.modal#covid .modal-content .modal-body { padding-top: 40px; padding-bottom: 25px; }
.bus {  padding-left: 0px!important; }
.money-hub-banner:after { display: none; }
.money-hub-landing .four-col-wrap a.viewmore { top: 20px; }

}

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

.modal#covid .modal-dialog { width:90%; left: 48%; }
.page-template-page-covid19 .generic-banner .titlewrap h1 {letter-spacing: -1px; font-weight: 600;  line-height: 44px; 
font-size: 38px; margin-top: 0px;  color: #000; }

.mini-th { display: none!important; }
.image-collage .navy-overlay p { width: 90%; }
.htbgwm .modal .close { top:0px; }
.archive-section { padding-top: 20px; }
.htbgwm .inner-content .episode { margin-bottom: 30px;}
.money-hub-landing .categories { margin-top: 0px; }

}


@media only screen and (max-width: 600px) {
.htbgwm .modal .modal-body { padding-top:60px; }
.htbgwm .modal .modal-content img { width:100%!important; }
.htbgwm .modal .modal-content .close img { width:25px!important; }
.money-hub-banner .titlewrap { margin-left: 35px;  margin-top: 40px; }
.categories p { display: block; }

}


@media only screen and (max-width: 500px) {
.htbgwm .inner-content .episode { min-height: 350px; margin-bottom: 10px; }
}


/* Covid19 Landing page */

@media only screen and (min-width: 768px) and (max-width: 992px) {
.page-template-page-covid19 .generic-banner .imagewrap img.stickyimg {max-width: 220px;
    position: relative;
    bottom: 180px;
    left: 70%; }
.page-template-page-covid19 .generic-banner .container p { width: 70%; }
.page-template-page-covid19 .imagewrap  { margin-bottom: -80px; }

.money-hub-banner .titlewrap { margin-left: 0px; }

}

@media only screen and (max-width: 767px) {
.page-template-page-covid19 .generic-banner .container p {width: 100%; }
.page-template-page-covid19 .generic-banner .titlewrap h1 { margin-top:-20px; line-height: 44px; } 
.page-template-page-covid19 .generic-banner .imagewrap img.stickyimg  { display: none; }

.modal#covid p.title { color: #000; font-size: 24px;  line-height: 28px;}

.money-hub-banner .titlewrap { margin-left: 0px; }

}


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

.modal#covid .modal-dialog {  }

}

@media only screen and (max-width: 400px) {
{position: absolute;
    top: 56px;
    right: 15px; }

	}