/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	@media only screen and (max-width: 1280px) {
		.vex.vex-theme-default {
			padding-top: 30% !important;
			padding-bottom: 30% !important;
		}
		.mortgage-loans-wrapper ul li {
			padding: 10px;
		}
		.team-member-details {
			min-height: 425px;
		}
		.slicknav_menu {
			display:block;
		}
	}
	
	@media only screen and (max-width: 1024px){
		.mtg-name {
			font-size: 18px;
		}
		.mortgage-loans-wrapper p.mtg-title {
			font-size: 12px;
			line-height: 18px;
		}
		.team-member-details {
			min-height: 325px;
		}
		.mtg-apply, .staff-email {
			font-size: 11px;
			letter-spacing: 1px;
		}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.gsb-location p, .gsb-location a {
			margin: 0;
			font-size: 12px;
			line-height: 18px;
		}
		.gsb-location h2 {
			padding: 12px 0;
		}
		.gsb-location h2 a {
			font-size: 22px;
			line-height: 28px;
		}
		.location-address {
			width: 100% !important;
			text-align: center;
			padding-bottom: 25px;
		}
		.location-map {
			width: 100% !important;
		}
		.location-content .four.columns {
			width: 50% !important;
			padding-bottom: 15px;
		}
		.icons-wrapper .copy, .icons {
			width: 100%;
		}
		.menu-holder {
			display: none;
		}
		
		.mobile-social {
			position: absolute !important;
			top: 5px;
			z-index: 9999;
			display: none;
		}
        
        #topbar a.personal-login, #topbar a.business-login {
            width: 46%;
            display: inline-block;
        }
        
        .six.columns.logo {
            height: 70px;
        }
        a.open-acct {
            width: 60%;
            margin: 0 auto 16px;
        }
        .seven.columns.buttons {
            padding-bottom: 10px;
        }

	}

	
	@media only screen and (min-width: 768px) and (max-width: 959px) {		
		.business-login,
		.personal-login {
			padding: 0 24px;
		}
        #topbar a.personal-login, #topbar a.business-login {
            width: 45%;
            display: inline-block;
            font-size: 14px;
            padding: 0 10px;
        }
        a.open-acct {
            width: 70%;
            margin: 0 auto 16px;
        }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
		.logo {
			text-align: center;
		}
		
		#menu-topnav {
			display: none;
		}
		.team-object {
			width: 33.333333%;
			min-height: 380px;
		}
		.buttons {
			padding: 0;
			text-align: center;
		}
		.buttons a{
			float: none;
			display:block;
		}
		.top-nav-wrapper {
			display: none;
		}
		
		
		.icons li {
			width: 50%;
		}
		.call-out {
			width: 100%;
		}
		.slideshow-holder {
			display: none;
		}
		.icons-wrapper {
			border-top: #114c4a solid 10px;
			margin-top: 0px !important;
			padding: 25px 0 !important;
		}
		.two-thirds.no-side {
			padding-left: 0 !important;
		}
		/*.mortgage-loans-wrapper img {
			display: none;
		}*/
		.mortgage-loans-wrapper ul li {
			width: 100%;
		}
		.team-member-details {
			min-height: 125px;
		}
        a.open-acct {
            width: 90%;
            margin: 0 auto 16px;
        }
        #topbar a.personal-login, #topbar a.business-login {
            width: 45%;
            display: inline-block;
            font-size: 14px;
            padding: 0 10px;
        }
	}

	/* 3.  Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.mstar {
			text-align: center;
		}
		}

		@media only screen and (min-width: 600px) and (max-width: 767px) {
			.mortgage-loans-wrapper ul li {
				flex: 50%
			}
		}

		@media only screen and (max-width: 599px) {
			.mortgage-loans-wrapper ul li {
				flex: 100%
			}
		}

	/* 4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.team-object {
			width: 50%;
			min-height: 330px;
		}
		.icons li {
			width: 100%;
		}
		.mstar {
			text-align: center;
		}
        #menu-footer-menu {
            padding: 0;
            margin: 0;
            padding-left: 0px;
            margin-bottom: 20px;
            column-count: 1;
        }
    }