/* #Media Queries  */
@media only screen and (max-width: 959px) {
	.header{ height: 76px; border-bottom: 5px solid #e2271e;}
	.logo{ width: 188px;}
	.container{ width: 748px;}
	.gridwrap{ padding: 0 12px;}
	.footer{ display:none;}
	
	.b1margin {margin-top:0px !important;}	
	.b3margin{margin-top:5px;}
	.b2margin{ margin-top: 30px;}
	.b4margin{ margin-top: 30px;}
	.b5margin{ margin-top: 30px;}	
	.b6margin{ margin-top: 10px;}
	.b7margin{ margin-top: 15px;}
	.one-column-contanier{ width:160px !important;}
	
	/*Desktop only class*/
	.donly{display:block;}
	.nearest-branch {width: 388px !important;}
}

@media only screen and (max-width: 767px) {
    .gridwrap .columns { margin-left: 0; margin-right: 0; }	
	.spacer {height: 12px;}
	.spacer20 {height: 10px;}
	.expand{ display:none;}
	.mhide{ display:none !important;}
	.mexpand{display:block;}
	.expandwrap{padding: 10px 0 0 0; background:#fff;}
	.orangeborder, .blueborder, .cyanborder, .purpleborder, .pinkborder{ border: none;}	
	.pointer{ width: 60px;}
	.masthead{ margin-bottom: 26px;}
	h2 { margin-bottom: 21px;}	
	.nofill.box{ height:auto;}
	.mmt30{ margin-top: 30px;}
	.tooltip, .tooltip2 { width:125px; padding:15px 5p 5px 5px; bottom: -120px;  }
	.tooltip2{ margin-left: 77px;}	
	.graph-wrap, .graph-wrap2{ margin:auto; width:300px;}
	.graph2{width: 230px;}
	h4{ text-align:center;}
	.how-to-apply-locate2{ padding: 8px; width: 350px;}
	.booknowwrap{ margin:0;}	
	.how-to-apply-locate { margin: 0 auto 28px auto !important; }
	/*Fix for long copy inside the box*/
	.long-copy-fix{letter-spacing: -0.8pt;}
	
	/*Desktop only class*/
	.donly{display:none;}
	
	#regularInvestments, #lumSumInvestments, #cashAndDesposits {margin-left: 0px !important;}
	
	.one-column-contanier-four.circle-graphics {width: 65% !important;}
	
		/*ORANGE COPY LEFT & RIGHT*/
	
	.orange-left{
		width:100%;
		float:none;
		font-size:22px;
		line-height:26px;
	}
	.orange-right{
		width:100%;
		float:none;
	}
	.special-height-orangebox{
		height:285px !important;
		text-align:center;
		font-size:24px;
	}
	
	#step5content p{font-size:18px;}
	
	
	.intro-text h2 {
    font-size: 30px !important;
    line-height: 34px !important;
    padding-left: 16px !important;
	}

	.b6margin{ margin-top: 20px;}
	.b7margin{ margin-top: 30px;}
	.one-column-contanier{ width:220px !important;}
	.how-to-apply-map {height: auto !important;}
	
	.field-txtInput2 {float: left !important;}
	
	.swoosh {margin: -17px 0px 20px;}

	.or1 {
	    top: 34% !important;
  		left: 41% !important;
	}

	.or2 {
	    top: 68% !important;
  		left: 64% !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container, .rowwrap { width: 460px; padding: 0; }
	.gridwrap{ width: 440px; padding: 0 10px;}
	.gridwrap .four.columns {width: 440px;}
	.gridwrap .three.columns {width: 440px;}
    .gridwrap .one.columns  { width: 210px;  }
	.gridwrap .two.columns  { width: 440px;  }
	.centerdiv{width: 440px;}
	
	.logo{ margin-left: 12px;}
	.mhcaption{ top:50px; left: 30px;}
	.mhhead2{font-size: 16px; line-height: 18px; }
	.mhhead3{font-size: 22px; line-height: 22px;}
	h1 { font-size: 30px; line-height: 30px;}
	h2 { font-size: 30px; line-height: 33px; padding: 0;}	
	h3 { font-size: 24px; line-height: 22px; }
	h4 { margin-bottom: 18px; text-align:center;}
	h5 { font-size: 16px; line-height: 17px;}
	.stepshead { padding-top: 0; width: 370px;}
	.mmr20{ margin-right: 20px !important;}
	.mmb20{ margin-bottom: 20px;}
	fieldset{ margin-left: 22px;}
	.box, .colorbox, .box-purple, .box-blue, .box-pink, .box-purple-light{ padding:7px 17px;}
	div.styled{ margin-left: 12px;}
	.how-to-apply-map{ width:440px;}
	.how-to-apply-locate input { width: 280px;}
	.or2{  top: 92px;}
	#cpfLifeCategory {width: 205px;}
}

@media only screen and (max-width: 479px) {
	.container, .rowwrap { width: 300px; padding: 0; }
	.gridwrap{ width: 300px; padding: 0;}
	.gridwrap .four.columns {width: 300px;}
	.gridwrap .three.columns {width: 300px;}
    .gridwrap .one.columns  { width: 145px;  }
	.gridwrap .two.columns  { width: 300px;  }
	.centerdiv{width: 300px;}
	
	.logo{ margin-left: 9px;}
	.mhcaption{ top:15px; left: 20px;}
	.mhhead2{font-size: 16px; line-height: 18px; }
	.mhhead3{font-size: 20px; line-height: 20px;}
	h1 { font-size: 24px; line-height: 24px;}
	h2 { font-size: 24px; line-height: 22px; padding: 0;}	
	h3 { font-size: 22px; line-height: 20px; }
	h4 { margin-bottom: 28px;}
	h5 { font-size: 16px; line-height: 17px;}
	.stepshead { padding-top: 0; width: 230px;}
	.mmr20{ margin-right: 10px !important;}
	.mmb20{ margin-bottom: 20px;}
	.how-to-apply-map{ width:300px;}
	.how-to-apply-locate input { width: 268px;}
	.how-to-apply-locate a.button-gray{ float:none; margin-top: 5px; margin-right:0;}
	.how-to-apply-map{ height:auto;}
	.box, .colorbox, .box-purple, .box-purple-light { height: 135px; padding: 5px;}
	.box-blue, .box-pink { height: 105px;}
	.resulthead1 { padding: 0 5px;}
	fieldset {margin-left: 0;}
	.small {font-size: 91%;}
	label { font-size: 23px;}

	.b7margin{ margin-top: 15px;}
	.b2margin{ margin-top: 15px;}
	
	.b8margin{ margin-top: 6px;}
	.b9margin{ margin-top: 9px;}
	.p1margin{ margin-top: 30px;}
	.p2margin{margin-top: 30px;}
	.p3margin{ margin-top: 8px;}
	input.nametxt { width:112px;}
	div.styled{ width:133px;}
	.colorbox h5{font-size: 18px; line-height: 20px; padding-top: 30px;}
	.step2lbl2{ font-size: 20px; font-family: "thesanscdlight", Helvetica, Arial, sans-serif; line-height: 20px;}
	.step2title{ font-size: 30px; font-family: "thesanscdsemibold", Helvetica, Arial, sans-serif; line-height: 30px; margin: 7px 0;}
	.or2{  top: 101px; left: auto; margin:0; right:15px;}
	
	.one-column-contanier-four.circle-graphics {width: 100% !important;}
	.boxtest{font-size: 10px;}
	#cpfLifeCategory {width: 135px;}
	div.legendBox{ margin:12px 0px;}
	div.legendBox strong {left: 210px;}
	p.resultValue span {left: 182px;}
	#nr1 img {width: 320px;}

	.or1 {
	      top: 24% !important;
  		left: 51% !important
	}

	.or2 {
	      top: 91% !important;
  		left: 25% !important;
	}

	.how-to-apply-locate2 {
	  width: 280px !important;
	}

	.how-to-apply-locate {
	  width: 259px !important;
	}
}