@charset "utf-8";

/* intro */
#intro {}
#intro > * { z-index:1; }
#intro h2 { margin-top:0; }
#intro p b { font-weight:600; color:#000; font-size:calc(1em + 2px); }

#sampleBond { float:right; width:225px; margin:-112px 0 2em 2em; box-shadow:0 2px 15px rgba(0, 0, 0, 0.3); }
#sampleBond img { display:block; width:100%; }
a#sampleBond { z-index:2; display:block; text-decoration:none; }

/* Essentials at a glance 
#main .list { padding-bottom:1.5em; }*/

/* Recommend Retailer */
a#recommendRetailer.box-btn { margin-top:1em; }

/* right Col */
#checkCode 	{}

#columnRight .box {
  background: #033661;
}

/* Got a Bond Code? */
#checkCode .form-content form { padding:0.5em 0; }
#checkCode .form-content .form-fields,
#checkCode .form-content .form-fields fieldset, 
#checkCode .form-content .form-fields .form-line { padding:0 !important; margin:0 !important; }

#checkCode .txt-info	{ display:block; }

/* Padi Holders */
#paidCashback 								{ /*background:#0B5B9D !important;*/ }
#paidCashback .txt-line						{ font-size:calc(1em - 2px) !important; }
#paidCashback .txt-line1					{}
#paidCashback .txt-line2					{ font-style:italic; opacity:0.8;  font-size:12px !important;}

#paidHolders 								{ max-width:400px; }
.winners 									{ margin:2em auto 2.5em; }
.winner										{ /*margin:-0.2em 0;*/ margin:0; }
.winner .panel 								{ display:flex; justify-content:left; align-items:center; gap:1.5em; }
.winner:nth-of-type(even) .panel 			{ justify-content:right; }
.winner .panel .img 						{ width:40%; border:0.5em solid #FFF; border-radius:50%; overflow:hidden; }
.winner:nth-of-type(even) .panel .img 		{ order:2; }
.winner .panel .img img 					{ display:block; width:100%; }
.winner .panel .amount 						{ color:#FFF; font-size:2.4em; font-weight:500; }
.winner:nth-of-type(even) .panel .amount 	{ order:1; }


@media only screen and (min-width: 1001px) and (max-width: 1500px) {

	/* intro */
	
	/* Padi Holders */
	/*.winners 				{ margin:2em auto 2.3em; }*/
	/*.winner .panel .img 	{ width:36%; }*/
	.winner .panel .amount 	{ font-size:2.3em; }
}
	
@media only screen and (min-width: 1001px) and (max-width: 1400px) {

	/* intro */
	#sampleBond { width:220px; margin-top:-106px; }
}
	
@media only screen and (min-width: 1001px) and (max-width: 1300px) {

	/* intro */
	#sampleBond { width:210px; margin-top:-100px; }
	
	/* Padi Holders 
	.winners 				{ margin:1.8em auto 2.1em; }
	.winner .panel .img 	{ width:37%; }*/
	.winner .panel .amount 	{ font-size:2.2em; }
}
	
@media only screen and (min-width: 1001px) and (max-width: 1200px) {

	/* intro */
	#sampleBond { width:190px; margin-top:-90px; }
	
	/* Padi Holders */
	.winner .panel .img 	{ border-width:0.45em; }
	.winner .panel .amount 	{ font-size:2.1em; }
}
	
@media only screen and (min-width: 1001px) and (max-width: 1100px) {

	/* intro */
	#intro .col-txt 		{ width:72%; }
	#intro .col-img 		{ width:28%; }
	
	#sampleBond { width:180px; margin-top:-80px; }
	
	/* Padi Holders */
	.winner .panel .img 	{ border-width:0.45em; }
	.winner .panel .amount 	{ font-size:2em; }
}
	
@media only screen and (max-width: 1000px) {

	/* intro */
	#sampleBond { margin:-90px 0 2.5em 3em; }
	
	/* Right Col */
	#columnRight .box .box-btn 	{ width:auto; }
}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
	
	/* intro */
	#sampleBond { width:210px; margin-top:-80px; }
	
	/* Padi Holders */
	#paidHolders 			{ max-width:none; }
	.winners 				{ margin:2em auto 2.5em; display:flex; gap:5%; }
	.winner					{ margin:0; width:30%; }
	.winner .panel 			{ display:block; text-align:center; }
	.winner .panel .img 	{ width:150px; margin:0 auto; }
	.winner .panel .amount 	{ padding-top:0.75em; font-size:2.7em; }
}

@media only screen and (max-width: 768px) {
	
	/* intro */
	#sampleBond { width:190px; margin-top:-80px; }
	
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
	/* Padi Holders */
	.winner .panel .img 	{ border-width:0.45em; width:135px; }
	.winner .panel .amount 	{ font-size:2.3em; }
}
@media only screen and (max-width: 700px) {
	
	/* intro */
	#sampleBond { width:180px; margin-top:-80px; }
	
	/* Padi Holders 
	.winners 				{ margin:1.8em auto 2.1em; }
	.winner .panel .img 	{ width:37%; }
	.winner .panel .amount 	{ font-size:2.3em; }*/
}
@media only screen and (min-width: 601px) and (max-width: 700px) {
	/* Padi Holders */
	.winner .panel .img 	{ border-width:0.45em; width:120px; }
	.winner .panel .amount 	{ font-size:1.8em; }
}
	
@media only screen and (max-width: 650px) {
	
	/* Padi Holders 
	.winner .panel .img 	{ border-width:0.45em; }
	.winner .panel .amount 	{ font-size:2.2em; }*/
}
	
@media only screen and (max-width: 600px) {
	
	/* intro */
	#sampleBond { width:150px; margin-top:-80px; }
	
	/* Padi Holders 
	.winner .panel .img 	{ border-width:0.45em; }
	.winner .panel .amount 	{ font-size:2.2em; }*/
	.winner					{ margin:-0.3em 0; }
}
@media only screen and (max-width: 550px) {

	/* intro */
	#sampleBond { width:140px; margin:-80px 0 2em 2em; }
	
	/* Padi Holders */
	.winner .panel .img 	{ width:35%; border-width:0.45em; }
	.winner .panel .amount 	{ font-size:2.2em; }
}

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

	/* intro */
	#sampleBond { width:130px; margin:-70px 0 2em 2em; }
	
	.winner					{ margin:-0.2em 0; }
}

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

	/* intro */
	#sampleBond { float:none; width:150px;  margin: 1em 0 3em; }
	
	/* Padi Holders */
	.winner .panel .img 	{ width:35%; border-width:0.4em; }
	.winner .panel .amount 	{ font-size:2em; }
}

@media only screen and (max-width: 350px) {
	#intro h1 				{ font-size:2.1em; }
	
	/* Padi Holders */
	.winner					{ margin:-0.1em 0; }
	.winner .panel .amount 	{ font-size:1.8em; }
}