/* SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL */
/* SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL SMALL */

@media only screen and (max-width:689px) {
	.hide-for-small{
		display: none;
	}

	html{
 		background-image:none;
 	}

	h1{
	  	font-size: 24px;
		font-weight: 400;
		margin:0 0 4px 0;
		line-height:1.2em;
		font-family: 'Sans Source Pro', sans-serif;
	}
	h2{
		font-size: 20px;
		font-weight: 600;
	 	margin:0 0 15px 0;
		line-height:1.1em;
	}
	h3{
	  font-weight: 600;
	  margin-bottom:5px;
	}
		h3.app{
			font-size: 16px;
		  	margin: 0 0 0 0;
		}
		h3.link a{
			font-size: 20px;
		}
		h3.articles{
		font-size: 24px;
		font-weight: 400;
		margin-bottom: 4px;
		line-height:1.2em;
		font-family: 'Sans Source Pro', sans-serif;
	}
	ul {
		margin-bottom: 5px;
	}
		ul.calclist {
			margin-bottom:20px;
		}
		li {
			font-size:16px;
		}
	.body-wrapper{
		background-color: #fff;
	}

	.show-for-small{
		display: block;
	}
	.header-wrap{
		border: none;
		height: 222px;
	}
	.bg-wood{
		background: none;
	}
	.bg-white{
		background: #fff;
	}
	a.first li 	{
			font-size:18px;
		}

				/* SIDEBAR STYLE START */
					.sb-slidebar {
						padding: 14px;
						color: #fff;
					}

					.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
						cursor: pointer;
						background: url(../images/mobile_menu_btn2.png) top repeat-x;
						height: 29px;
						width: 41px;
						position:absolute;
						z-index: 10;
						top: 0px;
						right: 0px;
					}

					.navright li a{
						background-image: none;
						background-color: rgba(41, 174, 228, 1.0);
						text-align:center;
						font-size:18px;
					}
						.navright li a:hover {
							background-image: none;
							background-color: none;
						}
					.nav-heading {
						list-style-type: none;
						padding:0;
						margin:0;
						text-indent:0;
					}
					.panel-nav{
						background-color:#fff;
						padding:6px 0 12px 0;
					}
						.panel-nav-unit{
							background-color:#8ac546;
							padding:10px;
							width:210px;
							margin:10px 20px;
							-moz-border-radius: 12px;
							border-radius: 12px;
							text-align: center;
							display:block;
						}

						.panel-nav-unit a{
							font-size:20px;
							font-weight: 600;
							color:#fff;
							text-decoration: none;

						}




				/* SIDEBAR STYLE END */

	header, .home-middle, .sub-middle, .main-nav, .content{
		height: auto;;
		padding-left: 0;
		padding-right: 0;
		width: 320px;
	}
		header{
			width: 100%;
			padding: 0;
		}
			header p.hero, .logo-area, .loan-rates{
				float: none;
				margin: 0 auto 0;
				padding: 0 0 20px;
				width: 320px;
			}
	.content-wrap{
		padding: 35px 0;
		background: none;
	}

	/* LOGO-AREA STYLE */

	.logo-area-wrap, .logo-area-wrap-sub{
		margin-top: -18px;
		background: #fff;
		border-top: 29px solid #eaeaea;
	}
		.logo-area-wrap-sub{
			margin-top:0;
		}
		.logo-area-home, .logo-area{
			width:320px;
			float: none;
			margin: 0 auto 0;
			padding: 0;
			height: 96px;
		}
			.logo-area-home a, .logo-area a{
				background-image: url(../images/logo-360.png);
				background-position: center center;
				background-size: 100% auto;
				display:block;
				margin: -20px 20px 0 20px;
				height: 96px;
				width: 280px;
			}

	/* RATES-AREA STYLE */

	.rates-bar-wrap {
		background: none;
	}
		.rates-bar {
			float: none;
			margin: 0 auto 0;
			padding: 0;
			width: 320px;
			background: none;
		}
			.rates-bar h2{
				background-image: none;
			}

	.loan-rates{
		padding-bottom: 0;
		height: auto;
	}
		.expand-rates .loan-rates{
			cursor: pointer;
		}
	.loan-rates-bottom{
		width:320px;
		margin: 0 auto;
		padding-bottom:0;
	}
		.loan-rates-bottom h3{
			background-color: rgba(128,128,128,.8);
			color: #fff;
			font-size: 17px;
			line-height: 23px;
		}
	.loan-rates-bg-left, .loan-rates-bg-right{
		float: left;
		margin-left:2px;
		margin-right:3px;
		width:155px;
		height:80px;
		background-image: url(../images/backgrounds/shadowcurve-155.png);
	}
		.loan-rates-bg-right{
			float:right;
			margin-left:3px;
			margin-right:2px;
		}
	.loan-rates-top{
		padding: 16px 0 0 0;
	}
		.loan-rates-top h3{
			color: #808080;
			background-color: rgba(255,255,255,.8);
			padding: 7px 0;
		}
			.expand-rates .loan-rates-top h3{
				padding: 0;
			}
	.down-arrow{
		display: inline-block;
		font-size: 18px;
	}

	/* GET A LOAN APP */

	.middle-wrap{
		height: auto;
		background-color: #fff;
		margin-top: 20px;
	}
	.home-middle{
		width: 100%;
	}
	.get-a-loan-wrap{
		background-image: none;
		background-color: #fff;
		width: 100%;
		padding-top: 10px;
	}

	.get-a-loan,
	.credit-score,
	.sub-middle-left-wrap,
	.sub-middle-center-wrap,
	.sub-middle-right-wrap{
		float: none;
		margin:0 auto 0;
		max-width: 320px;
		padding-left: 0;
		padding-right: 0;
	}
		.get-a-loan-inner{
			background-color: #fff;
			background-image: url('../images/backgrounds/shadowcurve-320.png');
			background-position: center top;
			height: 200px;
			margin: 0;
			width: 320px;
		}
		.get-a-loan{
			background: none;
			height: 200px;
			padding-bottom: 0;
			width: 380px;
		}
		.sub-middle{
			background: none;
		}

	.dropdownbox{
		border: 3px solid #ccc;
		font-family: 'Source Sans Pro';
		font-size: 17px;
		padding: 3px 3px 3px 5px;
		width: 180px;
		margin-top: 10px;
		margin-bottom:5px;
	}

	.dropdownbox-widget{
		border: 2px solid #ccc;
		margin: 12px 0 6px 70px;
		width: 155px;
	}

	form.get-a-loan-form {
		border: 0px solid #fff;
		padding-top: 10px;
		margin-top:4px;
	}

	/* CREDIT-SCORE */

	.credit-score-wrap{
		background: #fff;
		width: 100%;
	}
	.credit-score{
		background: none;
		height: 228px;
		padding: 15px 0 20px 0;
		width: 320px;
	}
	.credit-score-inner{
		background: url('../images/backgrounds/credit-score-05.png');
		height: 203px;
		padding:0 20px 0 180px;
		width:120px;
		text-align:center;
	}
		.credit-score-inner-sub{
			width:320px;
			height:142px;
			margin-left:0;
			text-align:center;
			background-image:url('../images/backgrounds/bg-05.png');
		}
	.credit-half {
		padding:20px 20px 0 10px;
		width:110px;
		text-align:center;
		float:left
	}

	.credit-score-inner p{
		padding-bottom: 18px;
	}
	.credit-score h2, .get-a-loan-inner h2{
		border: none;
		line-height: 36px;
		height: 36px;
		color: #fff;
		background-image: url('../images/backgrounds/bg-11.png');
	  font-size: 23px;
		font-weight: 600;
		text-shadow: 0 2px 2px rgba(0, 0, 0, 0);
		text-align: center;
		padding:0;
		margin:0;
	}
	.credit-button{
		margin:9px 0 0 108px;
	}


	/* DISCLAIMER */

	.disclaimer-main, .disclaimer-inner, .disclaimer-inner-mobile{
		width:310px;
	}
	.disclaimer-inner{
			margin:10px auto 0 auto;
			padding:5px;
		}
		.disclaimer-inner-mobile{
			display:block;
			margin:-125px auto 0 auto;
			padding:5px;
			background-image:none;
		}

	/* NAVIGATION */

	.nav-section{
		height: auto;
		display: none;
	}
	.main-nav{
		padding-top:16px;
		padding-bottom: 13px;
	}
	.main-nav a, .main-nav a:hover{
		display: block;
		float: left;
		height: 40px;
		margin:0 0 1px 1px;
		padding: 5px 0 0 0;
		width: 159px;
		border-radius: 0;
	}
		.main-nav a h3{
			color: #fff;
			font-size: 18px;
			line-height: 1em;
		}
		.main-nav a h3 span{
			display: block;
			font-size: 15px;
			font-weight: 700;
			padding-top: 0;
		}

	.main-nav a:hover{
		background: #00b9ff;
	}
	.main-nav a.nav-1, .main-nav a.nav-2, .main-nav a.nav-3, .main-nav a.nav-4, .main-nav a.nav-5, .main-nav a.nav-6 {
		background: #1884c9;
		margin-right:1px;
		margin-left:0;
	}
		.main-nav a.nav-3, .main-nav a.nav-4 {
			background: #1c98e7;
		}
		.main-nav a.nav-5, .main-nav a.nav-6 {
			background: #19a6ff;
		}



	/* MAIN CONTENT */

	.content{
		background-image:none;
	}
	.content-wrap{
	padding: 5px 0 0 0;
	}
	.content-main{
		float: none;
		padding: 0 10px;
		width: 95vw;
		font-size: 3vw;
		margin:30px 0 0 0;
	}

		.content-main p{

		}
		.content-main ul li{
			font-size: 16px;
		}
	.disclaimer-wrap{
		background-image:none;
	}
		.disclaimer-main, .disclaimer-inner{
			font-size: 14px;
		}
	.home-content{
		background: none;
	}
		.home-content p{
		width:100%;
		font-size: 16px;
		}
	.sidebar{
		display: none;
	}
	.article-link a {
		font-weight: 600;
		font-size: 20px;
		line-height: 1.2em;
	}
.readabout {
	font-size:15px;
	line-height: 1.2em;
}
.news{
	margin-top:10px;
	margin-bottom:25px;
}
	.news p{
		margin-bottom:5px;
		margin-top:5px;
	}

	/* THANK YOU CONTENT */
		.content-thankyou{
			height: auto;
			padding-left: 0;
			padding-right: 0;
			width: 320px;
		}
		.header-ty{
			height: 122px;
		}
		.content-inner-thankyou{
			width:320px;
			padding: 0 10px 0 10px;
		}
		.ty-text{
			padding-right:20px;
		}
		.ty-heading{
			padding-right:20px;
		}
		.content-inner-credit{
			width:320px;
			padding: 0 10px 0 10px;
		}
		h2.credit2, h2.credit3{
			padding: 0 30px 0 10px;
			font-size: 18px;
			text-align: left;
			font-weight:400;
			line-height:1.3em;
		}

		p.credit{
			padding: 0 30px 0 10px;
		}
		.credit-small{
			display: block;
			width: 280px;
			margin-top: 10px;
			margin-bottom: 30px;
			padding: 0 40px 0 10px;
		}
		.credit-small-button{
			text-align: center;
			background: #f26122;
			-moz-border-radius: 30px;
			border-radius: 30px;
			height: 41px;
			margin-top:30px;
			padding-top: 25px;
		}
		.credit-small-button a{
			color: #fff;
			font-size: 18px;

		}

.article-wrap {
	font-size: 16px;
	line-height: 1.3em;
}
	.article-wrap ul li{
		margin-bottom: 12px;
		font-size:16px;
		line-height: 1.3em;
	}
	.article-wrap em{
		font-size: 16px;
		line-height: 1.3em;
	}


	/* FOOTER */

	footer, footer.thankyou, footer.prequalify{
		margin: 0 auto;
		padding: 20px 30px 0 30px;
		width: 260px;
	}
	.footerlogo, .footerlogo-thankyou, .footerlogo-prequalify{
		width:200px;
		height:39px;
		margin-bottom:15px;
		margin-left:30px;
	}

/* BUTTONS*/
div.buttonwrap, div.buttonwrap2, div.buttonwrapbig {
	padding: 5px;
	height:40px;
	width:130px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
}
	div.buttonwrap2{
		width:150px;
	}
	div.buttonwrapbig {
		height:40px;
		width:200px;
		background-color: rgba(255,190,50,1.0);
		-moz-border-radius: 21px;
		-webkit-border-radius:21px;
		border-radius: 21px;
		margin-bottom:15px;
		margin-top:8px;
	}
a.calltoaction, a.calltoaction2, a.calltoactionbig {
	width:130px;
	padding-top: 10px;
	height:28px;
	font-size: 18px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
}
	a.calltoaction2{
		width:150px;
	}
	a.calltoactionbig {
		font-size: 18px;
		width:200px;
		padding-top: 11px;
		height:29px;
		-moz-border-radius: 16px;
		-webkit-border-radius:16px;
		border-radius: 16px;
		background-color: rgba(255,190,50,1.0);
		background:url( ../images/backgrounds/button-orangebig.png);
		}
	a.widgetbutton {
		height:32px;
		padding-top:9px;
	}


/* OTHER STYLING */
#lender_app label {
	display:block;
	float: left;
	width: 300px;
	margin: 5px 0 0 0;
	font-size: 15px;
}
#lender_app input {
	display:block;
	float: left;
	width: 290px;
	margin: 5px 0;
	font-size: 15px;
	padding:3px;
}

/* LENDER FORM BUTTON */
#lender_app input[type="image"] {
	width: 115px;
	margin: 0 90px 20px 90px;
}

.lenderbutton {
	width:138px;
}
.lending-limits-county{
	font-size:16px;
}
.loan-type-nav {
	float:left;
	height:32px;
	margin:0 2px 9px 2px;
	text-align:center;
}
	.loan-type-nav a{
		background-color:#ddd;
		width:300px;
		height:26px;
		font-size:16px;
		padding-top:7px;
		color:#000;
		display:block;
		border-radius: 9px;
		transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15 ease-in-out;
		-webkit-transition: background-color .15s ease-in-out;
	}
		.loan-type-nav a:hover {
			background-color:#0090ff;
			color:#fff;
			text-decoration: none;
		}
	.subtitle {
		font-size:16px;
	}

.sub-full-nav, .sub-full-nav-bottom, .appraiser-title, .other-title, .sitemap, {
}
	.appraiser-title, .other-title, .sitemap, .sub-full-nolink, .sub-full-nav a, .sub-full-nav-bottom a{
		background-color:#ddd;
		width:300px;
		height:27px;
		font-size:16px;
	}
		.faq {
			height:none;
		}
		.faq-question{
			background-color:#fff;
			width:320px;
			height:auto;
			font-size:16px;
			font-weight:600;
			padding-top:8px;
			padding-bottom:5px;
			color:#000;
			display:block;
			border-radius: 0;
			text-align: left;
			transition: none;
			-moz-transition: none;
			-webkit-transition: none;
		}
		.faq-number {
			display: none;
		}

		.sub-full-nav-bottom a {
			background-color:#fff;
			color:#0090ff;
		}
		.appraiser-title, .other-title, .sitemap {
			font-size:18px;
			background-color:#8ac546;
			color:#fff;
			text-decoration: none;
		}
			.other-title{
				font-size:15px;
			}
		.sub-full-nav a:hover, .sub-full-nav-bottom a:hover {
			background-color:#0090ff;
			color:#fff;
			text-decoration: none;
		}
	.header-wrap-sub{
		/*height:85px;*/
		height:222px;
	}

	.terms{
		width:100%;
		text-align:center;
		color:white;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#999;
		margin-bottom:20px;
	}

}