/* Responsive CSS */

@media only screen and (max-width: 1600px) {

}


@media only screen and (max-width: 1000px) {
.main {
padding-bottom:0px; height:auto
}

.footer {
margin-top:0px; height:auto
} 
}

@media only screen and (max-width: 950px) {
#logo {
width:100%; max-width:inherit; float:none; position:relative; top:0; text-align:center
}

.top-contact-wrapper {
width:100%; max-width:500px; float:none
}
	
.main-navigation-body, ul#main-navigation {
text-align:center
}
}

@media only screen and (max-width: 800px) {
.main-navigation-body, ul#main-navigation {
display:none
}

.body-wrapper {
padding-top:0px
}

.wrapper-body-blog, .wrapper-body-page {
width:100%; float:none
}

.wrapper-body-sidebar {
width:100%; float:none; margin-top:20px
}

.contact-form {
width:100%; float:none; padding-top:5px; padding-right:0px
}

.location-map {
width:100%; float:none
}

.iframe-rwd  {
width:100%; float:none
}
	
#footer {
position:relative !important
}
}

@media only screen and (max-width: 530px) {
.alignleft, .alignright, .alignnone, .aligncenter {
width:100%; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}

.com-left, .com-right {
width:90%; padding-top:20px; float:none; margin:auto
}

.com-form {
float:none; margin:auto
}

.meta {
display:none; visibility:hidden
}
	
.top-contact, .top-location {
width:100%; float:none; text-align:center; padding-top:10px; padding-bottom:10px
}
	
.footer-left, .footer-right {
width:100%; float:none; text-align:center
}
}