#dreamrooms{
    color:#58595b;
    font-size:14px;
}

#dreamrooms.single h1{
    font-style:normal;
    font-size: 2em;
}

#dreamrooms .dreamitem{
    float:left;
    width:21%;
    margin:20px 2%;
}
#dreamrooms .dreamitem a {
    color: #58595b;
}
#dreamrooms .dreamitem .img{
    border:#999 3px ridge;
    width: 100%;
    padding-bottom: 78.448275862069%;
    box-sizing: border-box;
    position: relative;
}
#dreamrooms .dreamitem .img img {
    position: absolute;
    width: 100%;
    height: 100%;
}
#dreamrooms span.title{
    padding:3px;
    text-align:center;
    color:#58595b;
    font-size:16px;
    font-weight:bold;
}
#dreamrooms.archive{
    margin: 90px auto;
}

/* ###################### */
#dreamrooms .top{
    background:#636467;
    color:#fff;
    padding: 20px;
}
#dreamrooms .top p {
    width: 80%;
    margin: 10px auto 0;
    text-align: center;
}
#dreamrooms .top .wrap{
    width:940px;
    padding:0 35px 20px;
}
#dreamrooms .bot{
    background:#636467;
    color:#fff;
    padding:5px 0;
}
#dreamrooms #images img.hide{
    position:absolute;
    z-index:2;
    display:none;
}
#dreamrooms #images{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
}
#dreamrooms #map{
    position:absolute;
    z-index:3;
}
#dreamrooms .show{
    position:absolute;
    cursor:pointer;
    z-index:4;
    background:url(https://safavieh.com/images/dreamrooms/transparent.gif);
}
#overlay{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999;
}
#overlay .bkg{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    background:url(../images/white75.png);
    cursor:pointer;
}
#overlay .cont{
    width:670px;
    height:436px;
    padding:20px;
    border:2px solid #000;
    background:#e6e7e9;
    position:absolute;
    z-index:2;
    margin:-300px 0 0 -400px;
    left:50%;
    top:50%;
    -webkit-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px -1px 10px 0px rgba(0,0,0,0.5);
    color:#58595b;
    font-family:Georgia, "Times New Roman", Times, serif;
    overflow: auto;
}
#overlay .head{
    width:100%;
    border-bottom:3px solid #58595b;
    padding-bottom:15px;
}
#overlay .head h3{
    font-weight:normal;
    font-size:26px;
    text-transform:uppercase;
}
#overlay .product{
    width:100%;
    background:#e6e7e9;
    margin-top:40px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:16px;
}
#overlay .product p{
    margin-bottom:10px;
}
#overlay .img{
    width:292px;
    height:336px;
    background:#fff;
}
#overlay #share{
    display:block;
    width:94px;
    height:48px;
    background:url(https://safavieh.com/images/dreamrooms/share.gif) no-repeat;
}
#overlay #buy{
    display:block;
    width:94px;
    height:48px;
}
.dreamrooms-header {
    border-bottom: 2px solid #555;
    color: #000;
    margin-bottom: 20px;
}
.dreamrooms-header h1 {
    font-size: 2.7em;
    font-weight: 300;
    text-align: center;
    margin-top: 15px;
}
.dreamrooms-header p {
    width: 66%;
    text-align: center;
    margin: 20px auto;
    font-size: 1.4em;
}
.dreamitems {
    padding: 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
#dreamrooms.single h1 {
    text-align: center;
}

@media(max-width:1063px){

    #dreamrooms .info{
        width:100% !important;
        margin-bottom:20px;
    }
}
@media(max-width:1027px){
    #dreamrooms .top{
        background:none;
        color:#555;
    }
    #dreamrooms #map{
        display:none;
    }
    #dreamrooms #images{
        position:relative;
    }
    #dreamrooms #images img{
        position:relative!important;
    }
    #dreamrooms .wrap {
        width: 100% !important;
        height: auto !important;
        position: relative;
    }
    #dreamrooms .thumbs{
        padding:0 20px;
    }
    #dreamrooms .dreamitem {
        width: 29.333333333333333%;
    }
    #dreamrooms .dreamitem:nth-child(3n + 1) {
        clear:both;
    }
}
@media(max-width:808px){
    #dreamrooms .info{
        width:100% !important;
        margin-bottom:20px;
    }
    .dreamrooms-header p {
        width: 90%;
    }
}
@media(max-width:550px){
    #dreamrooms.archive .info{
        float:none!important;
    }
    #dreamrooms .dreamitem {
        width: 46%;
    }
    #dreamrooms .dreamitem:nth-child(3n + 1) {
        clear: none;
    }
    #dreamrooms .dreamitem:nth-child(2n + 1) {
        clear: both;
    }
}