/* ================================================================ */
/* min-width: greater than or equal to								*/
/* max-width: less than or equal to									*/
/* can combine using 'and' for range								*/
/* delimited list of conditions operates like an 'or' operation 	*/
/* ================================================================ */

/* =========================== CUSTOM BREAKPOINTS =========================== */

@media (min-width: 450px) {
	.toggle-on-notice {font-size:17px;}
	.site-main-title {font-size:21px;}
}

@media (min-width: 450px) and (max-width:767px), (min-width: 992px) {
	.toggle-options-lbl {font-size:15px;}
}

@media (min-width: 550px) and (max-width:767px), (min-width: 1200px) {
	.toggle-options-lbl {font-size:18px;}
}

@media (min-width: 550px) and (max-width:768px) {
	.step2-cols {width:33%; float:left;}
	
	.step2-cols.col-1 {padding-right:0;}
	.step2-cols.col-2 {padding:0;}
	.step2-cols.col-3 {padding-left:0;padding-right:10px;}
	.step2-cols.col-4 {padding-right:0;}
	.step2-cols.col-5 {padding:0;}
	.step2-cols.col-6 {padding-left:0;}
}

@media (min-width: 550px) {
	.citizenship-profile-block .row.describe-status {width:auto !important;}
	
	.investment-block {width:95% !important;}
	
	.app-btn {width:125px;}
	.app-btn.inner {width:90px;}
	.app-btn.get-started {width:250px;}
	.app-btn.review:not(.step2) {margin-left:10px;}
	
	.app-btn.step2 {width:92%;}
	.app-btn.next-step.step2 {margin-top: 21.5px;}
	
	.ft-short-explain {font-size:14px !important;}
	
	.col-sm-6.next-review-btn-col {width:50%;}
	
	.toggle-on-notice {font-size:20px;}
	
	.submission-notice {font-size:19px !important;}
	
	#app-step-nav .step {
		width:40px;
		height:40px;
		border-radius:40px;
		line-height: 38px;
	}
	#app-step-nav .app-step-containers .line {top:20px;}
	#app-step-nav .step-lbl {font-size:13px;}
	
	.modal-body .total-investment {font-size:17px !important;}
}

@media (min-width: 768px) and (max-width:992px) {
	.oc-calc-modal {width:90%;}
}

@media (min-width: 992px) and (max-width: 1100px) {
	.submission-notice {font-size:21px !important;}
}

@media (min-width: 1150px) {
	.oc-calc-modal {width:1100px;}
}

/* ========================= BOOTSTRAP BREAKPOINTS ======================== */

@media (min-width: 768px) {/* Bootstrap breakpoint for tablets (sm) */
	.demo-header .slogan {display:inline-block !important;font-size:18px;}
	.demo-header .logo {width:130px;margin:0 40px 0 0 !important;}
	
	.globeGl.globeDIV {display:block;}
	#body_of_module {min-height:550px;}
	/*#body_of_module .row.first {height:550px !important;}*/
	
	#app-step-nav {width:85%;}
	
	.app-drop-down {width:400px !important;margin-right:10px !important;}
	
	.app-btn.review {background:#40474d;}
	
	.ft-short-explain {font-size:15px !important;}
	
	.investment-step-container .cols.left {padding-right:0 !important;}
	.investment-step-container .cols.right {padding-left:0 !important;}
	
	.investment-block:not(.new) {height:505px;}
	
	.investment-block:not(.new) .more-btn-container {margin:0 !important;}
	
	/*.toggle-options-container .col-xs-6.top-1>div {float:right;margin-right:20px;}
	.toggle-options-container .col-xs-6.top-2>div {float:left;margin-left:20px;}*/
	
	.review-container {font-size:16px; padding:10px !important;width:90% !important;}
	.review-container .big-figure {font-size:26px !important;}
	.review-container .disclaimer {font-size:8px !important; text-align:left !important;}
	
	.submission-notice {font-size:21px !important;}
}

@media (min-width: 992px) {/* Bootstrap breakpoint for desktops (md) */
	.site-main-title {font-size:25px;}
	
	.col-md-4 .site-main-title, .col-md-4 .site-sub-text {/*text-align:left;*/}
	.site-side-quote {
		/*text-align:left;*/
		font-size:15px;
	}
	.site-side-quote:before, .site-side-quote:after {font-size:42px;}
	
	#app-step-nav {width:75%;}
	
	.step2-cols-container {width:85% !important;}
	
	.ft-short-explain {font-size:16px !important;}
	
	.investment-step-container {width:95%;}
	
	.investment-block:not(.new) {height:455px;}
	
	.review-container {width:85% !important;}
}

@media (min-width: 1200px) {/* Bootstrap breakpoint for larger desktops (lg) */
	.site-side-quote {
		font-size:16px;
	}
	.site-side-quote:before, .site-side-quote:after {font-size:50px;}
	
	#app-step-nav {width:60%;}
	
	.step2-cols-container {width:70% !important;}
	
	.ft-short-explain {font-size:17px !important;}
	
	.investment-step-container {width:90%;}
	
	.investment-block .summary {font-size:13px !important;}
	
	.review-container {width:72% !important; font-size:18px; padding:15px !important;}
	.review-container .big-figure {font-size:28px !important;}
	.review-container .summary {line-height:35px !important;}
	.review-container .disclaimer {font-size:9px !important;}
	.review-container .summary .step-back {padding-bottom:2px !important; border-width:2px !important;}
	.ft-short-explain a {padding-bottom:2px !important; border-width:2px !important;}
	
	.submission-notice {font-size:25px !important;}
}

/* ======================================================================== */