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

/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1008px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1008px) {

	#homeBanner {
		height: 224px;
		}

    #content #galleryCatList li {
        margin: 0 3% 4% 0;
    }

    #header a.logo {
        height: 98px;
        width: 290px;
        background-size: 100%;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	html, body {
		font-size: 14px;
		line-height: 20px;
	}

    #homePage #menu_mobile {
        display : none;
    }

    .form_label {
        width   : auto;
        padding : 0;
    }

    .form_required {
        width   : 5%;
        padding : 5px 0 0 10px;
    }

    .form_field {
        width      : 100%;
        float      : none;
        margin-top : 0;
    }

    #header {
        padding: 15px 0 47px;
		margin-bottom : 0px;
    }

    #header a.logo {
        height          : 58px;
        width           : 211px;
        background-size : 100% 100%;
        float           : left;
        margin-bottom   : 10px;
	    top: 5px;
	    left: 0;
    }

	#header .container_24, #content .container_24 {
		padding: 0px;
		}

	#homeBanner {
		padding-top: 50px;
		background: none;
		height: auto;
		}

	.headerBanner {
		padding-top: 50px;
		}

	.copyPadding {
		padding: 15px;
		}

	#footer {
		text-align: left;
		}

    .flex-control-paging {
	    display: none;
	    }

    #footer {
        margin-top: 0px;
    }

    .ctaHome {
        color: #333;
        line-height: 24px;
        font-size: 18px;
    }

    /* FONTS */

	h1 {
		font-size   : 26px;
		line-height: 28px;
		margin      : 0 0 15px 0;
		}

	h2 {
		font-size   : 20px;
		line-height: 22px;
		font-weight : normal;
		margin      : 0 0 5px 0;
		}

	h3 {
		font-size   : 16px;
		line-height: 16px;
		font-weight : bold;
		margin      : 0 0 5px 0;
		}

	h4 {
		font-size   : 14px;
		line-height: 17px;
		font-weight : bold;
		}

    #contactPage .firstHalf {
        width: 100%;
        float: left;
    }

    #contactPage .secondHalf {
        width: 100%;
        margin-left: 0;
        float: left;
    }

    #content #galleryCatList li {
        margin: 0 3% 4% 0;
    }

    #headerIntro ul {
        top: -34px;
        right: auto;
        left: 0;
        font-size: 16px;
    }

    .headerContent {
        text-align: left;
        font-size: 17px;
        line-height: 23px;
    }

    #copy .grid_8 .inner {
        padding: 0;
        min-height: inherit;
    }

    .mobileWrapper {
        padding: 20px;
        background: #fff;
    }

    #headerIntro {
        font-size: 18px;
        line-height: 23px;
    }
	
	.mobileStyle {
		font-size:24px;
		font-weight:bold;
		}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #content #galleryCatList li {
        margin: 0 3% 4% 0;
        width: 45%;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    #content #galleryCatList li {
        margin: 0 3% 4% 0;
        width: 44%;
    }

}