/**************************************************************************** RESPONSIVE RESET */
img {
	max-width: 100%;
	height: auto;
}
.responsiveImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.googleMap img, .kwicks img, .anythingImage{
	max-width: none;
}

video {
	max-width: 100%;
	height: auto;
}
.video-wrapper {
	width:855px;
	max-width:100%;
	margin:auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width:855px; 
	margin:auto;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ----------------------------------------------------- */
/* RESPONSIVE ELEMENTS */
/* Large screens ----------- */
@media only screen 
and (max-width : 1980px) {
    #navContainer {
        max-width: 1000px;
    }
    #headerContainer, 
    #CopyrightFooter,
    #slideWrapper
    {
        max-width:900px;
    }
    #pageContent,
    #pageContentSub, 
    #footerContainer
    {
        max-width:960px;
    }
}


/* Large screens ----------- */
@media only screen 
and (max-width : 1824px) {

}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1224px) {

}

@media only screen 
and (max-width : 1100px) {
    #navContainer {
        max-width: 1000px;
    }
    #headerContainer, 
    #slideWrapper
    {
        max-width:900px;
    }
    #pageContent,
    #footerContainer
    {
        max-width:960px;
    }
}

@media only screen 
and (max-width : 1000px) {
    #navContainer {
        width: 100%;
    }
    #headerContainer, 
    #slideWrapper
    {
        max-width:900px;
    }
    #pageContent,
    #footerContainer
    {
        width:100%;
    }
}

@media only screen 
and (max-width: 950px) {
    #navContainer {
        width: 100%;
    }
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        width:100%;
    }
    #colRight {
	    width:275px;
	    margin:auto;
    }
    #colLeft {
	    max-width:500px;
	    margin:auto;
    }
}

@media only screen 
and (max-width: 900px) {
    #navContainer {
        width: 100%;
    }
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        width:100%;
    }
    #colRight {
	    width:275px;
	    margin:auto;
    }
    #colLeft {
	    max-width:500px;
	    margin:auto;
    }
}


@media only screen 
and (max-width: 850px) {
    #navContainer {
        width: 100%;
    }
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        width:100%;
    }
    #navPrimary 
    {
	    display: none;
    }
    #navMobile 
    {
	    display:block;
    }
    #colLeft {
        max-width: 100%;
	    width:100%;
	    float:none;
	    margin:auto;
    }
    #colRight {
	    width:100%;
	    float:none;
	    margin:auto;
    }
}

@media only screen 
and (max-width: 800px) {
    #navContainer {
        width: 100%;
    }
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        width:100%;
    }
}

@media only screen 
and (max-width: 760px) {
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:100%;
    }
}

@media only screen 
and (max-width: 640px) {
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:100%;
    }
    #colRight {
	    font-size:1em;
    }
    .sideContainerFloat, .sideContainer {
        width: 100%;
        display: table;
        float: none;
    }
}

@media only screen 
and (max-width: 560px) {
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:100%;
    }
    #content {
        padding: 10px;
    }
    h1{
	    font-size:2.0em;
    }
}

@media only screen 
and (max-width: 480px) 
{
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:100%;
    }
    #content {
        padding: 5px;
    }
    .THItem 
    {
        margin:10px 0px;
    }
    #CopyrightFooter 
    {
	    font-size:1.0em;
    }
    #AddressFooter {
        width: 275px;
    }
    h1{
	    font-size:1.75em;
    }
}

@media only screen 
and (max-width : 350px) {
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:300px;
    }
    #pageContent {
        padding:15px;
    }
    #content {
        padding: 5px;
    }
    .THItem 
    {
        max-width:190px;
        margin:auto;
    }
    .THText{
    top:50px;
    font-size:1.05em;
}
    #CopyrightFooter 
    {
	    font-size:0.80em;
    }
    #AddressFooter {
        width: 250px;
    }
    h1{
	    font-size:1.5em;
    }
}

@media only screen 
and (max-width : 320px) {
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:300px;
    }
    #CopyrightFooter 
    {
	    font-size:0.80em;
    }

}

@media only screen 
and (max-width : 230px)
{
    #headerContainer, 
    #pageContent, 
    #footerContainer,
    #slideWrapper
    {
        max-width:220px;
    }
}