@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1499px) {
    h1 {
        font-size: 3em;
    }

    .wrapper {
        width: 1200px;
    }

    .footercontact .wrapper > div p {
        font-size: 1em;
    }

    .homebanner .txt {
        float: right;
    }

    .homebanner .img,
    .homebanner .txt {
        width: 50%;
    }

    .homebanner .img.right {
        display: none;
    }

    .homeproducts .wrapper > div h2 {
        font-size: 1.6em;
    }

    .footerwhychoose .benefits h3 {
        width: 100%;
        min-height: 40px;
        display: inline-block;
    }

    .aboutoffer .homeproducts .wrapper > div h2 {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        padding: 80px 0px 0px;
    }

    h1 {
        font-size: 2.6em;
    }

    .wrapper {
        width: 960px;
        padding: 0px 10px;
    }

    .fixedtop,
    .header {
        border: 0px;
    }

    .header .logo {
        text-align: left;
        padding: 5px 10px;
    }

    .header .logo img {
        height: 70px;
        display: block;
    }

    .header .headerleft {
        display: none;
    }

    .header .headerright {
        top: 0px;
    }

    .header .headerright a {
        width: 80px;
        height: 80px;
        font-size: 0.7em;
        padding: 10px 5px 0px;
    }

    .header .headerright a.headerbtn i {
        width: 35px;
        height: 35px;
        font-size: 18px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .header .headerright a:first-child {
        display: none;
    }

    .header .headerright a.mobilenavbtn {
        display: inline-block;
        padding: 0px;
        font-size: 40px;
        line-height: 80px;
    }

    .navigation {
        width: 300px;
        position: fixed;
        top: 80px;
        right: -300px;
        bottom: 0px;
        background: #ffffff;
        padding: 0px;
        border-left: 1px solid #c8c8c8;
        transition: 1s all ease;
        z-index: 10;
    }

    .navigation.open {
        right: 0px;
    }

    .navigation div > ul {
        width: 100%;
    }

    .navigation div > ul > li {
        width: 100%;
        text-align: left;
        padding: 0px;
        border-bottom: 1px solid #c8c8c8;
        margin: 0px;
    }

    .navigation div > ul > li > a {
        width: 100%;
        line-height: 50px;
        padding: 0px 15px;
        border: 0px;
    }

    .navigation div > ul > li.menu-item-has-children > a:after {
        line-height: 50px;
    }

    .navigation div > ul > li > ul {
        width: 100%;
        position: static;
        display: none;
        border: 0px;
    }

    .navigation div > ul > li.open > ul {
        display: inline-block;
    }

    .navigation div > ul > li > ul > li {
        font-size: 0.9em;
        border-top: 1px solid #ffffff !important;
    }

    .navigation .headdesigner.desktop {
        display: none;
    }

    .navigation .headdesigner.mobile {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

    .topbenefits {
        padding: 30px 0px;
    }

    .topbenefits .wrapper > div {
        width: 50%;
        display: none;
    }

    .topbenefits .wrapper > div:first-child,
    .topbenefits .wrapper > div:last-child {
        display: inline-block;
    }

    .footercontact {
        padding: 30px 0px;
    }

    .footercontact h3 {
        width: 100%;
        text-align: center;
        margin: 0px 0px 20px;
    }

    .footercontact .wrapper > div {
        width: 100%;
        padding: 0px;
        border: 0px;
    }

    .footercontact .wrapper > div:last-child {
        display: none;
    }

    .footerwidgets {
        padding: 35px 0px;
        border-bottom: 1px solid #ceced0;
    }

    .footerwidgets .footerwidget.footerwidget1,
    .footerwidgets .footerwidget.footerwidget2,
    .footerwidgets .footerwidget.footerwidget3 {
        display: none;
    }

    .footerwidgets .footerwidget.footerwidget4 {
        width: 100%;
        text-align: center;
    }

    .footerwidgets .footerwidget h3 {
        font-size: 1.4em;
    }

    .footerwidgets p {
        font-size: 0.8em;
    }

    .footerwidgets .footerwidget .sociallink {
        margin: 25px 0px 0px;
    }

    .footerbot {
        text-align: center;
        background: none;
    }

    .footerbot .wrapper {
        width: 100%;
        padding: 0px;
    }

    .footerbot .footerbotleft {
        width: 100%;
        padding: 25px 15px;
    }

    .footerbot .footerbotleft p,
    .footerbot .footerbotleft li {
        font-size: 0.8em;
    }

    .footerbot .footerbotleft ul,
    .footerbot .footerbotleft ul li {
        width: 100%;
    }

    .footerbot .footerbotright {
        width: 100%;
        background: #ebebeb;
        padding: 15px;
    }

    .footerbot .footerbotright p {
        font-size: 0.8em;
        line-height: 1.4em;
        padding: 0px;
    }

    .footerbot .footerbotright p:after {
        display: none;
    }

    .showcase .txt {
        padding: 25px 40px;
    }

    .socialcta a {
        padding: 50px 0px;
    }

    .ui-tabs-nav li {
        width: 240px;
    }

    .homebanner .txt {
        min-height: 650px;
    }

    .homebanner .txt h1 {
        min-height: 176px;
    }

    .homeproducts .wrapper > div {
        width: 50% !important;
    }

    .footerwhychoose .benefits > div {
        width: 50%;
    }

    .footerwhychoose .benefits p {
        margin: 15px 0px 0px;
    }

    .pagebenefits .wrapper {
        padding: 0px;
    }

    .pagebenefits .wrapper > div > div {
        text-align: center;
        padding: 0px;
    }

    .pagebenefits .wrapper > div i {
        position: static;
        margin-bottom: 15px;
    }

    .pagebenefits .wrapper > div h3 {
        font-size: 1em;
    }

    .pagebenefits .wrapper > div p {
        font-size: 0.8em;
    }

    .productbox .txt .btns {
        margin-top: 0px;
    }

    .productbox .txt .btns a.linkbtn {
        width: 200px;
        padding: 0px 15px;
    }

    .productbox .brands img {
        max-height: 40px;
        margin: 10px;
    }

    .aboutoffer .homeproducts .wrapper > div.third {
        width: 33.333333333333% !important;
    }

    .aboutoffer .homeproducts .wrapper > div.half {
        width: 50% !important;
    }

    .tabs .ui-tabs-nav li {
        width: 25%;
    }

    .quotedesigners .wrapper > div {
        width: 33.333333333%;
        border-right: 5px solid #ffffff;
        border-left: 5px solid #ffffff;
    }

    .quotedesigners .wrapper > div h3,
    .productdesigners .wrapper > div h3 {
        font-size: 1.2em;
    }

    .quotedesigners .wrapper > div p {
        font-size: 1em;
    }

    .quotedesigners a.linkbtn {
        font-size: 15px;
        padding: 0px 15px;
    }

    .quoteform .formbox,
    .quoteform .submitbox > div {
        padding: 0px 15px;
    }

    .homeshowroom .txt h3 {
        font-size: 1.8em;
    }

    .productbox .txt ul li {
        width: 100%;
    }


    .quoteform .formbox .wpcf7-checkbox label .wpcf7-list-item-label,
    .quoteform .formbox .wpcf7-radio label .wpcf7-list-item-label {
        font-size: 0.7em;
    }




}

@media only screen and (max-width: 959px) {
    h1 {
        font-size: 2em;
    }

    .wrapper {
        width: 768px;
    }

    .showcase .txt {
        padding: 25px;
    }

    .blogcontainer {
        padding: 0px;
    }

    .blogcontainer .blog-list {
        width: 62%;
    }

    .postlistbox {
        padding: 15px;
        margin-bottom: 15px;
    }

    .postlistbox .excerpt {
        font-size: 1em;
        margin: 15px 0px;
    }

    .postlistbox .postimg {
        height: 250px;
    }

    .blogcontainer .blogsidebar {
        width: 36%;
    }

    .blogcontainer .blogsidebar > div {
        padding: 15px 0px;
        margin-bottom: 15px;
    }

    .homebanner .txt {
        min-height: 590px;
    }

    .homebanner .txt h1 {
        min-height: 136px;
    }

    .homebanner .txt p {
        min-height: 54px;
        font-size: 0.9em;
    }

    .homeproducts .wrapper > div h2 {
        font-size: 1.4em;
        margin: 0px;
    }

    .homeabout .wrapper {
        padding: 0px;
    }

    .homeabout .txt {
        width: 100%;
        padding: 30px 15px;
    }

    .homeabout .txt {
        font-size: 0.9em;
    }

    .homeabout .txt p.call {
        font-size: 1em;
        margin: 20px 0px 0px;
    }

    .homeabout .img {
        display: none;
    }

    .productgallerycta .txt,
    .productgallerycta .img {
        width: 100%;
        margin: 0px;
    }

    .aboutoffer .homeproducts .wrapper > div.third,
    .aboutoffer .homeproducts .wrapper > div.half {
        width: 50% !important;
    }

    .tabs .ui-tabs-nav li {
        width: 33.3333333333%;
    }

    .quoteform .formbox.floatleft,
    .quoteform .formbox.floatright,
    .quoteform .submitbox .floatleft,
    .quoteform .submitbox .floatright {
        width: 100%;
    }

    .reviewsleft {
        width: 62%;
    }

    .checkatradebox {
        width: 36%;
    }

    .homeshowroom .txt i {
        margin-right: 5px;
    }

    .homeshowroom .txt h3 {
        font-size: 1.4em;
    }

    .productbox .img {
        width: 100%;
        float: left;
        position: relative;
        height: auto;
        border-right: 0px;
        border-bottom: 15px solid #ffffff;
    }

    .productbox .img .productimg,
    .productbox .img .productname {
        float: left;
        position: relative;
    }

    .productbox .img .productimg {
        height: 250px;
    }

    .productbox .img .productimg img {
        bottom: 10px;
        left: 10px;
    }

    .productbox .txt {
        width: 100%;
    }

    .productbox .txt > div {
        height: auto;
    }

    .productbox .txt .btns a.linkbtn {
        margin: 15px 0px 0px 10px;
    }

    .productbox .img iframe {
        height: 250px;
        float: left;
    }



}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 60px;
    }

    h1 {
        font-size: 1.7em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 0.9em;
    }

    p, li, table {
        font-size: 0.9em;
    }

    a.linkbtn {
        line-height: 45px;
    }

    .showcase .img, .showcase .txt {
        width: 100%;
        margin: 0px;
    }

    .showcase .txt {
        padding: 25px 15px;
    }

    .mobileonly {
        display: inline-block !important;
    }

    .nomobile {
        display: none !important;
    }

    .contentspace {
        padding: 50px 0px;
    }

    .contentspacetop {
        padding-top: 50px;
    }

    .contentspacebot {
        padding-bottom: 50px;
    }

    .contentmargin {
        margin: 50px 0px;
    }

    .contentmargintop {
        margin-top: 50px;
    }

    .contentmarginbot {
        margin-bottom: 50px;
    }

    .wrapper {
        width: 480px;
    }

    .header .logo img {
        height: 50px;
        display: block;
    }

    .header .headerright a {
        width: 60px;
        height: 60px;
        font-size: 0.6em;
        padding: 5px 0px 0px;
    }

    .header .headerright a.headerbtn i {
        margin-bottom: 2px;
    }

    .header .headerright a.mobilenavbtn {
        font-size: 35px;
        line-height: 60px;
    }

    body .header .headerright a.mobilenavbtn:hover i {
        color: #ffffff;
        background: none;
    }

    .navigation {
        top: 60px;
    }

    .topbenefits {
        padding: 5px 0px;
    }

    .showcase .txt.righttxt,
    .showcase .txt.righttxt * {
        text-align: center;
    }

    .blogcontainer .blog-list {
        width: 100%;
    }

    .blogcontainer .blogsidebar {
        width: 100%;
    }

    .postlistbox .postimg {
        height: 200px;
    }

    .blogcontainer .blogsidebar ul li {
        font-size: 0.8em;
    }

    .blogbanner {
        height: 150px;
    }

    .blogintro {
        padding: 30px 0px;
    }

    .blogintro p {
        font-size: 1em;
    }

    .blog-post {
        padding: 20px 0px;
    }

    .blog-post .alignleft {
        max-width: 100%;
        margin: 0px 0px 15px;
    }

    .blog-post .alignright {
        max-width: 100%;
        margin: 0px 0px 15px;
    }

    .cookiebar {
        text-align: center;
        padding: 10px 0px;
        border-top: 3px solid #1681c0;
    }

    .cookiebar p {
        font-size: 0.7em;
    }

    .cookiebar p br {
        display: none;
    }

    .cookiebar .links {
        width: 100%;
        margin-top: 5px;
    }

    .cookiebar .links a.cookieaccept {
        font-size: 13px;
        padding: 10px 15px 10px 27px;
    }

    .contacttop {
        background: none;
    }

    .contacttop .contactdetails,
    .contacttop .contactform {
        width: 100%;
    }

    .contacttop .contactdetails {
        text-align: center;
        padding: 0px 25px;
        margin: 50px 0px;
    }

    .contacttop .contactdetails .socialbox {
        margin: 0px 5px;
    }

    .contacttop .contactform {
        background: #fafafa;
        padding: 30px 15px;
    }

    .contactmap iframe {
        height: 250px !important;
    }

    .ngg-galleryoverview .ngg-gallery-thumbnail-box {
        width: 50%;
    }

    .topbenefits .wrapper > div,
    .topbenefits .wrapper > div:last-child {
        width: 100%;
        display: none;
    }

    .homebanner .slick-slide {
        padding-bottom: 300px;
    }

    .homebanner .txt {
        width: 100%;
        min-height: 430px;
        padding: 50px 15px;
    }

    .homebanner .txt h1 {
        min-height: 112px;
        margin: 0px 0px 20px;
    }

    .homebanner .txt p {
        margin: 0px 0px 20px;
    }

    .homebanner .txt .btns a.linkbtn {
        margin-bottom: 15px;
    }

    .homebanner .img {
        width: 100%;
        height: 300px;
        top: auto;
    }

    .homebanner .slick-dots {
        display: none !important;
    }

    .homeintro .wrapper {
        padding: 50px 0px;
    }

    .homeintro p {
        font-size: 1em;
        line-height: 1.8em;
    }

    .homeproducts {
        padding: 50px 0px;
    }

    .homeproducts .wrapper > div {
        width: 100% !important;
        height: 380px;
        margin: 0px;
    }

    .homebrands {
        margin-bottom: 50px;
    }

    .homebrands h2 {
        margin: 0px 0px 50px;
    }

    .footercontact {
        margin-top: 50px;
    }

    .footerwhychoose {
        display: none;
    }

    .innerbanner .txt {
        width: 100%;
        padding: 25px 15px;
    }

    .innerbanner .img {
        display: none;
    }

    .productintro .wrapper {
        padding: 50px 0px;
    }

    .pagebenefits {
        display: none;
    }

    .productgallerycta .txt h2 {
        font-size: 1.2em;
    }

    .productbox .brands img {
        max-height: 30px;
        margin: 10px;
    }

    .productbox .img .productname h2 {
        font-size: 1.4em;
    }

    .productbox .txt ul li {
        width: 100%;
    }

    body.about-us .innerbanner {
        margin-bottom: 50px;
    }

    .aboutoffer .homeproducts .wrapper > div.third,
    .aboutoffer .homeproducts .wrapper > div.half {
        width: 100% !important;
    }

    .aboutcontact {
        margin-top: 50px;
    }

    .tabs .ui-tabs-nav li {
        width: 100%;
        padding: 5px;
        margin: 0px;
    }

    .tabs .ui-tabs-nav li a {
        font-size: 13px;
        line-height: 40px;
    }

    .productbox .img .productimg img {
        max-height: 45px;
    }

    .quotedesigners {
        margin-top: 50px;
    }

    .quotedesigners .wrapper > div {
        width: 100%;
        border: 10px solid #ffffff;
        margin: 0px;
    }

    .quoteform .wpcf7 {
        padding: 30px 0px;
    }

    .quoteform .formbox,
    .quoteform .submitbox > div {
        padding: 0px 5px;
    }

    .quoteform .formbox.floatleft,
    .quoteform .formbox.floatright,
    .quoteform .submitbox .floatleft,
    .quoteform .submitbox .floatright {
        width: 100%;
    }

    .quoteform .formbox .wpcf7-checkbox label .wpcf7-list-item-label,
    .quoteform .formbox .wpcf7-radio label .wpcf7-list-item-label {
        font-size: 0.7em;
        padding: 0px 5px;
    }

    .formbox .input input, .formbox .textarea textarea {
        padding: 10px;
    }

    .quoteform p.textarea.address, .quoteform p.textarea.notes {
        margin: 10px 0px 0px !important;
    }

    form .privacy {
        font-size: 0.7em;
    }

    .quotedesigners .wrapper > div {
        padding: 30px 15px 20px;
    }

    .quotedesigners .wrapper > div img {
        margin-bottom: 15px;
    }

    .quotedesigners .wrapper > div h3 {
        font-size: 1.6em;
    }

    .quotedesigners .wrapper > div p {
        font-size: 1em;
        margin: 0px 0px 15px;
    }

    .reviewsleft {
        width: 100%;
    }

    .checkatradebox {
        width: 100%;
        padding: 15px;
    }

    .blogpagination a {
        font-size: 0.8em;
    }

    .testimonialsnav a {
        width: 140px;
        line-height: 40px;
        padding: 0px 10px;
    }

    .testimonialsnav a:after {
        width: 25px;
        line-height: 40px;
    }

    .homeshowroom .wrapper {
        background-size: cover;
    }

    .homeshowroom .txt,
    .homeshowroom .btn {
        width: 100%;
        margin: 0px;
    }

    .homeshowroom .txt i {
        display: none;
    }

    .homeshowroom .txt p {
        margin: 0px 0px 25px;
    }

    .homeproducts .wrapper > div {
        height: 350px;
    }

    .homeproducts .wrapper > div {
        border-width: 0px 0px 92px;
        margin: 10px 0px;
    }

    .homeproducts .wrapper > div > a > div {
        bottom: -92px;
    }

    .footercontact .wrapper > div i {
        width: 50px;
        font-size: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .wrapper {
        width: 320px;
    }
}