@media screen and (max-width: 769px){
	
	body {
		margin: 0;
		display: inline-block;
		width: 100%;
	}

	/* layout */

	#layout-wrapper {
		margin: 0;
	}

	#layout-wrapper-center {
		margin: 30px 20px 50px 20px;
	}

	/* navigation */

	#layout-navigation {
	background: #fff;
		position: static;
	}

	.widget-navigation {
		display: block;
	}

	#layout-navigation nav {
		display: none;
	}

	#layout-navigation.show nav {
		display: block;
	}

	#layout-navigation ul {
		padding-top: 10px;
	}

	#layout-navigation ul li,
	.user-menu-wrapper ul li {
		display: block;
		text-align: center;
		line-height: 58px;
		height: 58px;
	}

	#layout-navigation ul li a {
		display: block;
	}

	#mobile-navigation {
		display: block;
		height: 58px;
		cursor: pointer;
	}

	#mobile-navigation span {
		background: url('../Content/sprite.png') -24px -20px no-repeat;
		height: 28px;
		width: 49px;
		display: inline-block;
		margin: 15px 0 0 20px;
	}

	#userNavigation {
		text-align: center;
		font-weight: bold;
		display: none;
		padding: 20px 0;
		margin: 0;
		cursor: default;
	}

	#layout-navigation.show #userNavigation {
		display: block;
	}

	.user-menu-wrapper {
		font-weight: normal;
		background: none;
		position: static;
		display: block;
	}

	.user-menu-wrapper a {
		padding: 0;
	}

	#userNavigation .user-menu-wrapper li:hover,
	#userNavigation .user-menu-wrapper li:focus {
		background: none;
	}

	/* brand */

	#layout-brand {
		margin: 30px auto 35px auto;
		padding: 0;
		max-height: 80px;
		max-width: 85px;
	}

	#layout-brand img {
		max-height: 80px;
		max-width: 85px;
	}

	/* phone */

	#layout-phone {
		max-width: 100%;
		position: static;
		float: none;
	}

	.phone-icon {
		margin: 20px;
	}

	#layout-phone p {
		padding-top: 13px;
	}

	/* contact */

	#layout-contact {
		padding: 0;
		margin-top: 0;
		background: rgba(255, 255, 255, 0.95);
	}

	/* content */
	#layout-content-wrapper {
		width: 100%;
		margin-top: 0;
	}

	/* blogs */
	#layout-blogs {
		padding: 0;
		margin-top: 0;
	}

	/* other */
	
	#layout-loan,
	#layout-column-left,
	#layout-column-right {
		width: 100%;
		position: static;
	}

	#layout-column-right {
		display: none;
	}

	.mobile-only {
		display: inline-block;
	}

	.desktop-tablet-only {
		display: none;
	}

	#mediaQueryWidth {
		max-width: 769px;
	}
}

/* Forms */
@media screen and (max-width: 480px) {

    .field-wrapper {
        width: 100%;
    }

    .field-wrapper.small {
        width: 50%;
    }

    .field-wrapper.checkbox {
        margin-top: 0;    
    }
}