@media only screen and (max-width : 1200px) { 
    .linkbutton_dark.addtobagbutton {
            display: block;
        }
}
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

/* --------------------------------------------------------------------------------------------- */
/* Small Device Overrides ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/* ///@media only screen and (max-width : 480px)  */
@media only screen and (max-width : 768px) {
    body .showmenu, body.showfilter {
        height: 100vh;
        overflow: hidden;
    }
    body.showmenu {
        pointer-events: none;
    }

    .productpage_imageviewer {
        height: auto;
        width: 100%;
        cursor: zoom-in;
        margin-bottom: 15px;
        padding: 0;
    }

    .productpage_addtobag {
        background-color: #404040;
        padding: 15px;
        font-size: 14px;
        font-family: Futura;
        color: #ffffff;
        text-decoration: none;
        display: inline-block;
        margin-right: 10px;
        letter-spacing: 2px;
        width: 100%;
        text-align: center;
    }

        .productpage_addtobag:link, .productpage_addtobag:visited, .productpage_addtobag:hover, .productpage_addtobag active {
            color: #ffffff;
        }

    blockquote {
        width: 100%;
    }
    .main {
        margin-top: 50px;
    }

    .carousel-homehero {
        height: calc(100vh - 50px);
    }

        .carousel-homehero .panel {
            height: calc(100vh - 50px);
        }

    .popup_samplebook {
        position: relative;
        display: none;
        height: 90vh;
        z-index: 9999;
        background-color: #ffffff;
        text-align: left;
        overflow: auto;
    }
    .popup_samplebook, .popup_small{
        width: 100%;
    }

    .popup_sampledrawer .container_sampleviews {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
    }
    .popup_sampledrawer{
        width: 100%;
    }
    /* Header -------------------------------------------------------------------------------------- */
    header {
        width: 100%;
        height: 100px;
        background-color: white;
        padding-top: 10px;
        height: 50px;
    }

        header .topbar {
            display: none;
        }

        header .ic_logo {
            height: 30px;
        }

        header .menubutton {
            display: block;
            height: 9px;
            width: 16px;
            position: relative;
            float: left;
            cursor: pointer;
            padding: 20px;
            margin-top: -20px;
            margin-left: -20px;
        }

            header .menubutton > span {
                border-top: 1px solid #7f7f84;
                width: 100%;
                top: 3px;
                position: absolute;
            }
        header .ic_search_mobile {
            display: inline;
        }


        header ul {
            width: 100%;
            margin-top: 80px;
            padding-left: 0;
            padding-right: 0px;
            margin-left: 0;
        }

            header ul li {
                display: inline-block;
                margin-bottom: 20px;
                padding-bottom: 0px;
                margin-right: 20px;
            }

                header ul li .popdown {
                    display: none;
                    position: absolute;
                    left: 0px;
                    background-color: #ffffff;
                    width: 100%;
                    transform: translateY(5px);
                    z-index: 10;
                    text-align: left;
                    padding-bottom: 30px;
                    border-top: none;
                    box-shadow: 0px 7px 7px -1px rgba(0,0,0,0.16)
                }

                header ul li:hover .popdown {
                    display: none;
                }

                header ul li .popdown ul {
                    display: block;
                    margin-top: 10px;
                }

                header ul li .popdown.opened {
                    display: initial;
                    width: 100%;
                    position: fixed;
                    background-color: #ffffff;
                    z-index: 155;
                    top: 59px;
                    height: calc(100vh - 59px);
                    padding-top: 0;
                    overflow-y: auto;
                    padding-bottom: 100px;
                    margin-top: 0px;
                }

                header ul li .popdown.opened > .container{
                    padding-bottom: 50px;
                }

    .carousel-homehero .linkbutton-light-bordered {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    header .menuitems {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        z-index: 50;
        background-color: #ffffff;
        text-align: left;
        margin-top: 0px;
    }

            header .menuitems .closemenu {
                display: block;
                padding: 20px;
                border-bottom: 1px solid #dddddd;
                margin-bottom: 20px;
                position: fixed;
                width: 100%;
                background-color: #ffffff;
                cursor: pointer;
                font-size: 14px;
                color: #808080;
                z-index: 2;
            }

                header .menuitems .closemenu img {
                    margin-right: 20px;
                    padding-top: 0;
                    margin-top: 0;
                }

            header .menuitems > ul{
                margin-bottom: 50px;
            }
            header .menuitems > ul > li[data-templatetype=Menu2TextDoubleImage] > a {
                pointer-events: none;
            }
            header .menuitems > ul > li[data-templatetype=Menu2TextDoubleImage].justalink > a {
                pointer-events: all;
            }

            header .menuitems > ul > li[data-templatetype=MenuSeperator] {
                pointer-events: none;
                display: block;
                background-color: #DDDDDD;
                height: 1px;
                width: 100%;
                padding: 0px;
            }

            header .menuitems > ul > li[data-templatetype=MenuMobileOnlyLink] > a {
                width: 100%;
                color: #7f7f84;
                font-weight: 300;
            }

            header .menuitems > ul > li[data-templatetype=MenuMobileOnlyLink] {
                display: block;
                padding-right: 20px;
                width: 100%;
            }

            header .menuitems > ul > li.mobileonly:first-of-type {
                border-top: 1px solid #dddddd;
            }

            header .menuitems > ul > li[data-templatetype=Menu2TextDoubleImage] {
                margin-right: 20px;
                background-image: url('../images/ic_mobilemenu_rightarrow.svg');
                background-position: center right 20px;
                background-repeat: no-repeat;
                width: 100%;
                cursor: pointer;
            }

        header .mobile-valign {
            margin-top: 5px;
        }

        header ul li .popdown ul li.menuheading {
            margin-bottom: 20px;
        }


        header .mobile_search {
            display: none;
        }

            header .mobile_search.opened {
                display: block;
                position: fixed;
                width: 100%;
                background-color: #ffffff;
                padding: 0px;
                top: 50px;
                left: 0px;
            }
            header .mobile_search input{ margin-bottom: 0px;}
        header .mobile_search_holder input[type=submit] {
            position: absolute;
            top: 0px;
            right: 0px;
            background-color: #404040;
            color: #ffffff;
            background-image: url('../images/ic_searchglass_white.svg');
            background-position: center right 20px;
            background-repeat: no-repeat;
            width: 60px;
        }



    .footer-menu-section {
        height: 30px;
        overflow: hidden;
        cursor: pointer;
    }

    .first-footer-menu-section {
        margin-top: 30px;
    }

    .footer-menu-section.active {
        height: auto;
    }

    .footer-menu-section ul {
        margin-bottom: 25px;
    }



    /* Everything below here needs tidying */
    /* Everything below here needs tidying */
    /* Everything below here needs tidying */
    /* Everything below here needs tidying */


    .col-md-12.contentpage {
        padding: 0px;
    }


    .full-width-image {
        height: 280px;
    }

    /* Page Title Header ---------------------------------------------------------------------*/
    .title-header {
        padding: 20px;
        font-size: 12px;
        color: #ffffff;
        height: 250px;
    }
        .title-header > .text-container{
            padding-bottom: 0px;
        }
        .title-header .heading {
            font-size: 22px;
        }

        .title-header p {
            font-size: 40px;
            margin: 0;
        }


    .hide-on-mobile, .inline-hide.hide-on-mobile {
        display: none;
    }


    .hide-on-desktop {
        display: block !important;
    }

    .panel-link-box h3 {
        font-size: 17px;
    }

    .subpanel.container {
        text-align: center;
    }

    .carousel-homehero .subpanel p {
        font-size: 23px;
        line-height: 30px;
    }

    .theme-explorer-carousel .slick-slide {
        margin: 0px 15px;
        display: block;
    }

        .theme-explorer-carousel .slick-slide .carousel-image {
            height: 0px;
            padding-bottom: 80%;
        }

    .theme-explorer-container{ margin-bottom: 60px;}

    .theme-explorer-carousel .subpanel {
        width: 100%;
        padding: 20px;
        padding-bottom: 0px;
        position: relative;
    }

        .theme-explorer-carousel .subpanel, .theme-explorer-carousel .subpanel p, .theme-explorer-carousel .subpanel a {
            color: #404040;
        }

            .theme-explorer-carousel .subpanel p {
                font-size: 17px;
                width: 70%;
                margin-bottom: 0px;
            }

            .theme-explorer-carousel .subpanel a {
                padding-top: 20px;
            }

    .macro-carousel-collection-lifestyleshots .carouselpanel .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
        .macro-carousel-collection-lifestyleshots .carouselpanel .slidecount{
            padding-right: 20px;
        }
    .macro-carousel-collection-lifestyleshots .carouselpanel .carouselimage {
        height: 280px;
    }

    .back-to-menu {
        display: block;
        margin-left: 10px;
        cursor: pointer;
        padding: 20px;
        background-image: url('../images/ic_mobilemenu_leftarrow.svg');
        background-position: center left;
        background-repeat: no-repeat;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-family: Futura;
    }


    .fabricpreview {
        width: calc(50% - 30px);
    }

    .product-holder {
        float: left;
        width: 100%;
        padding-right: 0px;
    }

    .productpage .container .row.mobilefull {
        margin-left: -40px;
        margin-right: -40px;
    }

    .productpage .container .rowextra {
        padding-right: 40px;
        padding-left: 40px;
    }

    #addtobag {
        min-width: 100%;
        margin: 0px;
    }

    .dropdownlistitem p.heading {
        padding-right: 25px;
    }

    .macro-content-and-carousel, .macro-carousel-and-content {
        display: block;
        align-items: initial;
        margin-bottom: 60px;
    }


    .flex-match-height {
        display: block;
    }

    .contactus-panel.contactus-panel-outline {
        margin-left: 0px;
    }

    .container.contactus-panel, .contactus-panel, .contactus-panel.contactus-panel-outline {
        margin: 0 20px;
        margin-bottom: 20px;
    }

    .contactus-other-panel {
        margin: 0 20px;
    }

        .contactus-other-panel .contactus-panel {
            margin: 0px;
            margin-bottom: 20px;
        }

    .contactus-design-image {
        height: 200px;
    }

    .back-to-collections {
        margin-top: 20px;
    }

    .news-paging-prev {
        left: 15px;
        margin-top: 27px;
    }

    .news-paging-next {
        right: 15px;
        margin-top: 27px;
    }

    .umb-grid .col-md-6 {
        margin-bottom: 30px;
    }

        .umb-grid .col-md-6 + .col-md-6 {
            margin-bottom: 0px;
        }

    .title-header-noimage .subheading{
        display: none;
    }

    .eventslist img {
        max-width: 100px;
        margin-bottom: 20px;
    }

    .eventslist a {
        padding-top: 20px;
        display: inline-block;
    }

    .eventslist .location {
        margin-top: 10px;
    }

    .title-header-noimage {
        padding: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        height: auto;
    }

    .searchmenu ul li .popdown .container img, .colour-selector img {
        margin-right: 30px;
    }

    .search_menubar.following {
        top: 70px;
    }

    .searchresultrow-4 a {
        width: calc(50% - 20px);
        margin-right: 20px;
    }

    .searchresultrow-2 a {
        width: calc(100% - 0px);
    }

    .inspire-filters {
        display: none;
    }
    .inspire-grid-item {
        width: 100%;
        position: relative;
    }

    .searchmenu.filteroptions {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: calc(100vh - 50px);
        overflow-y: auto;
        z-index: 1500;
        background-color: #ffffff;
        text-align: left;
        margin-top: 0px;
        padding-top: 60px;
    }
        .searchmenu.filteroptions:before {
            content: 'Filter Fabrics';
            font-size: 14px;
            color: #404040;
            font-family: 'Futura';
            letter-spacing: 0.15em;
            left: 15px;
            position: absolute;
            top: 30px;
            text-transform: uppercase;
            z-index: 1000;
        }

    .showfilter .searchmenu.filteroptions {
        display: block;
    }

    .searchmenu.filteroptions > ul > li {
        width: 100%;
        position: relative;
        border-bottom: 1px solid #dddddd;
        width: 100%;
    }

    .searchmenu.filteroptions ul li .popdown {
        padding: 0px;
        position: relative;
        background-color: #ffffff;
        top: 0px;
    }

    .searchmenu.filteroptions ul {
        margin-bottom: 100px;
    }

    .featuredsearch_container {
        margin-bottom: 0px;
    }

    .filtersearchmobile_close {
        position: fixed;
        bottom: 0px;
        min-width: 100%;
        z-index: 1501;
        left: 0px;
        margin-bottom: 0px;
    }

    .product-holder .taggedimage-button {
        right: 20px;
    }

    .productpage .container-fluid > .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .container-fabricpreviews {
        margin-right: -40px;
    }

    .fabricpreview {
        margin-right: 20px;
    }

    .productpage .productdescription {
        border-top: 1px solid #DDDDDD;
        margin: 0 -20px;
        padding-top: 20px;
        margin-top: 2px;
    }

    .productpage .buttons {
        margin-left: -20px;
        margin-right: -20px;
    }

        .productpage .buttons a {
            padding-left: 20px;
        }

    .mobileinset {
        margin-left: 20px;
        margin-right: 20px;
    }

    .productpage .linkbutton-white {
        padding-left: 20px;
    }

    a.productpagebutton,
    button.productpagebutton,
    .productpage a.linkbutton-white.productpagebutton {
        padding-left: 0px;
    }
    .productpage_variantholder{
        margin-top: 30px;
    }

    .expandcontract {
        display: block;
        background-repeat: no-repeat;
        margin-top: -20px;
        width: 100%;
        background-position-x: right 20px;
        background-position-y: 20px;
        background-image: url('../images/section_expand.svg');
    }

        .expandcontract.expanded {
            background-position: 0px 20px right;
            background-image: url('../images/section_contract.svg')
        }

        .expandcontract + .expandcontract_section{
            display: none;
        }
        .expandcontract.expanded + .expandcontract_section {
            display: block;
        }

    .colour-selector .checkbox label {
        font-size: 12px;
    }
    .searchmenu.filteroptions > ul {
        border-top: 1px solid #dddddd;
    }
    .searchmenu ul li .popdown .container img, .colour-selector img {
        margin-right: 30px;
    }
    .colour-selector img {
        width: 50px;
        margin-right: 30px;
    }
    .colour-selector .col-md-6.col-xs-12{
        margin-bottom: -15px;
    }

    .colour-selector .checkbox span {
        position: absolute;
        max-width: 100%;
        transform: translateY(-50%);
        top: 50%;
        line-height: 0.9;
    }

    .searchmenu > ul > li {
        padding: 15px;
    }


    .searchmenu.filterbutton.filteroptions > ul > li,
    .searchmenu.filterbutton.filteroptions > ul > li:hover {
        background-image: url('/images/plus.svg');
        background-position: center right 20px;
    }



    .popdowncontainer.popdowncontainer-collection{
        width: auto;
    }
    .container.popdowncontainer-colour {
        width: auto;
    }
    .title-header-noimage .container.text-container {
        padding-bottom: 0px;
    }
    .searchmenu.filterbutton ul li {
        cursor: pointer;
    }
    .searchmenu.filterbutton ul li:hover .popdown {
        display: none;
    }
        .searchmenu.filterbutton ul li.pressed .popdown {
            display: block;
        }

    .searchmenu.filterbutton.filteroptions > ul > li.opened,
    .searchmenu.filterbutton.filteroptions > ul > li.opened:hover {
        background-image: url('/images/minus.svg');
        background-position: top 17px right 20px;
    }
    .searchmenu.filterbutton ul li.opened .popdown {
        display: block;
    }
    .productpage .productpage-tablink{
        font-size: 13px;
    }
        .productpage .productpage-tablink:last-of-type {
            margin-right: 0px;
        }

    header ul li.active > a,
    header ul li:hover > a {
        border-bottom: 1px solid #414144;
    }
    .compacted-container{
        width: 100%;
    }
    /*.title-header .subheading{
        display: none;
    }*/
    .SectionHeading{ width: 100%; }

    .pic1.taggedimage-container.taggedimage-container-extrapadding {
        height: 0px;
        padding-bottom: 143%;
    }

    .macro-picturegroup-three .pic2, .macro-picturegroup-three .pic3 {
        height: 0px;
        padding-bottom: 67%;
    }
    .taggedimage-button{
        opacity: 1;
    }
    .taggedimage-container-extrapadding.taggedimage-button, .taggedimage-container-extrapadding .taggedimage-button {
        padding-right: 20px;
        padding-top: 20px;
    }
    .macro-picturegroup-three .desc{
        margin-bottom: 20px;
    }
    .macro-picturegroup-three.container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .macro-picturegroup-three.margin_b_70.container{
        margin-bottom: 30px; /*was 0 increased because of video's*/
    }

    .menu_mobile_basket {
        margin-top: -1px;
        width: 15px;
        height: 16px;
    }

    .productpage .buttons{
        border-bottom: none;
    }
    .linkbutton-white.downloadcollectionpdf, .linkbutton-white.downloadcollectionpdf + .linkbutton-white{
        padding-left: 20px;
    }

    .popup_imageviewer_image {
        object-fit: contain;
        width: 100%;
        height: 100%;    
    }
    .popup_samplebook_name {
        margin-top: 20px;
    }
    .menuitems .imagediv-menu-col4 {
        height: 195px;
    }
    .fabricpreview .icons {
        opacity: 1;
    }
    #popup_usermessage {
        width: 90vw;
    }
    #popup_imageviewer_image img {
        height: 100%;
    }
    .searchlist .row{
        display: block;
    }
    .ic_search_mobile{
        cursor: pointer;
    }
    .searchmenu.filterbutton.pull-left.filteroptions li {
        margin: 1px;
    }
    .holderFooterMailist{ width: 80%; }

    .filter_menubar .row label{
        min-width: initial;
        margin-right: 10px;
    }
    .filter_menubar .clearfilters{
        top: initial;
        bottom: 5px;
    }
    .container-fluid.filter_menubar .container {
        padding-bottom: 25px;
    }
    #cookiepopup{
        padding: 20px 20px;
    }
    #cookiepopup .pull-right {
        text-align:center;
        width: 100%;
    }
}



/*IPad PRO*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    header .menuitems > ul > li {
        padding: 0px 20px 13px 20px;
    }
    .fabricpreview .icons{
        opacity: 1 !important;
    }
    .searchmenu.filterbutton.pull-left.hidden-md.hidden-lg {
        display: none;
    }
    body.touch .searchmenu ul li:hover .popdown{
        display: none;
    }
    .searchmenu ul li.pressed .popdown,
    body.touch .searchmenu ul li:hover.pressed .popdown {
        display: block;
    }
    body.touch .searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage]:hover {
        background-image: url('/images/ic_downarrow.svg');
    }
    body.touch .searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage].pressed {
        background-image: url('/images/ic_uparrow.svg');
    }
    .product-holder {
        padding-right: 0px;
    }
    .easyzoom-flyout {
        left: 110%;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    header .menuitems > ul > li {
        padding: 0px 20px 13px 20px;
    }
    .fabricpreview .icons {
        opacity: 1 !important;
    }
    .searchmenu.filterbutton.pull-left.hidden-md.hidden-lg {
        display: none;
    }
    .searchmenu ul li:hover .popdown {
        display: none;
    }

    .searchmenu ul li.pressed .popdown,
    .searchmenu ul li:hover.pressed .popdown {
        display: block;
    }

    .searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage]:hover {
        background-image: url('/images/ic_downarrow.svg');
    }

    .searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage].pressed {
        background-image: url('/images/ic_uparrow.svg');
    }
    .product-holder {
        padding-right: 0px;
    }
    .easyzoom-flyout {
        left: 110%;
    }

}

/* iPhone 5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .productpage .productpage-tablink {
        font-size: 12px;
    }
    .searchfilters {
        font-size: 12px;
    }
    .searchmenu ul li a {
        font-size: 12px;
    }
    .searchmenu > ul > li {
        padding: 12px 8px;
    }
}