@media (max-width: 1199px) {
    .menu li {
        margin-right: 15px;
        font-size: 14px;
    }

    .navigation-wrapper {
        position: absolute;
        top: -22px;
    }
}

@media (max-width: 994px) {
    .button-sidepanel {
        display: block;
    }

    .menu {
        display: none;
    }

    .contact .wrapper {
        max-width: 39%;
    }

    .contact .leftBox,.contact .rightBox {
        width: 100%;
    }

    .contact {
        min-height: 900px;
    }
}

@media (min-width: 994px) {
    .mobile-menu-wrapper {
        display: none;
    }
}

@media (max-width: 768px) {
    .carousel {
        display: none;
    }

    .contact .wrapper {
        max-width: 86%;
    }

    .contact .leftBox,.contact .rightBox {
        width: 67%;
    }

    .mailGone {
        display: none;
    }

    .mailGo {
        display: block;
    }

    .navigation-wrapper {
        position: relative;
    }

    img.logo {
        position: relative;
        left: 50%;
        margin-left: -110px;
    }

    .accredidations ul li {
        margin-right: 6px;
    }

    .accredidations ul li img {
        width: 23%;
    }

    .lower-footer .col-xs-12 {
        text-align: center;
    }
}

@media (max-width: 1109px) {
    .fourBoxes p {
        font-size: 13px;
    }
}

@media (max-width: 805px) {
    .fourBoxes p.mobileGo {
        display: none;
    }

    .socialFooter ul li p {
        display: none;
    }
}

@media (max-width: 555px) {
    .fourBoxes ul li {
        width: 100%;
        height: auto;
    }

    .topLeft h1,h1.lineGap {
        font-size: 5vw !important;
        line-height: normal;
    }

    .kitten,.aboutPic,.laminate,.kardean,.carpets {
        height: 400px !important;
    }

    .fourBoxes .black h1 {
        font-size: 5vw;
    }

    .socialFooter ul li {
        width: 94%;
        margin-right: 0;
        margin: 0;
        margin-bottom: 20px;
    }

    img.logo {
        margin-left: -85px;
        width: 170px;
    }
}

@media (max-width: 859px) {
    .sixBoxes ul li {
        width: 50%;
    }
}

@media (max-width: 578px) {
    .sixBoxes ul li {
        width: 100%;
    }
}

@media (max-width: 303px) {
    .sixBoxes .five {
        display: none;
    }
}

@media only screen and (min-width : 0px) and (max-width : 480px) {
    h1 {
        font-size: 30px;
    }
     .contact .leftBox,.contact .rightBox {
        width: 97%;
    }
}