@media (max-width: 1200px)
{
.fullPage {padding:0; margin:0 5px}
.thinPage {margin-left:20%; margin-right:20%}
}

@media (max-width: 920px)
{
.thinPage {margin-left:10px; margin-right:10px}
#logoH1 {top:10px; background-image:url("../images/logo.png"); height:41px; background-size:250px}
#top, #homeLink {height:61px}
#mobileMenu {display:block}
#menuOuter {display:none; position:relative; z-index:10}
.menu li {display:block}
.menu li ul {width:250px; margin-left:-125px; left:50%}
#middle {top:61px}
#oScrollerDiv {padding-top:0px}
#houzzButton {display:none}
#socialNetworks {right:45px}
.showcase #left {left:5px; top:65px}
.showcase #right {left:140px; top:0px}
.liteDisplayNone {display:none}
#oTitle {padding-left:0px}
#oIntroText {padding-left:0; padding-right:10px}
}

@media (max-width: 600px)
{
@-ms-viewport {width:device-width}
.halfPane {float:none; width:99%}
.columns2>div {display:none}
.columns2>div:first-child {display:block; float:none; width:auto}
.liteHide {display:none !important}
.textTransBG>div>img, .textTransBG>div>div.imgContainer {float:none !important; display:block; margin:0; width:100%; box-sizing:border-box}
.columnCount3 {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
#socialNetworks {display:none}

.showcase #left {display:none !important}
.showcase #right {position:static}
#oTitle {display:none}
#oIntroText {display:none}
#oIntroTextLite {display:block}
#nextLinkLiteDiv {display:block}
.pictureDisplayArea {position:static}
}

@media (max-width:400px)
{
    footer>.regions>div {padding:5px}
}