/**************************************************************************************
Responsive CSS
Project: Leffler
Date: 9/08/2017
Author: Jessica Gunawardana
**************************************************************************************/

header nav.webimenu ul.ownmenu li.shop-cart {
        display: inline-block;
        float: right !important;
        position: relative;
        margin: 0 auto;
        height: 40px;
        width: 50px;
    }

    header nav.webimenu ul.ownmenu li.shop-cart a.cart-icon {
        padding: 0px;
        margin: 0 auto;
        width: inherit;
        height: inherit;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        position: relative;
    }

    header nav.webimenu ul.ownmenu li.shop-cart a.cart-icon i {
        margin: 0 auto;
        float: none;
    }

    header nav.webimenu ul.ownmenu li.shop-cart a.cart-icon span.numb {
        position: absolute;
        top: -7px;
        right: -5px;
    }

@media (max-width: 1240px) {
    header .menu nav.webimenu ul.ownmenu li.meganav.sub-menu a {
        font-size: 11px;
    }
}



@media (min-width: 992px) {
    header nav.webimenu .gst-price {
        display: block;
    }

    header nav.webimenu ul.ownmenu {
        float: right !important;
        width: auto;
    }

    header nav.webimenu ul.ownmenu li.search-nav {
        display: inline-block;
        float: left !important;
        margin: 0 auto;
        padding: 0px;
    }

    header nav.webimenu ul.ownmenu li.search-nav form {
        margin-right: 5px;
    }

    header nav.webimenu .shop-cart ul.dropdown {
        top: 40px;
    }


    header .menu nav.webimenu ul.ownmenu {
        width: 100%;
        float: none !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: flex-end;
        -moz-box-align: flex-end;
        -ms-flex-align: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        header .menu nav.webimenu ul.ownmenu li.meganav.sub-menu {
            width: 100%;
            padding: 0 5px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            header .menu nav.webimenu ul.ownmenu li.meganav.sub-menu a {
                width: 100%;
            }



}


/* Large devices (desktops, 992px and up) */
@media all and (max-width: 1199px) and (min-width: 992px) {
    .container {
        width: 970px;
    }

    /********** HEADER **********/
    .header-style-2 {
        height: 242px;
    }

    header .logo {
        margin-bottom: 15px;
    }

    /* Promo  */
    .promo-bar {
        font-size: 12px;
    }

    /* Top Bar */
    .top-links.contact-link {
        width: 450px;
    }

    .top-bar a,
    .top-bar a:visited,
    .top-links li a,
    .top-links li a:visited {
        font-size: 13px;
    }

    /* Level 1 Navigation */
    header .ownmenu {
        display: block !important;
    }

    header nav .ownmenu li.meganav {
        padding: 0 8px;
    }

    header nav .ownmenu > li.meganav > a {
        position: relative;
    }

        header nav .ownmenu > li.meganav > a:after {
            bottom: 9px;
        }

        header nav .ownmenu > li.meganav > a:hover:after {
            bottom: 9px;
        }


    .header-style-2 .is-sticky .sticky {
        height: 190px;
    }

        .header-style-2 .is-sticky .sticky .ownmenu > li.meganav > a:after {
            bottom: 0;
        }

        .header-style-2 .is-sticky .sticky .ownmenu > li.meganav > a:hover:after {
            bottom: 0;
        }

        .header-style-2 .is-sticky .sticky .ownmenu > li > .megamenu.full-width {
            top: 72px;
        }

    /* Mega Menu */


    header .menu nav.webimenu ul.ownmenu li.meganav.sub-menu {
        width: auto;
    }

    header nav .ownmenu li.meganav > a.count16 {
        padding: 0 0 16px;
        line-height: 18px;
        width: 122px;
    }

    header .ownmenu > li > .megamenu.full-width {
        top: 63px;
    }

        header .ownmenu > li > .megamenu.full-width > li {
            height: 235px;
        }

        header .ownmenu > li > .megamenu.full-width li.col-md-3 {
            width: 24.6%;
        }

        header .ownmenu > li > .megamenu.full-width > li a {
            padding-right: 10px;
        }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        left: -45px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .popurlar_product li img {
        height: 212px;
    }

    #product-category-tiles span {
        font-size: 20px;
        line-height: 28px;
    }

    /********** PROMO TILES **********/
    .promo-tile-list .caption .title {
        font-size: 32px;
        line-height: 36px;
    }

    .promo-tile-list .caption .cta-text {
        font-size: 16px;
        line-height: 31px;
    }


        .promo-tile-list .caption .cta-text > i {
            font-size: 12px;
            line-height: 13px;
        }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 450px;
    }

    .two-col iframe {
        height: 290px;
    }

    /********** PRODUCT LISTING **********/
    .popurlar_product .details-sec .product-title {
        font-size: 12px;
        line-height: 17px;
        height: 75px;
    }

    .popurlar_product .details-sec .price {
        font-size: 13px;
    }

    .popurlar_product .details-sec .club-price.price {
        font-size: 12px;
    }

    .popurlar_product .details-sec .club-price.price {
        height: 50px;
    }

    /* Category/Filter Sidebar */
    .side-bar {
        width: 100%;
    }

    /********** PRODUCT DETAILS **********/
    section.item-detail {
        padding-bottom: 60px;
    }

    /********** SHOPPING CART PAGE **********/
    .shopping-cart .btn-sec .btn {
        padding: 0 12px;
    }

        .shopping-cart .btn-sec .btn i {
            margin-right: 0;
        }

    .shopping-cart .cart-ship-info .grand-total .btn {
        padding: 0 15px;
    }

    /********** BACK TO TOP **********/
    .cd-top.cd-is-visible {
        background-color: #f5f5f8;
    }

    .no-touch .cd-top:hover {
        background-color: #f5f5f8;
    }

    /********** FOOTER **********/
    /* Newsletter Signup */
    /*.subcribe .sub-mail input {
        width: 321px;
    }*/

    /*#subscribe button {
        margin-top: -92px;
    }*/

    /* Prefooter */
    .benefits .caption > .title,
    .benefits .caption > .title:visited {
        font-size: 15px;
    }

    .benefits .caption > .desc {
        font-size: 14px;
    }
}


@media all and (min-width: 1200px) {
    .container {
        width: 1180px;
    }

    /********** HEADER **********/
    /* Level 1 Navigation */
    header .ownmenu {
        display: block !important;
    }

    header nav .ownmenu li.meganav {
        padding: 0 16px;
    }
}


@media all and (min-width: 1230px) {
    .container {
        width: 1210px;
    }

    header .ownmenu {
        display: block !important;
    }
}


@media all and (max-width: 991px) {

    header .search-nav ul.dropdown {
        margin-top: 0 !important;
    }

    header nav.webimenu ul.ownmenu li.search-nav form {
        margin: 0 auto !important;
    }

    .webimenu ul#shoppingCart.ownmenu {
        display: block !important;
    }

    header .ownmenu > li.shop-cart i {
        font-size: 27px;
        margin: 8px 0 0 0;
    }

    header .shop-cart .numb {
        top: 4px;
        right: -10px;
        z-index: 1;
    }

    #products.popurlar_product [class*='col-'], #searchedProducts.popurlar_product [class*='col-'] {
        -webkit-box-flex: 0 0 50%;
        -moz-box-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    nav.webimenu .gst-price {
        display: block;
        width: 100%;
        float: right;
    }

    header  nav.webimenu#topMenu ul.ownmenu {
        display: flex !important;
        justify-content: flex-start;
        flex-direction: row-reverse;
            width: auto !important;
    float: right;
    }

        header nav.webimenu#topMenu ul.ownmenu > li.menu-toggle-wrapper {
            padding-left: 0px;
            width: 40px;
            float: right;
            text-align: center;
        }

        header nav.webimenu#topMenu ul.ownmenu > li.search-nav {
            width: 50px;
            text-align: center;
            height: 40px;
            top: unset !important;
            margin: 5px !important;
        }

            header nav.webimenu#topMenu ul.ownmenu > li.search-nav > a {
                text-align: center;
                padding: 0px;
                height: inherit;
                width: inherit;
                display: flex;
                justify-content: center;
                flex-direction: column;
                font-size: 20px;
            }

                header nav.webimenu#topMenu ul.ownmenu > li.search-nav > a > i {
                    font-size: inherit;
                }

    /*header nav .ownmenu li.search-nav {

    }*/

    header nav.webimenu#topMenu ul.ownmenu>li.menu-toggle-wrapper {
        margin-top: 11px;
    }

    header nav.webimenu ul.ownmenu li.shop-cart {
        width: 50px;
        margin: 5px;
    }

}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 991px) and (min-width: 768px) {

    /********** TABLES **********/
    .table > thead > tr > th,
    thead th {
        font-size: 14px;
        line-height: 18px;
    }

    .table > tfoot > tr > td {
        font-size: 14px;
        padding: 10px 8px 8px;
    }


    /********** BREADCRUMBS **********/
    .sub-banner {
        padding: 25px 0 20px;
    }

    /********** HEADER **********/
    .header-style-2 {
        height: 180px;
    }

    header.header-style-2 nav {
        background: #fff;
    }

    /* Promo Bar */
    .promo-bar {
        font-size: 12px;
    }

    /* Top Bar */
    .top-bar a,
    .top-bar a:visited,
    .top-links li a,
    .top-links li a:visited {
        font-size: 13px;
    }

    .top-links i {
        font-size: 16px;
    }

        .top-links i.icon-envelope {
            font-size: 18px;
        }

    /* Middle Bar */
    header .logo {
        margin-top: 38px;
        margin-bottom: 36px;
    }

    .logo img {
        max-width: 250px;
    }

    header .sticky .menu nav.webimenu .ownmenu {
        display: none !important;
    }

    .middle-bar .gst-price + ul.ownmenu {
        display: block !important;
    }

    .gst-text {
        line-height: 26px;
        margin: 7px 0 0;
    }

    .middle-bar .gst-price {
        display: block;
    }


    /* Level 1 Navigation */
    .sticky-wrapper {
        float: left;
        height: 30px !important;
        width: 100%;
    }

    .sticky {
        background-color: #fff;
        border-top: 1px solid #f3f3f6;
        position: absolute;
        top: 0px; /*69px*/
        left: 0;
        width: 100%;
    }

    .ownmenu > li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .ownmenu > li > a {
            padding: 10px 0;
            text-align: left;
        }

    .ownmenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header nav {
        float: left;
        width: 100%;
        background: rgba(0,0,0,0.8);
        min-height: inherit;
    }

        header nav .ownmenu li {
            padding: 0px 20px;
        }

        header nav li a {
            display: inline-block;
            width: 100%;
            float: none;
        }

    .ownmenu ul.dropdown,
    .ownmenu ul.dropdown li ul.dropdown {
        width: 100% !important;
        left: 0;
        position: static !important;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header .sticky nav .ownmenu li.meganav > a:after {
        display: none
    }

    header .sticky .menu nav .ownmenu {
        padding: 20px 0;
        max-height: 450px;
        overflow-y: auto;
    }

    header .sticky nav .ownmenu li.meganav {
        padding: 0;
    }

        header .sticky nav .ownmenu li.meganav > a,
        header .sticky nav .ownmenu li.meganav > a.count16 {
            float: left;
            padding: 10px 15px;
            width: auto;
        }

        header .sticky nav .ownmenu li.meganav.sub-menu:before {
            content: "\e806";
            font-family: "fontello";
            font-size: 12px;
            float: right;
            margin: 9px 15px;
        }

    header .sticky nav .ownmenu > li > .megamenu.full-width {
        background: #f3f3f6;
        float: left;
        padding: 15px 20px;
        position: relative;
        left: inherit !important;
        top: inherit;
    }

    header .ownmenu > li > .megamenu.full-width > li {
        height: auto;
        width: 100%;
    }

    header .ownmenu > li > .megamenu.full-width li.col-md-3 {
        padding: 0 10px;
        width: 100%;
        height: auto !important;
    }

    header .ownmenu > li > .megamenu.full-width li.view-all {
        padding-bottom: 15px;
    }

    header .ownmenu li > .megamenu li a,
    header .ownmenu li > .megamenu li a.count16 {
        padding: 0 0 8px;
    }

    /* Mobile Menu */
    header nav .ownmenu li.menu-toggle-wrapper {
        float: right;
        margin-top: 14px;
        padding-right: 0;
        width: auto;
    }

    .menu-toggle {
        background: transparent;
        display: block;
        padding: 5px;
        height: auto;
        top: inherit;
        position: inherit;
        right: inherit;
        width: auto;
    }

        .menu-toggle .bar {
            background-color: #333336;
            height: 2px;
            margin-bottom: 5px;
            display: block;
            width: 24px;
        }

        .menu-toggle:hover .bar,
        .menu-toggle:focus .bar,
        .menu-toggle.open .bar {
            background-color: #994708;
        }

    /* Sticky Menu */
    header .is-sticky .sticky {
        border-top: none;
        border-bottom: 1px solid #f3f3f6;
        height: 93px;
    }

        header .is-sticky .sticky .container {
            background-color: #fff;
            float: left;
            position: fixed;
            z-index: 999;
            width: 100%;
        }

        header .is-sticky .sticky > .container {
            padding: 0 15px;
        }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 34px;
        margin-bottom: 34px;
    }

    header .is-sticky .sticky nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 19px;
    }

    header .is-sticky .sticky .menu {
        height: 360px;
        position: fixed;
        top: 92px;
        z-index: 9;
    }

    .header-style-2 .is-sticky .sticky nav .ownmenu li.search-nav a {
        padding: 13px 0;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 14px 0 5px;
    }

    header .is-sticky .sticky .ownmenu > li.shop-cart i {
        margin-top: 0;
    }

    header .is-sticky .sticky .shop-cart .numb {
        top: -3px;
    }

    header .is-sticky .sticky .ownmenu li.meganav > a,
    header .is-sticky .sticky .ownmenu li.meganav > a.count16 {
        padding: 10px 15px;
    }

    header .is-sticky .sticky .ownmenu > li > .megamenu.full-width {
        top: inherit;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        left: -45px;
    }

    /********** SHOPPING CART PREVIEW **********/
    header .ownmenu > li.shop-cart {
        float: right !important;
        margin-top: 1px;
        width: auto;
    }

        header .ownmenu > li.shop-cart a {
            padding: 10px 0 5px;
            height: 50px;
            z-index: 999;
        }

        header .ownmenu > li.shop-cart i {
            /*margin-top: 0;*/
        }

    header .shop-cart ul.dropdown {
        display: none !important;
    }

    header .shop-cart .numb {
        top: 5px;
        right: -10px;
        z-index: 1;
    }

    /********** SEARCH **********/
    header .search-nav {
        float: left !important;
        width: 100%;
    }

        header .search-nav .form-control {
            border: none;
            letter-spacing: 1px;
            width: 100%;
        }

    header nav .ownmenu li.search-nav {
        margin: 5px;
    }

        header nav .ownmenu li.search-nav li {
            padding: 0;
        }

        header nav .ownmenu li.search-nav a {
            padding: 8px 0;
        }

    /*header .ownmenu > li.search-nav i {
        font-size: 22px;
        line-height: 24px;
    }*/

    header .search-nav.sub-menu {
        float: right !important;
        width: auto;
    }

    header .search-nav ul.dropdown {
        background: #ebebef;
        top: 42px;
        left: inherit;
        right: 5px;
        position: absolute !important
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 22px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 48px !important;
        line-height: 58px !important;
        margin-bottom: 30px !important;
    }

    .home-slider .description {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        line-height: 40px !important;
        height: 40px;
        padding: 0 30px !important;
    }

    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /* Product Carousels */
    .home .product-carousel {
        padding: 60px 0;
    }

    /********** HOME - ABOUT **********/
    #about .bio {
        margin: 60px 0;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .popurlar_product li img {
        height: 345px;
    }

    #product-category-tiles {
        padding: 20px 0;
    }

        #product-category-tiles .popurlar_product > .row {
            margin-top: 0;
            margin-bottom: 0;
        }

    /********** PROMO TILES **********/
    #promo-wide-tiles {
        padding: 5px 0;
    }

    .promo-tile-list .caption .title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 3px;
    }

    .promo-tile-list .caption .cta-text {
        font-size: 14px;
        line-height: 29px;
    }

        .promo-tile-list .caption .cta-text > i {
            font-size: 10px;
            line-height: 10px;
        }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 400px;
    }

    .two-col iframe {
        height: 240px;
    }

    .two-col blockquote,
    .two-col .blockquote {
        font-size: 22px;
        line-height: 30px;
        padding: 30px 30px 40px;
    }

    .two-col thead th {
        font-size: 14px;
    }

    .two-col td {
        font-size: 13px;
        line-height: 18px;
    }

    /********** PRODUCT LISTING **********/
    .popurlar_product .details-sec .product-title {
        font-size: 12px;
        line-height: 17px;
        /*height: 90px;*/
    }

    .popurlar_product .details-sec .price {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .popurlar_product .details-sec .club-price.price {
        font-size: 12px;
        height: 70px;
    }

    /* Category/Filter Sidebar */
    .side-bar {
        width: 100%;
    }

    /********** PRODUCT DETAILS **********/
    section.item-detail {
        padding-bottom: 60px;
    }

    /********** SHOPPING CART PAGE **********/
    .shopping-cart .cart-head h6 {
        font-size: 12px;
        line-height: 14px;
    }

    .shopping-cart .cart-details {
        font-size: 12px;
        line-height: 14px;
    }

        .shopping-cart .cart-details h6 a {
            font-size: 12px;
            line-height: 14px;
        }

    .shopping-cart .btn-sec .btn {
        margin-bottom: 10px;
        width: 100%;
    }

    #free-shipping-alert {
        font-size: 12px;
    }

    /********** LOGIN/REGISTER **********/
    #loginregister .row-eq-height {
        display: block;
    }

    /********** BACK TO TOP **********/
    .cd-top {
        bottom: 60px;
        right: 20px;
    }

        .cd-top.cd-is-visible {
            background-color: #f5f5f8;
        }

    .no-touch .cd-top:hover {
        background-color: #f5f5f8;
    }

    /********** FOOTER **********/
    /* Newsletter Signup */

    #subscribe .overlay {
        padding: 38px 0;
    }

    #subscribe h2 {
        margin-top: 0;
    }

    .subcribe .sub-mail input {
        margin: 10px 0;
    }

    #subscribe button {
        margin: 10px 0;
    }

    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

    .benefits .item img {
        margin-bottom: 12px;
        width: 42px;
    }

    .benefits .caption > .title,
    .benefits .caption > .title:visited {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    .benefits .caption > .desc {
        font-size: 12px;
        line-height: 18px;
        display: block;
        letter-spacing: 1px;
    }
}

@media (max-width: 767px) and (min-width: 640px) {
    /********** MODALS **********/
    #joinNowModal .modal-content {
        padding: 60px 30px;
    }

    /********** HEADER **********/
    header.header-style-2 {
        height: 167px;
        margin-bottom: 0;
    }

    header .logo {
        margin-top: 32px;
        margin-bottom: 30px;
    }

    /* Promo Bar */
    .promo-bar {
        /*font-size: 12px;
        line-height: 32px;
        height: 32px;*/
    }

    /* Top Bar */
    .top-bar a, .top-bar a:visited, .top-links li a, .top-links li a:visited {
        font-size: 13px;
        margin-left: 15px;
    }

    .top-links.pull-left a {
        margin-right: 10px;
    }

        .top-links.pull-left a.phone {
            padding-left: 22px;
        }

        .top-links.pull-left a.email {
            padding-left: 28px;
        }

    .top-links i {
        font-size: 14px;
    }

        .top-links i.icon-envelope {
            font-size: 16px;
            line-height: 17px;
            top: 0;
        }

    /* Middle Bar */
    .gst-text {
        line-height: 24px;
        margin-top: 6px;
        margin-bottom: 0;
    }

    .middle-bar .gst-price {
        display: block;
    }

    header nav .ownmenu li.menu-toggle-wrapper {
        float: right;
        margin-top: 11px;
        padding-right: 0;
        width: auto;
    }

    /* Sticky Menu*/
    .sticky {
        /*top: 67px;*/
    }

    header .sticky nav .ownmenu {
        padding: 2px 0;
    }

    header .is-sticky .sticky {
        height: 93px;
    }

        header .is-sticky .sticky > .container {
            height: 93px;
        }

        header .is-sticky .sticky .menu {
            top: 93px;
        }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 9px 0 0;
    }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 36px;
        left: -70px;
    }

    header .myaccount.ownmenu {
        overflow-y: inherit;
    }

    .myaccount .sub-menu i.icon-user {
        font-size: 13px;
        margin-right: 5px;
    }

    /********** SHOPPING CART PREVIEW **********/
    header .ownmenu > li.shop-cart > a {
        padding: 10px 0 0;
    }

    header .shop-cart .numb {
        top: -5px;
        right: -5px;
    }

    header .ownmenu > li.shop-cart a {
        padding-top: 9px;
        height: 40px;
        padding-left: 20px;
    }

    /********** SEARCH **********/
    header .ownmenu > li.search-nav a {
        padding: 13px 0 10px;
    }

    header .search-nav ul.dropdown {
        position: absolute !important;
        width: 100% !important;
        left: inherit;
        top: 32px;
        min-width: 340px; /*308px*/
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 22px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 48px !important;
        line-height: 58px !important;
        margin-bottom: 30px !important;
    }

    .home-slider .description {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        font-size: 12px !important;
        line-height: 36px !important;
        height: 36px;
        padding: 0 30px !important;
    }

        a.btn-slider i {
            font-size: 14px !important;
        }

    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    #product-category-tiles .popurlar_product li img {
        /*height: 281px;*/
    }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 350px;
    }

    /********** PRODUCT LISTING **********/
    .popurlar_product .items-in {
        text-align: center;
    }

    #products-list .popurlar_product .items-in img {
        /*max-width: 570px;*/
        width: 100%;
        height: auto;
    }

    .popurlar_product .details-sec .product-title {
        height: auto;
    }

    .popurlar_product .details-sec .club-price.price {
        height: auto;
    }

    /********** FOOTER **********/
    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

    .benefits .item img {
        margin-bottom: 12px;
        width: 42px;
    }

    .benefits .caption > .title,
    .benefits .caption > .title:visited {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    .benefits .caption > .desc {
        font-size: 12px;
        line-height: 18px;
        display: block;
        letter-spacing: 1px;
    }
}


@media (max-width: 767px) {

    header .sticky {
        height: inherit;
    }

    body .cd-top {
        right: 20px;
    }


    /********* HEADER **********/
    .header-style-2 {
        margin-bottom: 25px;
    }

    .middle-bar {
        position: relative;
    }

    header .search-nav ul.dropdown {
        top: 51px !important;
        padding: 15px 15px !important;
        right: -46px !important;
    }

    /********** TABLES **********/
    .table > thead > tr > th, thead th {
        font-size: 14px;
        line-height: 18px;
    }

    .table > tfoot > tr > td {
        font-size: 14px;
        padding: 10px 8px 8px;
    }

        .table > tfoot > tr > td strong {
        }

    /********** FORMS **********/
    .inline-form .btn {
        margin-top: 20px;
        width: 100%;
    }

    .table .btn {
        font-size: 14px;
        line-height: 15px;
        height: 34px;
        margin: 10px 0 5px;
        padding: 5px 12px;
        letter-spacing: 2px;
    }

    /********** PAGINATION **********/
    .pagination {
        float: right;
        text-align: right;
    }

        .pagination > li.disabled {
            display: none;
        }

        .pagination > li > a,
        .pagination > li > span {
            line-height: 30px;
            border-radius: 0 !important;
            height: 30px;
            margin: 0 1px;
            width: 29px;
        }

    /********** MODALS **********/
    /* Wholesale Popup */
    .modal-open .modal#joinNowModal {
        padding-right: 0 !important;
    }

    #joinNowModal .modal-dialog {
        width: 90%;
        max-width: 570px;
        margin: 10px auto;
    }

    /********** SLIDERS **********/
    /* Product Carousels (Eg. Reduced to Clear & Related Products) */
    .home .product-carousel {
        padding: 60px 0;
    }

    .product-carousel h4 {
        font-size: 24px;
        line-height: 24px;
    }

    /********** PAGE HEADER **********/
    .static-hero-image {
        height: 220px;
    }

    /********** HEADER **********/
    header.header-style-2 .sub-menu > a:before {
        display: none;
    }

    header .logo {
        width: 100%;
    }

    /* Top Bar */
    .top-links {
        width: auto;
    }

        .top-links.contact-links {
            width: 50%;
            text-align: left;
        }

        .top-links.social-links {
            float: right;
        }

    .top-bar ul {
        width: auto;
    }

    /* Middle Bar */
    header .middle-bar .ownmenu {
        overflow-y: inherit;
    }

    .middle-bar .gst-price + ul.ownmenu {
        display: block !important;
    }

    /* Level 1 Navigation */
    header nav {
        float: left;
        width: 100%;
        background: rgba(0,0,0,0.8);
        min-height: inherit;
    }

    .sticky-wrapper {
        height: 90px !important;
    }

    .sticky {
        background-color: #fff;
        border-top: 1px solid #f3f3f6;
        position: absolute;
        left: 0;
        width: 100%;
    }

    .ownmenu > li {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .ownmenu > li > a {
            padding: 10px 0;
            text-align: left;
        }

    .ownmenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header nav li a {
        display: inline-block;
        width: 100%;
        float: none;
    }

    header nav .ownmenu li {
        padding: 0px 20px;
    }

        header nav .ownmenu li.menu-toggle-wrapper {
            float: right;
            /*margin-top: 11px;*/
            padding-right: 0;
            width: auto;
        }

    header .ownmenu ul.dropdown {
        padding: 10px;
    }

    .ownmenu ul.dropdown, .ownmenu ul.dropdown li ul.dropdown {
        width: 100% !important;
        left: 0;
        position: static !important;
        border: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    header .sticky .menu nav .ownmenu {
        display: none;
        max-height: 450px;
        overflow-y: auto;
    }


    header .sticky nav .ownmenu li.meganav {
        float: left;
        padding: 0;
        width: 100%;
    }

        header .sticky nav .ownmenu li.meganav.sub-menu:before {
            content: "\e806";
            font-family: "fontello";
            font-size: 12px;
            float: right;
            margin: 9px 15px;
        }

        header .sticky nav .ownmenu li.meganav > a,
        header .sticky nav .ownmenu li.meganav > a.count16 {
            float: left;
            padding: 10px 15px;
            display: block;
            width: auto;
        }

            header .sticky nav .ownmenu li.meganav > a:after {
                display: none
            }

    header .sticky nav .ownmenu > li > .megamenu.full-width {
        background: #f3f3f6;
        float: left;
        padding: 15px 20px;
        position: relative;
        left: inherit !important;
        top: inherit !important;
    }

    header .ownmenu > li > .megamenu.full-width > li {
        height: auto;
        width: 100%;
    }

    header .ownmenu > li > .megamenu.full-width li.col-md-3 {
        padding: 0 10px;
        width: 100%;
        height: auto !important;
    }

    header .ownmenu > li > .megamenu.full-width li.view-all {
        padding-bottom: 15px;
    }


    /* Mobile Menu */
    .menu-toggle {
        background: transparent;
        padding: 5px;
        height: auto;
        top: inherit;
        position: inherit;
        right: inherit;
        width: auto;
    }

        .menu-toggle .bar {
            background-color: #333336;
            height: 2px;
            margin-bottom: 5px;
            display: block;
            width: 24px;
        }

        .menu-toggle:hover .bar,
        .menu-toggle:focus .bar,
        .menu-toggle.open .bar {
            background-color: #994708;
        }

    .ownmenu li.mobile,
    header nav .ownmenu li.meganav.mobile {
        display: none !important;
    }


    /* Sticky Menu */
    header .is-sticky .sticky {
        border-top: none;
        border-bottom: 1px solid #f3f3f6;
        /*height: 93px;*/
    }

        header .is-sticky .sticky .container {
            background-color: #fff;
            float: left;
            position: fixed;
            z-index: 999;
            width: 100%;
        }

        header .is-sticky .sticky > .container {
            padding: 0 15px;
        }

        header .is-sticky .sticky .menu {
            /*height: 360px;*/
            position: fixed;
            float: left;
            border-top: 1px solid #f3f3f6;
            border-bottom: none;
            width: 100%;
            z-index: 9;
        }

        header .is-sticky .sticky .ownmenu > li.shop-cart i {
            margin-top: 0;
        }

        header .is-sticky .sticky .shop-cart .numb {
            top: -3px;
        }

        header .is-sticky .sticky .ownmenu li.meganav > a,
        header .is-sticky .sticky .ownmenu li.meganav > a.count16 {
            padding: 10px 15px;
        }

        header .is-sticky .sticky .ownmenu > li > .megamenu.full-width {
            top: inherit;
        }

    /* My Account */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 36px;
        right: 0px;
        padding: 0;
    }

    /********** SHOPPING CART PREVIEW **********/

    header .ownmenu > li.shop-cart {
        float: right !important;
        margin-top: 0;
        position: inherit !important;
        top: inherit;
        right: inherit;
        left: inherit;
        width: auto;
        margin-right: 15px;
        margin-left: 0;
    }

        header .ownmenu > li.shop-cart i {
            margin-top: 0;
        }

    header .shop-cart ul.dropdown {
        display: none !important;
    }

    #basketSummary .hidden-mob-custom, #order .hidden-mob-custom {
        padding: 0px;
        width: 0px;
    }

    #order
    /********** SEARCH **********/
    header .search-nav {
        float: left !important;
        position: relative !important;
        top: inherit;
        right: inherit;
        width: 100%;
    }

    header .search-nav ul.dropdown {
        background: #ebebef;
        padding: 20px 0 !important;
    }

    header .search-nav.hidden-xs {
        display: none !important;
    }

    header .ownmenu > li.search-nav {
        left: inherit;
        float: right !important;
        margin: 0;
        width: auto;
    }

        header .ownmenu > li.search-nav.visible-sm {
            display: block !important;
            position: inherit !important;
        }

        /*header .ownmenu > li.search-nav a > i {
            top: 2px;
        }*/

    header .search-nav .form-control {
        border: none;
        letter-spacing: 1px;
        width: 100%;
    }

    header .search-nav button {
        font-size: 20px;
    }

    /********** HOME - ABOUT **********/
    #about .bio {
        margin: 60px 0;
    }

    /********** PROMO TILES **********/
    #promo-wide-tiles {
        padding: 5px 0;
    }

    .promo-tile-list a {
        margin-bottom: 30px;
    }

    .promo-tile-list li:last-of-type a {
        margin-bottom: 0;
    }

    /********** PRODUCT CATEGORY TILES **********/
    #product-category-tiles {
        padding: 20px 0;
    }

        #product-category-tiles .popurlar_product > .row {
            margin-top: 0;
            margin-bottom: 0;
        }



    /********** PRODUCT LISTING **********/

    .popurlar_product .details-sec {
        margin: 0 auto;
        width: /*85%*/ 100%;
    }

        .popurlar_product .details-sec .product-title {
            height: 80px;
        }

        .popurlar_product .details-sec .club-price.price {
            height: auto;
        }

        .popurlar_product .details-sec a.btn {
            padding: 10px 15px;
        }

    /* Category/Filter Sidebar */
    .side-bar {
        width: 100%;
        border-bottom: 1px solid #f3f3f6;
        padding-bottom: 20px;
    }

        .side-bar.collapse {
            display: none;
        }

            .side-bar.collapse.in {
                display: block;
            }

        .side-bar .btn {
            width: auto;
        }

    .filter-btn {
        margin-top: 0;
        margin-bottom: 30px;
        width: 100%;
    }

        .filter-btn.btn-default:focus {
            background-color: transparent;
            border: 1px solid #49474a;
            color: #49474a !important;
        }

        .filter-btn i {
            font-size: 14px;
        }

    .items-short-type {
        margin: 0 0 30px;
    }

    /********** PRODUCT DETAILS **********/
    section.item-detail {
        padding-bottom: 40px;
    }

    .item-detail-page .price.club-price {
        font-size: 13px;
    }

    .price .icon-help {
        height: 14px;
        width: 14px;
    }

        .price .icon-help:before {
            font-size: 8px;
        }

    /********** SHOPPING CART PAGE **********/
    .chart-page .payment_steps {
        margin: 30px 0;
        padding: 0 0 15px;
        border-bottom: 1px solid #ebebeb;
    }

    .shopping-cart .cart-details {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

        .shopping-cart .cart-details h6 a {
            font-size: 16px;
        }

    .cart-details span {
        font-weight: 500;
    }

    .cart-details .col-sm-3,
    .cart-details .col-sm-2,
    .cart-details .col-sm-1 {
        padding: 5px;
    }

    .shopping-cart .btn-sec .btn {
        margin-top: 5px;
        width: 100%;
    }

    .shopping-cart .cart-ship-info .grand-total .btn:hover {
        background: #592a05;
    }

    .shopping-cart .cart-ship-info {
        margin-top: 10px;
    }

        .shopping-cart .cart-ship-info .grand-total {
            margin-top: 20px;
        }

    .shopping-cart .cart-details input[type="number"] {
        width: 100px;
    }

    .grand-total .price-item {
        font-size: 11px;
    }

        .grand-total .price-item span {
            font-size: 11px;
        }

    .grand-total .gst {
        font-size: 11px;
    }

    #free-shipping-alert {
        font-size: 11px;
    }

    /********** CHECKOUT PAGE **********/
    #checkout .row-eq-height {
        display: block;
    }

    /********** LOGIN/REGISTER **********/
    #loginregister .row-eq-height {
        display: block;
    }

    /********** MY ACCOUNT **********/
    #account thead {
        display: none;
    }

    #account tr,
    #account td {
        display: block;
        text-align: left;
    }

    #account th {
        font-size: 13px;
    }

    #account tfoot td {
        font-size: 17px;
        padding: 4px 8px;
    }

    /********** CONTACT **********/
    #contact #map {
        float: left;
        height: auto;
        padding-top: 60px;
        width: 100%;
    }

    /********** BACK TO TOP **********/
    .cd-top.cd-is-visible {
        background-color: #f5f5f8;
    }

    .no-touch .cd-top:hover {
        background-color: #f5f5f8;
    }

    /********** FOOTER **********/
    /* Mega Footer */
    .footer-links h5 {
        margin-bottom: 5px;
    }

    .footer-links .col-xs-6 {
        margin-bottom: 20px;
    }

    /* Newsletter Signup */
    #subscribe h2 {
        font-size: 28px;
        line-height: 36px;
        margin-top: 0;
    }

    .subcribe .overlay {
        padding: 34px 0 44px;
    }

    #subscribe .col-xs-4,
    #subscribe .col-xs-8 {
        margin: 0;
        width: 100%;
    }

    #subscribe .sub-mail input {
        line-height: 44px;
        margin: 0;
        height: 44px;
    }

    #subscribe button {
        line-height: 44px;
        height: 44px;
        padding: 0 20px;
        margin-top: 10px;
    }

    #subscribe .field-validation-error {
        padding: 0;
    }
}

@media (max-width: 991px) and (min-width: 480px) {
    nav#topMenu.webimenu ul li.sub-menu:hover > ul {
        min-width: 340px;
        top: 45px;
    }
}


@media (max-width: 767px) and (min-width:480px) {

    header .ownmenu > li.search-nav {
        width: 20%;
    }

    ul#shoppingCart.ownmenu {
        right: 25%;
        bottom: 52%;
    }

    header .shop-cart .numb {
        top: -4px;
        right: -10px;
    }

    header .ownmenu > li.shop-cart i {
        font-size: 27px;
        margin: 0;
    }
        
}


@media (max-width: 639px) {

    header .ownmenu > li.search-nav {
        width: 50px;
        top: -10px;
    }

        /*header .ownmenu > li.search-nav a > i {
            top: 9px;
        }*/

        header .ownmenu > li.search-nav .dropdown {
            top: 45px;
            right: -15px !important;
            left: -15px !important;
        }

    header .shop-cart .numb {
        top: -10px;
        right: -10px;
    }
}


/*@media (max-width: 574px) {

    header .ownmenu > li.search-nav a > i {
        top: 5px;
    }
}*/


@media (max-width: 479px) {
    h1 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 2px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 20px;
        line-height: 28px;
    }

    h3 {
        font-size: 18px;
        line-height: 26px;
    }

    h4 {
        font-size: 16px;
        line-height: 24px;
    }

    h5 {
        font-size: 15px;
        line-height: 22px;
    }

    h6 {
        font-size: 15px;
        line-height: 22px;
    }

    blockquote, .blockquote {
        padding: 30px 35px 40px;
    }


    /********** HEADER **********/

    .header-style-2 {
        margin-bottom: 0px;
         height: auto;
    }

    header nav.webimenu#topMenu ul.ownmenu {
        margin-top: 5px;
    }

    header nav.webimenu#topMenu ul.ownmenu>li.search-nav {
        top: unset !important;
        margin: 5px!important;
        margin-right: 0px !important;
        width: 30px;
    }

        header nav.webimenu#topMenu ul.ownmenu > li.search-nav > a {
            font-size: 18px;
        }
    
        header nav.webimenu ul.ownmenu li.shop-cart {
            width: 40px;
        }

            header nav.webimenu ul.ownmenu li.shop-cart a.cart-icon span.numb {
                top: -3px;
                right: -8px;
            }

    .sticky-wrapper {
        height: 62px!important;
    }

       /*header .sticky {
           height: 100%;
       }*/

    /********** TABLES **********/
    thead th {
        font-size: 14px;
        line-height: 17px;
    }

    td {
        font-size: 13px;
        line-height: 16px;
    }

    /********** BREADCRUMBS **********/
    .sub-banner {
        padding: 20px 0 10px;
    }

        .sub-banner .breadcrumb li {
            font-size: 12px;
        }

        .sub-banner .breadcrumb a {
            font-size: 12px;
        }

    /********** MODALS **********/
    /* Wholesale Popup */
    #joinNowModal h2 {
        font-size: 30px;
        line-height: 40px;
    }

    #joinNowModal p {
        font-size: 15px;
        line-height: 24px;
    }

    #joinNowModal .modal-content {
        padding: 60px 10px;
    }

    #joinNowModal .btn-default,
    #joinNowModal .btn-default:visited {
        font-size: 18px;
        line-height: 44px;
        height: 44px;
    }

    /********** HEADER **********/
    header .logo {
        margin-top: 19px;
        margin-bottom: 0;
    }

    /* Promo Bar */
    .promo-bar {
        font-size: 10px;
    }

    /* Top Bar */
    .top-bar {
        line-height: 36px;
        height: 36px;
    }

        .top-bar ul.social-icons {
            display: none;
        }

    .top-links.social-links li {
        margin-left: 0;
    }

    .social-links.top-links li a {
        line-height: 36px;
        margin-left: 0;
    }

    .top-bar a, .top-bar a:visited, .top-links li a, .top-links li a:visited {
        font-size: 11px;
        margin-left: 11px;
    }

    .top-links.pull-left a {
        margin-right: 4px;
    }

        .top-links.pull-left a.phone {
            padding-left: 20px;
        }

        .top-links.pull-left a.email {
            padding-left: 20px;
        }

    .top-links i {
        font-size: 13px;
    }

        .top-links i.icon-phone {
            line-height: 14px;
        }

        .top-links i.icon-envelope {
            font-size: 13px;
        }

    /* Middle Bar */
    .middle-bar .col-xs-6:first-of-type {
        width: 55%;
    }

    .middle-bar .col-xs-6:last-of-type {
        width: 45%;
    }

    header .middle-bar .ownmenu {
        margin-top: 22px;
    }

    .gst-price.mobile-375 {
        display: block;
        width: auto;
        border-left: 1px solid #f3f3f6;
        border-right: 1px solid #f3f3f6;
        padding:0 5px;
    }

    .gst-text {
        float: right;
        font-size: 9px;
        line-height: normal;
        margin: 14px 0 11px;
        letter-spacing: 0;
        display: block;
    }


    nav.webimenu .gst-price {
        display: none !important;
    }

    header nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 0;
        padding-left: 10px;
    }

    .sticky {
        /*top: 65px;*/
    }

    header .is-sticky .sticky {
        height: 62px;
        padding-top: 0;
    }

        header .is-sticky .sticky > .container {
            height: 62px;
        }

        header .is-sticky .sticky .menu {
            top: 62px;
        }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 19px;
        margin-bottom: 23px;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 0;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 34px;
        left: inherit;
        right: 0;
    }

    header .myaccount.ownmenu {
        overflow-y: inherit;
    }

    .myaccount .sub-menu i.icon-user {
        font-size: 13px;
        margin-right: 0;
    }

    /********** SHOPPING CART PREVIEW **********/
    header .shop-cart .numb {
        font-size: 9px;
        line-height: 17px;
        top: -13px;
        right: -7px;
        height: 24px;
        width: 24px;
    }

    header .ownmenu > li.shop-cart {
        margin-top: 3px;
        margin-left: 15px;
        right: 0;
    }

        header .ownmenu > li.shop-cart a {
            padding: 0;
        }

        header .ownmenu > li.shop-cart i {
            font-size: 22px;
        }

    /********** SEARCH **********/
    header .search-nav button {
        font-size: 17px !important;
        height: 34px;
        margin-top: -34px;
    }

    header .search-nav .form-control {
        font-size: 13px;
        height: 34px;
    }

    header .ownmenu > li.search-nav a {
        padding: 0;
    }

    header .search-nav ul.dropdown {
        position: absolute !important;
        width: 100% !important;
        left: -25px;
        right: inherit;
        top: 22px;
        min-width: 315px;
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 10px !important;
        font-weight: 400;
        line-height: 20px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 24px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }

    .home-slider .description {
        font-size: 10px !important;
        line-height: 20px !important;
        margin-bottom: 5px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        font-size: 12px !important;
        line-height: 30px !important;
        height: 30px;
        padding: 0 30px !important;
    }

        a.btn-slider i {
            font-size: 14px !important;
            margin-left: 10px;
        }

    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .new-arrival .popurlar_product li {
        width: 100%;
    }

    .popurlar_product li img {
        height: 328px;
    }

    /********** PROMO TILES **********/
    .promo-tile-list .caption .title {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .promo-tile-list .caption .cta-text {
        font-size: 15px;
        line-height: 22px;
    }

        .promo-tile-list .caption .cta-text > i {
            font-size: 11px;
            line-height: 11px;
        }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 225px;
    }

    .two-col iframe {
        height: 225px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    #products-list.section {
        padding: 40px 0;
    }

    /********** SHOPPING CART PAGE **********/
    .chart-page .payment_steps {
        margin: 15px 0 30px;
        padding: 0 0 15px;
        border-bottom: 1px solid #ebebeb;
    }

        .chart-page .payment_steps i.icon-cart {
            font-size: 16px;
        }

        .chart-page .payment_steps i {
            font-size: 14px;
        }

            .chart-page .payment_steps i.icon-tick-circle {
                font-size: 15px;
            }

        .chart-page .payment_steps i {
            line-height: 37px;
            height: 36px;
            width: 36px;
        }

        .chart-page .payment_steps h6 {
            font-size: 10px;
            line-height: 17px;
            margin: 7px 0;
        }

            .chart-page .payment_steps h6:before {
                top: 42px;
            }

    /********** BACK TO TOP **********/
    .cd-top {
        line-height: 22px;
        height: 40px;
        width: 40px;
        bottom: 20px;
        right: 20px;
        color: #333336;
    }

        .cd-top.cd-is-visible {
            background-color: #f5f5f8;
        }

    .no-touch .cd-top:hover {
        background-color: #f5f5f8;
    }

    .cd-top i {
        font-size: 15px;
        line-height: 25px;
    }

    .cd-top a,
    .cd-top span {
        font-size: 9px;
        line-height: 9px;
    }

    /********** FOOTER **********/
    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

        #prefooter .col-xs-3 {
            text-align: left;
            width: 100%;
        }

    .benefits .item img {
        display: inline-block !important;
        margin: 0 0 20px;
        width: 44px;
    }

    .benefits .caption {
        display: inline-block;
        margin-left: 25px;
        padding: 10px 0;
    }

        .benefits .caption > .title,
        .benefits .caption > .title:visited {
            font-size: 13px;
            line-height: 19px;
            letter-spacing: 2px;
        }

        .benefits .caption > .desc {
            font-size: 13px;
            line-height: 19px;
            display: block;
            letter-spacing: 2px;
        }


    /* Mega Footer */
    .footer-links .col-xs-6 {
        width: 100%;
    }

    .rights .col-xs-6 {
        width: 100%;
    }

    .rights .copy {
        text-align: center;
    }

    .rights .social-icons {
        float: left;
        margin-top: 15px;
        width: 100%;
    }

        .rights .social-icons li {
            float: none;
            display: inline-block;
            text-align: center;
        }

    header .ownmenu > li.search-nav {
        width: 65px;
        top: -22px;
    }

        /*header .ownmenu > li.search-nav a > i {
            top: 9px;
        }*/

    ul#shoppingCart.ownmenu {
        right: 45%;
        bottom: 55%;
    }

    header .ownmenu > li.search-nav .dropdown {
        top: 55px;
        right: -15px;
        margin-top: 0;
    }


    /***** OUR BRANDS LOGOS *****/

    #our-brands.our-clients .client-slide img {
        height: 90px;
    }



    /***** FLEX BOX SAFARI *****/

    .popurlar_product .row:before, .popurlar_product .row:after {
        content: normal;
    }


    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 5px;
    }

    #basketSummary thead th, #order thead th {
        font-size: 12px;
        line-height: 15px;
    }


    .top-links.contact-links {
        width: 130px;
    }

    .popurlar_product.row .col-xs-6, .popurlar_product.row .col-xs-6 img {
        width: 100%;
    }

    .popurlar_product .details-sec {
        width: 100%;
    }

    .popurlar_product .details-sec {
        width: 100%;
    }

    .popurlar_product .items-in {
        margin-top: 0;
    }

    #basketSummary .panel-body, #order .panel-body {
        padding: 0px;
    }

    #product-category-tiles li {
         width: 50% !important;
    }

    .popurlar_product li img {
        height: auto !important;
    }

    #product-category-tiles span {
        font-size: 4.6vw;
        line-height: normal;
        width: 82%;
        padding: 0px 5px;
    }

}


@media (max-width: 639px) and (min-width: 575px) {
    blockquote, .blockquote {
        padding: 30px 70px 40px;
    }

    /********** MODALS **********/
    /* Wholesale Popup */
    #joinNowModal h2 {
        font-size: 38px;
        line-height: 42px;
    }

    #joinNowModal p {
        font-size: 16px;
        line-height: 26px;
    }

    #joinNowModal .modal-content {
        padding: 60px 30px;
    }

    #joinNowModal .btn-default, #joinNowModal .btn-default:visited {
        line-height: 48px;
        height: 48px;
    }
    /********** HEADER **********/
    header.header-style-2 {
        height: auto;
    }

    header .logo {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    /* Promo Bar */
    .promo-bar {
        font-size: 12px;
    }

    /* Top Bar */
    .top-links i {
        font-size: 14px;
    }

        .top-links i.icon-envelope {
            font-size: 16px;
        }

    .top-bar a, .top-bar a:visited, .top-links li a, .top-links li a:visited {
        font-size: 13px;
        margin-left: 15px;
    }

    .top-links.pull-left a {
        margin-right: 10px;
    }

        .top-links.pull-left a.phone {
            padding-left: 22px;
        }

        .top-links.pull-left a.email {
            padding-left: 28px;
        }

    /* Middle Bar */
    .gst-text {
        line-height: 24px;
        margin-top: 3px;
        margin-bottom: 6px;
    }

    .middle-bar .gst-price {
        display: block;
    }


    header nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 2px;
    }

    /* Sticky Menu */
    .sticky {
        /*top: 69px;*/
    }

    header .is-sticky .sticky {
        height: 88px;
    }

        header .is-sticky .sticky > .container {
            height: 88px;
        }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 30px;
    }

    header .is-sticky .sticky .menu {
        top: 88px;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 2px 0;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 36px;
        left: -70px;
    }

    header .myaccount.ownmenu {
        overflow-y: inherit;
    }

    .myaccount .sub-menu i.icon-user {
        font-size: 14px;
        margin-right: 5px;
    }

    /********** SHOPPING CART PREVIEW **********/
    header .shop-cart .numb {
        top: -10px;
        right: -10px;
    }

    header .ownmenu > li.shop-cart a {
        padding-top: 1px;
    }

    header .ownmenu > li.search-nav a {
        padding: 5px 0;
    }

    header .search-nav ul.dropdown {
        position: absolute !important;
        width: 100% !important;
        left: inherit;
        top: 22px;
        min-width: 335px; /*290px*/
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 12px !important;
        font-weight: 400;
        line-height: 22px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 36px !important;
        line-height: 46px !important;
        margin-bottom: 30px !important;
    }

    .home-slider .description {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        font-size: 12px !important;
        line-height: 34px !important;
        height: 34px;
        padding: 0 30px !important;
    }

        a.btn-slider i {
            font-size: 14px !important;
        }

    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .popurlar_product li img {
        height: 249px;
    }

    #product-category-tiles span {
        font-size: 20px;
        line-height: 28px;
    }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 320px;
    }

    .two-col iframe {
        height: 320px;
    }

    /********** FOOTER **********/
    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

        #prefooter .col-xs-3 {
            text-align: left;
            width: 100%;
        }

    .benefits .item img {
        display: inline-block !important;
        margin: 0 0 20px;
        width: 54px;
    }

    .benefits .caption {
        display: inline-block;
        margin-left: 25px;
        padding: 10px 0;
    }

        .benefits .caption > .title,
        .benefits .caption > .title:visited {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 2px;
        }

        .benefits .caption > .desc {
            font-size: 14px;
            line-height: 20px;
            display: block;
            letter-spacing: 2px;
        }
}


@media (max-width: 574px) and (min-width: 480px) {
    blockquote, .blockquote {
        padding: 30px 50px 40px;
    }

    /********** MODALS **********/
    /* Wholesale Popup */
    #joinNowModal h2 {
        font-size: 38px;
        line-height: 42px;
    }

    #joinNowModal p {
        font-size: 16px;
        line-height: 26px;
    }

    #joinNowModal .modal-content {
        padding: 60px 30px;
    }

    #joinNowModal .btn-default,
    #joinNowModal .btn-default:visited {
        line-height: 46px;
        height: 46px;
    }

    /********** HEADER **********/
    header.header-style-2 {
        height: 137px;
    }

    header .logo {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    /* Top Bar */
    .top-bar ul.social-icons {
        display: none;
    }

    .top-links i {
        font-size: 14px;
    }


        .top-links i.icon-envelope {
            font-size: 16px;
        }

    .top-bar a, .top-bar a:visited, .top-links li a, .top-links li a:visited {
        font-size: 13px;
        margin-left: 15px;
    }

    .top-links.pull-left a {
        margin-right: 10px;
    }

        .top-links.pull-left a.phone {
            padding-left: 22px;
        }

        .top-links.pull-left a.email {
            padding-left: 28px;
        }

    /* Middle Bar */
    .gst-text {
        line-height: 26px;
        margin-top: 4px;
        margin-bottom: 1px;
    }

    .middle-bar .gst-price {
        display: block;
    }

    header nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 2px;
        padding-left: 15px;
    }

    .sticky {
        /*top: 69px;*/
    }

    header .is-sticky .sticky {
        height: 84px;
    }

        header .is-sticky .sticky > .container {
            height: 84px;
        }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 32px;
        margin-bottom: 0;
    }

    header .is-sticky .sticky .menu {
        top: 84px;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 4px 0;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.search-nav a {
        padding: 7px 0;
    }

    .header-style-2 .is-sticky .sticky nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 7px;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 36px;
        left: inherit;
        right: 10px;
    }

    header .myaccount.ownmenu {
        overflow-y: inherit;
    }

    /********** SHOPPING CART PREVIEW **********/
    header .ownmenu > li.shop-cart a {
        padding: 0;
    }

    /********** SEARCH **********/
    header .search-nav button {
        font-size: 18px;
        height: 34px;
        margin-top: -34px;
    }

    header .ownmenu > li.search-nav a {
        padding: 3px 0;
    }

    header .search-nav ul.dropdown {
        position: absolute !important;
        width: 100% !important;
        left: inherit;
        top: 22px;
        min-width: 315px;
    }

    header .search-nav .form-control {
        font-size: 13px;
        line-height: 41px;
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 11px !important;
        font-weight: 400;
        line-height: 21px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 30px !important;
        line-height: 40px !important;
        margin-bottom: 20px !important;
    }

    .home-slider .description {
        font-size: 11px !important;
        line-height: 21px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        font-size: 12px !important;
        line-height: 32px !important;
        height: 32px;
        padding: 0 30px !important;
    }

        a.btn-slider i {
            font-size: 14px !important;
        }

    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .popurlar_product li img {
        height: 201px;
    }

    #product-category-tiles span {
        font-size: 18px;
        line-height: 26px;
    }

    /********** PROMO TILES **********/
    .promo-tile-list .caption .title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .promo-tile-list .caption .cta-text {
        font-size: 15px;
        line-height: 22px;
    }

        .promo-tile-list .caption .cta-text > i {
            font-size: 11px;
            line-height: 11px;
        }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 280px;
    }

    .two-col iframe {
        height: 280px;
    }

    /********** SHOPPING CART PAGE **********/
    .chart-page .payment_steps {
        margin: 15px 0 30px;
        padding: 0 0 15px;
        border-bottom: 1px solid #ebebeb;
    }

        .chart-page .payment_steps i.icon-cart {
            font-size: 16px;
        }

        .chart-page .payment_steps i {
            font-size: 14px;
        }

            .chart-page .payment_steps i.icon-tick-circle {
                font-size: 15px;
            }

        .chart-page .payment_steps i {
            line-height: 37px;
            height: 36px;
            width: 36px;
        }

        .chart-page .payment_steps h6 {
            font-size: 10px;
            line-height: 17px;
            margin: 7px 0;
        }

            .chart-page .payment_steps h6:before {
                top: 42px;
            }

    /********** BACK TO TOP **********/
    .cd-top {
        bottom: 80px;
        right: 20px;
    }

    /********** FOOTER **********/
    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

        #prefooter .col-xs-3 {
            text-align: left;
            width: 100%;
        }

    .benefits .item img {
        display: inline-block !important;
        margin: 0 0 20px;
        width: 54px;
    }

    .benefits .caption {
        display: inline-block;
        margin-left: 25px;
        padding: 10px 0;
    }

        .benefits .caption > .title,
        .benefits .caption > .title:visited {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 2px;
        }

        .benefits .caption > .desc {
            font-size: 14px;
            line-height: 20px;
            display: block;
            letter-spacing: 2px;
        }
}


@media (max-width: 479px) {
    .middle-bar .gst-price {
        display: none;
    }

    .myaccount .sub-menu span {
        font-size: 12px;
    }

    #products.popurlar_product, #searchedProducts.popurlar_product #searchpartial {
        display: -webkit-block;
        display: -webkit-block;
        display: -ms-flexbox;
        -webkit-flex-wrap: unset;
        -me-flex-wrap: unset;
        flex-wrap: unset;
        display: block;
    }

        #products.popurlar_product [class*='col-'], #searchedProducts.popurlar_product [class*='col-'] {
            -webkit-box-flex: none;
            -moz-box-flex: none;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
        }
}


@media (max-width: 374px) {
    h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 20px;
        line-height: 28px;
    }

    h3 {
        font-size: 18px;
        line-height: 26px;
    }

    h4 {
        font-size: 16px;
        line-height: 24px;
    }

    h5 {
        font-size: 15px;
        line-height: 22px;
    }

    h6 {
        font-size: 15px;
        line-height: 22px;
    }

    blockquote, .blockquote {
        font-size: 23px;
        line-height: 31px;
        padding: 30px 25px 40px;
    }

    /********** TABLES **********/
    thead th {
        font-size: 14px;
        line-height: 17px;
    }

    td {
        font-size: 13px;
        line-height: 16px;
    }

    /********** BREADCRUMBS **********/
    .sub-banner {
        padding: 20px 0 10px;
    }

        .sub-banner .breadcrumb li {
            font-size: 12px;
        }

        .sub-banner .breadcrumb a {
            font-size: 12px;
        }

    /********** MODALS **********/
    /* Wholesale Popup */
    #joinNowModal h2 {
        font-size: 32px;
        line-height: 36px;
    }

    #joinNowModal p {
        font-size: 15px;
        line-height: 24px;
    }

    #joinNowModal .modal-content {
        padding: 40px 10px;
    }

    #joinNowModal .btn-default,
    #joinNowModal .btn-default:visited {
        font-size: 16px;
        line-height: 44px;
        height: 44px;
    }

    /********** HEADER **********/
    .header-style-2 {
        /*height: 112px;*/
        height: auto;
    }

    header .logo {
        margin-top: 21px;
        margin-bottom: 21px;
    }

    /* Promo Bar */
    .promo-bar {
        font-size: 9px;
        letter-spacing: 1px;
    }

        .promo-bar .container {
            padding-left: 10px;
            padding-right: 10px
        }

    /* Top Bar */
    .top-bar {
        line-height: 30px;
        height: 36px;
    }

        .top-bar .container {
            padding-left: 10px;
            padding-right: 10px
        }

        .top-bar ul.social-icons {
            display: none;
        }

    .top-links.social-links li {
        margin-left: 0;
    }

    .social-links.top-links li a {
        line-height: 30px;
        margin-left: 0;
    }

    .top-bar a, .top-bar a:visited, .top-links li a, .top-links li a:visited {
        font-size: 10px;
        margin-left: 11px;
    }

    .top-links.pull-left a {
        margin-right: 4px;
    }

        .top-links.pull-left a.phone {
            padding-left: 20px;
        }

        .top-links.pull-left a.email {
            padding-left: 20px;
        }

    .top-links i {
        font-size: 13px;
    }

        .top-links i.icon-phone {
            line-height: 14px;
        }

        .top-links i.icon-envelope {
            font-size: 13px;
        }

    .gst-text {
        margin: 11px 0 10px;
    }

    /* Middle Bar */
    .middle-bar .col-xs-6:first-of-type {
        padding-right: 0;
    }

    .gst-price {
        display: none;
    }

    header nav .ownmenu li.menu-toggle-wrapper {
        margin-top: 0;
        padding-left: 8px;
    }

    header .is-sticky .sticky {
        height: 62px;
        padding-top: 0;
    }

    .header-style-2 .is-sticky .sticky .logo {
        margin-top: 22px;
    }

    header .is-sticky .sticky > .container {
        height: 62px;
    }

    header .is-sticky .sticky .menu {
        top: 62px;
    }

    .header-style-2 .is-sticky .sticky .ownmenu > li.shop-cart a {
        padding: 0;
    }

    header .is-sticky .sticky .shop-cart .numb {
        top: -9px;
    }

    .menu-toggle .bar {
        margin-bottom: 3px !important;
        width: 20px !important;
    }

    /* My Account Menu */
    .myaccount li.sub-menu:hover > ul.dropdown {
        position: absolute !important;
        width: 250px !important;
        top: 34px;
        left: inherit;
        right: 0;
    }

    header .myaccount.ownmenu {
        overflow-y: inherit;
    }

    .myaccount .sub-menu i.icon-user {
        font-size: 13px;
        margin-right: 0;
    }

    /********** SHOPPING CART PREVIEW **********/

    header .shop-cart .numb {
        right: -10px;
    }

    header .ownmenu > li.shop-cart {
        margin-left: 0;
        margin-right: 25px;
    }

        header .ownmenu > li.shop-cart a {
            padding: 0;
        }

        header .ownmenu > li.shop-cart i {
            font-size: 20px;
        }

    /********** SEARCH **********/
    header .search-nav button {
        font-size: 17px !important;
        height: 34px;
        margin-top: -34px;
    }

    header .search-nav .form-control {
        font-size: 12px;
        line-height: 34px;
        height: 34px;
    }

    header .ownmenu > li.search-nav a {
        padding: 1px 0;
    }

    header .ownmenu > li.search-nav i {
        font-size: 20px;
    }

    header .search-nav ul.dropdown {
        position: absolute !important;
        width: 100% !important;
        left: -30px;
        right: inherit;
        top: 22px;
        min-width: 300px;
    }

    /********** REV SLIDER **********/
    .home-slider .small-title {
        font-size: 10px !important;
        font-weight: 400;
        line-height: 20px !important;
        margin-bottom: 35px !important;
    }

    .home-slider .large-title {
        font-size: 20px !important;
        line-height: 30px !important;
        margin-bottom: 20px !important;
    }

    .home-slider .description {
        font-size: 10px !important;
        line-height: 20px !important;
        margin-bottom: 5px !important;
    }

    a.btn-slider,
    a.btn-slider:visited {
        font-size: 12px !important;
        line-height: 30px !important;
        height: 30px;
        padding: 0 30px !important;
    }

        a.btn-slider i {
            font-size: 14px !important;
            margin-left: 10px;
        }


    .tp-bullets.preview4 .bullet,
    .tp-bullets.preview4 .bullet:hover,
    .tp-bullets.preview4 .bullet.selected {
        height: 8px !important;
        margin: 0 4px !important;
        width: 8px !important;
    }

    .tparrows.preview4:after {
        font-size: 30px;
        line-height: 90px;
        width: 30px;
        height: 30px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    .popurlar_product li img {
        height: 273px;
    }

    /********** PROMO TILES **********/
    .promo-tile-list .caption .title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .promo-tile-list .caption .cta-text {
        font-size: 13px;
        line-height: 18px;
    }

        .promo-tile-list .caption .cta-text > i {
            font-size: 9px;
            line-height: 9px;
        }

    /********** GENERIC CONTENT TEMPLATES **********/
    .full-width iframe {
        height: 200px;
    }

    .two-col iframe {
        height: 200px;
    }

    /********** PRODUCT CATEGORY TILES **********/
    #products-list.section {
        padding: 40px 0;
    }

    /********** SHOPPING CART PAGE **********/
    .chart-page .payment_steps {
        margin: 15px 0 30px;
        padding: 0 0 15px;
        border-bottom: 1px solid #ebebeb;
    }

        .chart-page .payment_steps i.icon-cart {
            font-size: 16px;
        }

        .chart-page .payment_steps i {
            font-size: 14px;
        }

            .chart-page .payment_steps i.icon-tick-circle {
                font-size: 15px;
            }

        .chart-page .payment_steps i {
            line-height: 37px;
            height: 36px;
            width: 36px;
        }

        .chart-page .payment_steps h6 {
            font-size: 10px;
            line-height: 17px;
            margin: 7px 0;
        }

            .chart-page .payment_steps h6:before {
                top: 42px;
            }

    /********** BACK TO TOP **********/
    .cd-top {
        bottom: 90px;
        right: 20px;
    }

    /********** FOOTER **********/
    /* Prefooter */
    #prefooter {
        padding: 50px 0;
    }

        #prefooter .col-xs-3 {
            text-align: left;
            width: 100%;
        }

    .benefits .item img {
        display: inline-block !important;
        margin: 0 0 20px;
        width: 40px;
    }

    .benefits .caption {
        display: inline-block;
        margin-left: 25px;
        padding: 10px 0;
    }

        .benefits .caption > .title,
        .benefits .caption > .title:visited {
            font-size: 13px;
            line-height: 19px;
            letter-spacing: 2px;
        }

        .benefits .caption > .desc {
            font-size: 13px;
            line-height: 19px;
            display: block;
            letter-spacing: 2px;
        }

    /* Mega Footer */
    .footer-links .col-xs-6 {
        width: 100%;
    }

    /* Mobile Header  */
    header nav.webimenu#topMenu ul.ownmenu>li.menu-toggle-wrapper {
        margin-top: 13px;
        padding: 0px !important;
    }

    .middle-bar .col-xs-6:first-of-type {
        padding-left: 10px;
    }

    .middle-bar .col-xs-6:last-of-type {
            padding-right: 10px;
    }



}


@media (max-width: 360px) {

}