@media only screen and (max-width: 1000px){
        .informationBlurb p.address,#footBottom p.address,p.address{
            font-size: 1.4rem
        }
    }


@media only screen and (max-width:1000px) {
    #PureChatWidget.purechat.purechat-bottom-right {
        bottom: 160px !important;
        right: 0 !important
    }

    body {
        padding-left: 0
    }

    #mobileLafayetteLogo {
        width: 100%;
        display: block;
        background-color: rgba(254, 252, 255, .8);
        max-width: 100%;
        height: auto;
        padding: 8px 0;
        margin: auto;
        text-align: left;
        z-index: 800
    }

    #mobileLafayetteLogo img {
        width: 40vw;
        max-width: 180px;
        margin-left: 1em;
        height: auto
    }

    #lifIcon {
        width: 80px;
        padding: 6px 8px
    }

    #fixedLeft {
        width: 80%;
        left: -100%
    }

    #testRelative {
        min-height: 100%;
        overflow-y: scroll
    }

    #lafayetteLogo {
        margin-top: 12px;
        margin-bottom: 12px
    }

    #lafayetteLogo img {
        max-width: 220px
    }

    #sideMenuIcons {
        padding-left: 17px;
        height: 40%
    }

    #sideMenuLinks {
        position: relative;
        display: block;
        height: auto;
        width: auto
    }

    #sideMenuLinks ul {
        min-height: 100%
    }

    .menuLink {
        position: relative;
        display: block;
        height: auto;
        min-height: 38px;
        line-height: 38px
    }

    .menuLink p {
        position: relative;
        top: 0;
        transform: none;
        padding-left: 17px;
        font-size: 1.6rem
    }

    .slideContent {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        min-height: 0;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        border-top: none;
        border-right: none;
        border-bottom: none;
        z-index: 100;
        overflow: hidden
    }

    .slideMenus {
        position: relative;
        width: 100%;
        text-align: left;
        margin-top: 12px;
        display: block;
        text-align: left
    }

    .slideMenuImg {
        display: none
    }

    #byRoom {
        width: 210px
    }

    .menuCarets {
        top: 10px;
        right: 30px;
        transform: rotate(90deg)
    }

    #sideMenuIcons ul li img {
        width: 26px;
        height: 26px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        transition: all .6s ease
    }

    #sideSearch {
        margin-top: 20px
    }

    #sideSocial {
        position: relative
    }

    #tabMenu {
        bottom: 0
    }

    #splashImage {
        height: auto;
        background-size: cover;
        background-position: right center
    }

    #splashSlogan h1 {
        font-size: 6rem;
        font-size: 9vw
    }

    #splashList h2 {
        font-size: 4vw;
        color: #fefcff
    }

    #splashList h2 a {
        font-size: 3.7rem;
        font-size: 4vw
    }

    .newArrivals {
        margin-top: 40px
    }

    .arrivalsHolder {
        width: 100%
    }

    .newsStory {
        width: 100%;
        display: block;
        margin-bottom: 10px
    }

    .newArrivalsHero {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center
    }

    .newArrivalsHero img {
        width: 100%;
        height: auto;
        margin: 0 auto 0 auto
    }

    .information {
        display: block;
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .information img {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: inline-block;
        vertical-align: top;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 20px;
        transition: all .8s ease
    }

    .information .single {
        width: 100%;
        width: auto;
        max-height: 300px;
        max-width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 20px;
        transition: all .8s ease
    }

    .information div .heart {
        top: 10px
    }

    #products {
        position: relative;
        width: 100%;
        min-height: 600px;
        margin-top: 0;
        margin-bottom: 100px
    }

    #productsWrap {
        position: relative;
        width: 100%;
        height: 100%;
        margin: auto
    }

    #productSelector {
        bottom: initial;
        bottom: 490px;
        right: 0;
        height: 50px;
        width: 100%
    }

    .productIcon {
        width: 80px;
        height: 80px;
        padding: 10px
    }

    .productIcon img {
        width: 30px;
        height: auto
    }

    .productHolders {
        position: relative;
        width: 100%;
        margin: 10px auto
    }

    .productImages {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 70px
    }

    .productImages h2 {
        display: none
    }

    .productImage img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transform: none
    }

    .productDescription {
        display: block;
        width: 100%;
        height: 420px;
        margin-left: 0
    }

    .informationBlurb .infoHeadline {
        font-size: 1.8rem
    }

    .informationBlurb p {
        font-size: 1.73rem
    }


    .productDescription p em {
        display: none
    }

    #materialsLibrary {
        position: relative;
        width: 100%;
        height: 300px;
        line-height: initial;
        margin-bottom: 100px
    }

    #materialsLibrary h2 {
        position: absolute;
        top: 50%;
        lefT: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-size: 4rem;
        letter-spacing: 4px
    }

    #greeting {
        margin-top: 0;
        margin-bottom: 100px
    }

    #greetingHolder {
        width: 100%
    }

    #greetingVideo {
        width: 100%;
        height: 335px;
        line-height: 300px;
        color: #f00
    }

    #corporateVideo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        max-width: 560px;
        height: 100%;
        max-height: 315px;
        line-height: 200px
    }

    #corporateVideo iframe {
        width: 100%;
        height: 100%
    }

    #greetingInfo {
        position: relative;
        display: block;
        width: 90%;
        height: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    #greetingInfo h3 {
        width: 90%;
        margin: 40px auto
    }

    .leftRightArrows {
        width: 32px;
        height: 40px;
        filter: drop-shadow(1px 1px 6px #000)
    }

    #arrowRight {
        right: 20px
    }

    #arrowLeft {
        left: 20px
    }

    .roomImages img {
        filter: brightness(100%)
    }

    .roomImages h4 {
        border: 4px solid #616366;
        background-color: rgba(254, 255, 252, .8);
        color: #bfb7b0;
        border: 4px solid #bfb7b0
    }

    #dealerHolder {
        width: 100%
    }

    #dealerBecome {
        position: relative;
        width: 100%;
        height: 202px;
        margin-bottom: 12px;
        margin-left: 0
    }

    #dealerLocate {
        position: relative;
        width: 100%;
        height: 202px;
        margin-left: 0
    }

    .headline {
        margin-left: 0
    }

    .headline h2 {
        font-size: 1.8em;
        letter-spacing: 1px;
        margin-left: 0
    }

    .headline h4 {
        font-size: 1.4em
    }

    .centerHeadline h2 {
        font-size: 1.8em;
        letter-spacing: 1px;
        margin-left: 0
    }

    .centerHeadline h4 {
        font-size: 1.4em;
        letter-spacing: 1px;
        width: 100%
    }

    #dealerHeadlines p {
        width: 100%;
        height: auto;
        margin: 10px auto;
        line-height: 1.4em
    }

    #dealerBecome {
        width: 100%;
        height: 250px;
        display: block;
        opacity: 1;
        margin-bottom: 10px
    }

    #dealerLocate {
        width: 100%;
        height: 250px;
        display: block;
        opacity: 1
    }

    #followUs p {
        display: block;
        width: 100%;
        margin-top: 30px;
        font-size: 2rem
    }

    #frameHolder {
        padding-bottom: 31%
    }

    footer {
        padding-bottom: 80px
    }

    #topFoot {
        height: auto;
        text-align: center;
        display: none;
    }
    footer p{
       display: block;
       width: 100%;
    }
    .footClan {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 40px
    }

    .footClan h3 {
        margin-left: 0
    }

    #footBottom {
        margin:0 0 2em 0;
        text-align: center;
    }

    .closeX {
        width: 40px;
        height: 40px
    }

    #modalImageHolder {
        width: 100%;
        padding: 60px 0 80px 0
    }

    #modalImage img {
        max-width: 98%;
        margin: auto
    }

    #modalImage p {
        margin-top: 30px
    }

    #leftArrow {
        top: initial;
        bottom: 40px;
        height: 60px
    }

    #rightArrow {
        top: initial;
        bottom: 40px;
        height: 60px
    }

    #showcaseModalImageHolder {
        width: 100%;
        padding-top: 100px
    }

    #showcaseModalImage img {
        max-width: 90%;
        margin: auto
    }
}

@media only screen and (min-width:1001px) and (max-width:1580px) {
    body {
        padding-left: 250px
    }

    #closeX {
        left: 20px;
        top: 20px
    }

    #fixedLeft {
        width: 250px
    }

    .slideContent {
        left: -956px;
        width: 1200px;
        box-shadow: none
    }

    .slideContent.openMenu {
        left: 250px
    }

    #splashImage {
        background-size: cover
    }

    #splashSlogan h1 {
        font-size: 6rem;
        font-size: 5vw
    }

    #splashList h2 a {
        font-size: 3.7rem;
        font-size: 3.09vw
    }

    .newArrivals {
        margin-top: 80px
    }

    .arrivalsHolder {
        width: 100%
    }

    .newsStory {
        display: block;
        margin-bottom: 10px
    }

    .newArrivalsHero {
        width: 100%;
        max-width: 100%;
        display: block;
        text-align: center
    }

    .newArrivalsHero img {
        max-width: 100%;
        margin: 0 auto 0 auto
    }

    .newArrivals.arrivalsAlter .newArrivalsHero>img {
        opacity: 1;
        margin-left: 0
    }

    .newArrivals.arrivalsAlter .information>img {
        opacity: 1;
        margin-top: 0
    }

    .information {
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }

    .information img {
        width: 280px;
        height: 350px;
        margin-bottom: 20px;
        margin-top: 0
    }

    .information .single {
        width: 100%;
        max-height: 300px;
        max-width: 100%;
        margin-top: 60px
    }

    .information div .heart {
        top: 10px
    }

    #products {
        margin-bottom: 0
    }

    .productHolders {
        width: 90%
    }

    .productImages {
        display: block;
        width: 700px;
        max-width: 700px;
        height: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 90px
    }

    .productImages h2 {
        left: -262px;
        font-size: 6rem
    }

    .productImage img {
        width: 650px;
        height: auto;
        left: 0
    }

    .productImage.imageScoot img {
        left: 80px;
        opacity: 1;
        width: auto;
        height: 400px
    }

    .productDescription {
        display: block;
        width: 600px;
        height: 520px;
        margin-left: auto;
        margin-right: auto
    }

    #productSelector {
        bottom: initial;
        top: 546px;
        right: 50%;
        transform: translateX(50%);
        width: 100%
    }

    #materialsLibrary h2 {
        font-size: 6vw
    }

    #greeting {
        position: relative;
        width: 100%;
        min-height: 400px;
        position: relative;
        margin-top: 60px;
        margin-bottom: 0
    }

    #greetingHolder {
        max-width: 100%;
        height: 1000px;
        margin-bottom: 60px
    }

    #greetingVideo {
        display: block;
        vertical-align: top;
        width: 100%;
        max-width: 800px;
        height: 500px;
        margin: auto;
        background: linear-gradient(rgba(85, 71, 65, .7), rgba(85, 71, 65, .7)), url("images/spoolsBackground.jpg") no-repeat center center;
        background-size: cover
    }

    #corporateVideo {
        width: 610px;
        height: 360px
    }

    #corporateVideo iframe {
        width: 100%;
        height: 100%
    }

    #greetingInfo {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 600px
    }

    #dealer {
        margin-bottom: 50px
    }

    #dealerHolder {
        text-align: center
    }

    #dealerBecome {
        float: initial;
        width: 550px;
        height: 300px;
        display: inline-block;
        vertical-align: top;
        opacity: 1;
        margin: 0 auto 20px auto
    }

    #dealerLocate {
        float: initial;
        width: 550px;
        height: 300px;
        display: inline-block;
        vertical-align: top;
        opacity: 1;
        margin: auto
    }

    #frameHolder {
        padding-bottom: 24%
    }

    .footClan {
        display: inline-block;
        width: 49%;
        margin-bottom: 40px
    }

    .footClan h3 {
        width: 180px;
        margin-left: 0;
        padding-bottom: 12px
    }

    .footClan ul {
        margin-left: 0
    }

    .footClan p {
        margin-left: 0
    }
}

@media only screen and (min-width:1001px) and (max-width:1450px) {
    .slideContent {
        position: absolute;
        top: 0;
        left: -640px;
        width: 640px;
        max-width: 640px;
        min-height: 40vh;
        height: auto;
        overflow: hidden
    }

    #byRoom {
        width: 394px
    }

    .slideMenuImg {
        display: none
    }

    .slideMenus h4 {
        line-height: 30px;
        border-bottom: 2px solid #eee;
        margin-top: 8px;
        margin-bottom: 8px;
        font-size: 2rem;
        text-transform: uppercase;
        width: 100%;
        text-align: left
    }

    .slideMenus ul {
        display: inline-block;
        vertical-align: top
    }

    .slideMenus ul li {
        width: 200px;
        line-height: 30px;
        color: #eee;
        font-size: 1.8rem;
        text-align: left
    }
}

@media only screen and (min-width:1580px) and (max-width:1740px) {
    #greeting {
        margin-bottom: 20px
    }

    #greetingVideo {
        display: block
    }

    #greetingInfo {
        display: block;
        width: 400px;
        height: 500px;
        margin-left: auto;
        margin-right: auto
    }

    #dealer {
        margin-bottom: 50px
    }

    #dealerHolder {
        width: 50%;
        margin: auto;
        text-align: center
    }

    #dealerBecome {
        display: block;
        width: 650px;
        height: 402px;
        float: none;
        margin-bottom: 12px;
        margin-left: -300px
    }

    #dealerLocate {
        display: block;
        width: 650px;
        height: 402px;
        float: none;
        margin-left: 300px
    }
}

@media only screen and (min-width:550px) and (max-width:1000px) {
    .underlay {
        overflow: hidden;
        padding-right: 2px
    }

    #fixedLeft {
        width: 60%;
        left: -100%
    }

    .footClan {
        display: inline-block;
        width: 49%;
        margin-bottom: 40px
    }

    .footClan ul {
        margin-left: 0
    }

    .footClan p {
        margin-left: 0
    }
}

@media only screen and (min-width:550px) {
    .underlay {
        overflow: hidden;
        padding-right: 2px
    }

    .productIcon {
        width: 110px;
        height: 110px
    }

    .productIcon img {
        width: 70%;
        height: 70%
    }

    #tabMenuHolder {
        width: 80%
    }
}