@media only screen and (min-width: 650px) {
    #header .wrapper {
        height: 127px;
    }
    #logo {
        left: 27px;
        top: 23px;
        width: 650px;
    }
    #logoutLink, #loginLink {
        position: absolute;
        right: 158px;
        top: 15px;
        color: #383A37;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: .5px;
    }
    .openNav {
        right: 150px;
        top: 70px;
    }
    .openNav:before {
        font-size: 30px;
    }
    #logoutLink, #loginLink {
        right: 158px;
        top: 15px;
    }
    #home-content2 .before-after div {
        float: left;
    }
    #home-content2 .before-after div:nth-of-type(even) {
        float: right;
    }
    .review .col {
        margin: 20px .9% 0;
        width: 48%;
    }
}
@media only screen and (min-width: 750px) {
    #commercial-flooring-welcome #content ul,
    #community-commitment #content ul,
    #installers-needed #content ul {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }
    #community-commitment #content ul li,
    #installers-needed #content ul li {
        width: 31%;
    }
    #commercial-flooring-welcome #content ul li {
        width: 30%;

    }
    #commercial-flooring-welcome #content ul li:nth-of-type(2),
    #commercial-flooring-welcome #content ul li:nth-of-type(4) {
        width: 3%;

    }
}
@media only screen and (min-width: 800px) {
    #heading {
        height: 273px;
    }
    #hero h1 {
        bottom: 50px;
        left: 95px;
        font-size: 42px;
    }
    #heading img{
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        left: auto;
    }
}
@media only screen and (min-width: 850px) {
    #home-content1 .text {
        position: relative;
        max-width: 547px;
        margin-left: 471px;
        margin-right: 30px;
        border-left: 3px solid #c3c3c3;
        padding-left: 55px;
        float: right;
        margin-top: 70px;
        margin-bottom: 20px;
    }
    .review-site #home-content1 .text {
        margin-top: 100px;
    }
    #home-content1 img {
            height: auto;
         left: 40px;
        right: auto;
    }
    .home-slider .text {
        position: absolute;
        left: 100px;
        bottom: 40px;
        padding: 0;
    }
    .home-slider .slick-slide > img {
        max-width: none;
        height: 100%;
        width: auto;
    }
    .home-slider{
         height:  519px;
    }
    .home-slider h2{
        font-size: 46px;
        text-transform: uppercase;
        color: #fcfcf5;
        width: 513px;
    }
    .home-slider p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
        color: #e9e8dc;
        width: 513px;
    }
    .home-slider h2 {
        width: 513px;
    }
    .home-slider .buttons img {
        max-width: none;
    }
    .review .col {
        margin: 20px .9% 0;
        width: 30%;
    }
}
@media only screen and (min-width: 920px) {
    #content {
        margin: 50px 0 0 0;
        float: left;
        padding-bottom: 90px;
    }
    #sidebar {
        float: right;
        margin: 40px 0 30px 0;
    }
    body#crew2-portal #breadcrumbs, body#the-home-depot-portal #breadcrumbs, body#thd #breadcrumbs {
        margin: 0 35px 0 35px;
    }
    #footer .wrapper {
        padding-left: 30px;
    }
    body#crew2-portal.crew2-management #content .four-cols .col{
        width: 25%;
    }
    #home-content2 .left img {
        margin: 28px 30px 0 0;
    }
    #home-content2 .left div {
        padding: 35px;
    }
}
@media only screen and (min-width: 1050px) {
    #nav-sub a {
        height: 40px;
        line-height: 40px;
        padding: 0 19px;
        margin: 0;
    }
    #nav-sub .here a {
        background: rgb(224, 222, 206);
        background: -moz-linear-gradient(180deg, rgba(224, 222, 206, 1) 94%, rgba(208, 206, 191, 1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(224, 222, 206, 1) 94%, rgba(208, 206, 191, 1) 100%);
        background: linear-gradient(180deg, rgba(224, 222, 206, 1) 94%, rgba(208, 206, 191, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0dece", endColorstr="#d0cebf", GradientType=1);
        color: #36241a;
    }
    #content {
        margin: 50px 0 0 94px;
        padding-bottom: 90px;
    }
    #sidebar {
        margin: 40px 30px 30px 0;
    }
    #breadcrumbs {
        margin-left: 94px;
    }
    .home-slider-nav .slick-slide{
        font-size: 18px;
    }
}
@media only screen and (min-width: 1150px) {
    .home-slider-nav .slick-slide{
        padding: 20px 19px;
        font-size: 18px;
    }
    #nav-sub a {
        height: 64px;
        line-height: 64px;
        padding: 0 19px;
        font-size: 18px;
    }
    body#crew2-portal #sidebar,
    body#the-home-depot-portal #sidebar,
    body#thd #sidebar{
        float: left;
        margin: 40px 0 30px 30px;
    }
    body#crew2-portal #content,
    body#the-home-depot-portal #content,
    body#thd #content{
        float: right;
        margin: 50px 30px 0 0;
        padding-bottom: 90px;
    }
    #home-content2 .right {
        float: right;
        margin: 82px 30px 0 0;
    }
    #home-content2 .left {
        float: left;
        margin: 47px 0 0 30px;
    }
}
@media only screen and (min-width: 1200px) {
    .gallery #content {
        float: left;
    }

    .gallery #sidebar {
        float: right;
    }
    .gallery #content,
    .gallery #breadcrumbs {
        margin-left: 30px;
    }
}