/* Responsive CSS */

@media only screen and (max-width: 1120px) {
ul#main-navigation li:first-child {
border-left:0px
}

ul#main-navigation {
text-align:center
}
 
ul#main-navigation li {
border-right:0px; padding-top:5px; padding-bottom:5px
}
}

@media only screen and (max-width: 1040px) {
#header-navigation {
width:100%; float:none
}

#header-navigation h3 {
padding-top:10px; padding-bottom:10px; text-align:center
}

.languages {
width:100%; padding-top:0px; padding-bottom:10px; padding-right:5px; float:none
}
	
.inspiration--item {
float:none; padding-bottom:20px; width:100%; max-width:300px; display:block; margin:auto
}
}

@media only screen and (max-width: 800px) {
.mobile-navigation {
display:block
}
	
.desktop, .header-social-net-mobile {
display:none
}

.mobile {
display:block
}
	
#logo {
width:350px; max-width:100%; float:none; margin:auto
}

img.logo-desktop {
display:none
}

img.logo-mobile {
display:block
}
	
.header-content {
width:100%; float:none
}

.header-search {
width:180px; height:auto; padding-top:2px; padding-bottom:0px; float:none; margin:auto
}

#header-social-net {
width:225px; height:32px; padding-right:5px; padding-left:5px; float:none; margin:auto
}	
	
#header-navigation {
display:none
}	
	
td {
display:block
}

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

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

.iframe-rwd  {
width:100%; float:none
}

.content-body, .content-sidebar {
width:100%; float:none
}
	
#footer .footer-location {
width:100%; margin:0px; padding:0px; margin-top:10px
}
}

@media only screen and (max-width: 700px) {	
#banner, #banner-ask-us, #banner-brands-we-sell, #banner-careers, #banner-credit-application, #banner-espanol, #banner-inspiration-gallery, #banner-installation-instructions, #banner-online-ordering, #banner-other-resources, #banner-promotions, #banner-safety-data, #banner-warranty-information, #banner-about-us, #banner-locations,
#banner-design-center, #banner-estimating, #banner-truss-design, #banner-door-shop, #banner-delivery, #banner-services-design-center {
height:250px; min-height:auto
}

ul#footer-navigation li:first-child {
border-left:0px
}

ul#footer-navigation li {
border-right:0px
}
	
.facebook-feed, .twitter-feed {
width:100%; float:none
}
}

@media only screen and (max-width: 550px) {
.alignleft, .alignright, .alignnone, .aligncenter {
width:auto; max-width:100%; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}
	
.copy {
width:100%; float:none
}
	
#footer-slider-wrapper {
display:none !important
}
	
.gallery-item {
float:none !important; width:100% !important
}
}

@media only screen and (max-width: 450px) {
.houzz-box {
width:100%; margin:0px; padding:0px; margin-top:10px
}
}

@media only screen and (max-width: 400px) {
#content img {
width:auto; max-width:100%; height:auto; display:block; margin:auto; margin-bottom:10px
}
}

@media only screen and (max-width: 350px) {
#logo {
width:100%
}
}