/********************************************************************************
* This tool is developed using Rich Media's proprietary code library and may    *
* not be reproduced, altered, reverse engineered, or otherwise copied or        *
* distributed in whole or in part, without the express written permission of    *
* Rich Media.                                                                   *
*                                                                               *
* Please note that this project was developed for Scotiabank with the agreement *
* that the source code will not be used for any other project, resold by        *
* Scotiabank, nor provided by Scotiabank to any other company. It is also agreed*
* that certain calculations, validation, currency, reporting, saving and        *
* graphing functionality come from Rich Media's internally developed library    *
* and have been and will continue to be freely used by Rich Media for any of    *
* its clients.                                                                  *
********************************************************************************/
@media only screen and (max-width : 991px) {
	* { -webkit-appearance: none; }
}
/*Tablet and smaller*/
/*@media only screen and (max-width : 939px) {*/
@media only screen and (max-width : 939px)/*,
only screen and (min-width : 768px ) and (orientation:portrait),
only screen and (min-width : 768px ) and (-webkit-max-device-pixel-ratio:1/1),
only screen and (min-width : 768px ) and (max-aspect-ratio:1/1)*/{
	/* Navigation */
	.nav .calcStartButt span, .nav .calcSmallButt span {
		margin-left: 48px;
		margin-top: 13px;
	}
	.nav .calcDiversifyButt span {
		width: 148px;
	}
	.mortgageBox .small-radio-label {
		width: 33%;
	}
	.mortgageBox .dropdown-label {
		display: inline-block;
	}
	
	/* Content */
	.legend {
		background: url('../img/results_box_tab_portrait_fr.png') no-repeat center;
		height:170px;
	}
	.legend-label {
		width:109px;
		margin: 9px -7px 2px 20px;
	}
	.legend-title {
		width: 246px;
	}
	.amortization-chart p {
		font-size: 12px;
	}
	.button.save-more {
		margin-bottom: 100px;
	}
	#small-changes-table {
		margin-bottom: 70px;
	}

	/* Footer */
	.footer-banner a.imglink {
		height: 89px;
		margin-right: 43px;
	}
	.footer-banner img {
		height: 89px;
		/*margin-right: 43px;*/
	}
	.footer .right-title {
		margin-left: 34px;
		width: 73px;
	}
	.section.first label {
		width: 100px;
	}
	.footer-links h4 {
		margin: 17px 0 0 27px;
	}
	.footer-links h5 {
		width: 154px;
	}
	.section p {
		width: 280px;
		margin-right: 52px;
	}
	.section a {
		width: 250px;
	}
	
	.question .right-input {
		margin: 10px 0px 0 160px;
	}

}
/*Tablet and smaller*/
/*@media only screen and (max-width : 767px) {*/
@media only screen and (max-width : 767px)/*,
only screen and (min-width : 768px ) and (orientation:portrait),
only screen and (min-width : 768px ) and (-webkit-max-device-pixel-ratio:1/1),
only screen and (min-width : 768px ) and (max-aspect-ratio:1/1)*/{
	/* Navigation */
	.nav .calcStartButt span, .nav .calcSmallButt span {
		margin-left: 48px;
		margin-top: 13px;
	}
	.nav .calcDiversifyButt span {
		width: 148px;
	}
	.mortgageBox .small-radio-label {
		width: 33%;
	}
	.mortgageBox .dropdown-label {
		display: inline-block;
	}
	
	/* Content */
	.legend {
		background: url('../img/results_box_tab_portrait_fr.png') no-repeat center;
		height:170px;
	}
	.legend-label {
		width:109px;
		margin: 9px -7px 2px 20px;
	}
	.legend-title {
		width: 246px;
	}
	.amortization-chart p {
		font-size: 12px;
	}
	.radioset {
		right: -140px;
	}
	
	#playSmallChanges {
		width: 292px;
		top: -101px;
		left: -13px;
	}
	#playDiversify {
		width: 304px;
		left: -12px;
		top: -101px;
	}

	/* Footer */
	.footer h2 {
		width: 251px;
	}
	.footer-banner a.imglink {
		height: 71px;
		margin-right: 43px;
	}
	.footer-banner img {
		height: 71px;
		/*margin-right: 43px;*/
	}
	.footer h3 {
		width: 253px;
	}
	.footer .right-title {
		margin-left: 154px;
		width: 73px;
	}
	.section.first label {
		width: 100px;
	}
	.footer-links h4 {
		margin: 17px 0 0 27px;
	}
	.footer-links h5 {
		width: 154px;
	}
	.section p {
		width: 280px;
		margin-right: 52px;
	}
	.section a {
		width: 250px;
	}
	
	.question .right-input {
		margin: 6px 0px 0 160px;
	}
}
/*Wide Phone*/
@media only screen and (max-width : 639px) {
    
}

/*Wide Phone only*/
@media only screen and (max-width : 639px) and (min-width: 480px) {
	.headerText {
		font-size: 26px;
	}
	
	/* Navigation */
	.nav .calcSmallButt span{
		margin-left: 15px;
	}
	.nav .calcStartButt span {
		margin-left: 25px;
	}
	.nav .calcDiversifyButt span {
		width: 120px;
	}
	
	.question, .small-label {
		height: auto;
		border: none;
		padding: 10px 0;
	}
	.prepayment-dropdown{
		display: inline-block;
		margin-left: 192px;
		margin-top: -8px;
	}
	
	.subLeft {
	height: 87px;
	}
	.subheadText.sb_1 {
		padding-top: 24px;
	}
	
	.question .right-input {
		margin: -5px 0px 0 346px;
	}
	#startHere .continueBox a , .continueBox a {
		margin: 10px auto 0 auto;
		width: 46px;
		display: block;
	}
	#small-changes-table {
		margin-bottom: 92px;
	}
	.button.save-more {
		margin-bottom: 95px;
	}
	#playSmallChanges, #playDiversify {
		 left:69px;
	}
	
	/* Graph */
	.legend {
		background: url('../img/results_box_medium_fr.png') no-repeat center;
		height: 178px;
	}
	.legend-label {
		width: 109px;
		margin: 9px -15px 2px 40px;
	}
	.amortization-chart p {
		font-size: 14px;
	}
	.mainview #result-amortization-table .year .col0 {
		width: 46px;
	}
	
	/* Page 2 */
	#smallChanges select.small {
		margin-left:100px;
	}
	
	/* Footer */
	.footer-banner a.imglink {
		height: 90px;
		margin-right: 25px;
	}
	.footer-banner img {
		height: 90px;
		/*margin-right: 25px;*/
	}
	.footer .right-title {
		top: 146px;
	}
	.footer .right-title {
		margin-left: 72px;
	}
	.section p {
		width: 199px;
		margin-right: 0px;
	}
	.section a {
		width: 217px;
	}
	.divider{
		display:none;
	}
	.privacy-links .right {
		width: 343px;
		margin-right: 24px;
		margin-top: 5px;
		text-align: right;
	}
	
	.question .right-input {
		margin: -5px 0px 0 343px;
	}
}

/*Thin Phone*/
@media only screen and (max-width : 479px) {
	.headerText {
		font-size: 21px;
	}
	.subLeft {
		height: 145px;
		width:310px;
	}
	
	.radioset {
		right: -120px;
	}
	
	.question, .small-label {
		border: none;
		padding: 10px 0;
	}
	.mortgageBox .small-label label {
		width: 209px;
		vertical-align: middle;
	}
	.small-radio-label{
		margin-bottom:10px;
	}
	.nav .calcStartButt span{
		margin-top: 24px;
		margin-left: 14px;
	}
	.nav .calcSmallButt span {
		margin-left: 7px;
		margin-top: 16px;
	}
	.nav .calcDiversifyButt span {
		margin-top: 17px;
		margin-left: 12px;
		width: 93px;
	}
	
	/*#info-popup .section p {
		width: 315px;
	}*/
		
	.mortgageBox .dropdown-label {
		width: 167px;
		margin-right:0px;
	}
	.continueBox p{
		display:block;
		width: 100%;
	}
	.continueBox a {
		width: 40px;
	}
	#small-changes-table {
		margin-bottom: 95px;
	}
	.button.save-more {
		margin-bottom: 95px;
	}

	#playDiversify, #playSmallChanges {
		left: 6px;
	}
	/* Graph */
	.legend {
		background: url('../img/results_box_small_fr.png') no-repeat center;
		height: 171px;
	}
	.amortization-chart p {
		margin-top: 0px;
		margin-bottom: 7px;
		font-size: 12px;
	}
	/* Page 2 */
	#smallChanges .long-dropdown {
		width: 130px;
	}
	
	
	/* Footer */
	.footerText {
		width: 320px;
	}
	.footer-banner a.imglink {
		margin-left: auto;
		margin-right: auto;
		height: 120px;
	}
	.footer-banner img {
		/*margin-left: auto;
		margin-right: auto;*/
		height: 120px;
	}
	.footer .right-title {
		margin-left: 80px;
	}
	.footer .right-title {
		top: 296px;
	}
	.footer-links h4 {
		margin: 17px 0 10px 0px;
	}
	.section p {
		width: 147px;
		margin-right: 0px;
	}
	.section a {
		width: 146px;
		margin-left: 0px;
	}
	.privacy-links .right {
		margin-right: 13px;
		text-align: right;
	}
	
	.question .right-input {
		margin: 6px 0px 0 185px;
	}
}