/*DBG Fixes*/
.master-home-page {
    background: url('../img/background1.jpg') center 28px no-repeat;
}

.order-progress {
    display: none;
}

.footer-store-theme {
    display: none !important;
}

.form-fields {
    box-shadow: none !important;
}

.bar-notification {
    bottom: 0;
    top: auto;
    padding: 5px 0;
}

    .bar-notification .close {
        padding: 3px;
        margin: 2px 10px;
    }

/* Products */
.item-box .product-title {
    font-size: 16px;
}

    .item-box .product-title a {
        height: 48px;
    }

.attributes dt {
    width: auto;
    background: none;
}

.giftcard div {
    margin: 5px 0;
}

.giftcard label {
    display: block;
    float: none;
    margin-left: 0;
    font-size: 0.8em;
    line-height: 15px;
}

body .addProductVariantToCartErrors ul {
    margin: 5px 20px;
}

body .addProductVariantToCartErrors li {
    font-size: 0.8em;
    margin: 0 0 5px;
}

.sub-category-grid .item-box {
    width: 260px;
}

.contacts-table {
    text-align: center;
}

.center-1 .filtersTitlePanel, .center-1 .filtersPanel, .center-1 .filter-block {
    display: inline-block;
}

#dbg-filter-toggle .inactive {
    transform: rotate(0);
}

.filtersTitle {
    display: none !important;
}

.filtersDropDownPanel select {
    background-position: 90% center;
}

body .jDropDown li:nth-child(6) span {
    display: block !important;
}

body .slider-wrapper img {
    /*max-height: 30vh;
    object-fit: cover;*/
}

div .header-logo a img {
    max-width: 74%;
}

#feature-box-13 img {
    max-width: 97%;
}

body .filter-block a.toggleControl.closed {
    background: url(../../Content/img/Dbg/double-right-arrow-white.png) 96% center no-repeat !important;
    padding-left: 3%;
}

body .filter-block a.toggleControl {
    display: block;
    padding: 10px 0 10px 3%;
    background: url(../../Content/img/Dbg/double-down-arrow-white.png) 96% center no-repeat;
}

.water-sports #dbg-filter-toggle {
    display: none;
}

.water-sports #dbg-filters {
    display: none;
}

span#recaptcha {
    width: auto !important;
}

.sub-category-grid .item-box:nth-child(3n+1) {
    margin-left: 0;
}

.sub-category-grid .item-box:first-child {
    /*margin-left: 0;*/
}

.item-box .picture, .sub-category-grid .item-box .picture {
    width: 260px;
}

.sub-category-grid .item-box h2 {
    font-size: 20px;
}
/* Footer */
.bottom .dbg {
    float: right;
}

.footer-col {
    /*display: inline-block;
        width: 22%;
        float: left;
        text-align: center;*/
}

    .footer-col ul li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.footer {
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    width: 100%;
    padding: 0;
}

.footer-upper {
    background: #f65614;
    color: #fff;
    width: 980px;
    margin: 0 auto;
    padding: 20px 30px;
}

.footer-col.col-4 .footer-right {
    background: #fff;
}

.footer-col.col-4 img {
    margin: 2px;
    /* background: #fff; */
    margin-top: 22%;
}

@media only screen and (max-width: 1059px) {
    .footer {
        width: 980px;
        background: #f65614;
        margin: 0 auto;
    }

    .footer-upper {
        padding: 20px 0;
        width: 100%;
    }

    .footer-col {
        width: 50%;
    }

        .footer-col h3,
        .footer-col ul {
            padding-left: 10px;
            padding-right: 10px;
        }

        .footer-col.col-4 .footer-right {
            margin-left: 10px;
            margin-right: 10px;
        }
}

@media only screen and (max-width: 480px) {
    .footer-col {
        width: 100%;
    }
}


/* Newsletter */
.subscribe-to-newsletter {
    float: right;
    text-align: right;
}

.newsletter-subscribe-block {
    width: 350px;
    float: right;
}

.subscribe-to-newsletter h3 {
    margin-bottom: 10px;
}

.subscribe-to-newsletter label {
    color: #444;
}

.newsletter-validation {
    position: relative;
    width: 100%;
    height: auto;
}
/* Payment Methods */
.accepted-payment-methods .method4, .accepted-payment-methods .method5 {
    display: none;
}
/* Remove background images */
.page-title, .forums-main-page .topic-html-content-title, .nop-jcarousel .carousel-title {
    background: #fff !important;
    padding: 10px 10px 10px 20px !important;
}

.home-page-category-grid .title, .sub-category-grid .title, .manufacturer-grid .title {
    background: #fff;
    padding: 13px 15px !important;
}

.home-page-product-grid .product-title {
    background: #ddd;
    padding: 10px 10px 10px 15px;
}

.manufacturer-grid .title {
    background: none;
    padding: 10px 0 10px 20px;
}

.product-review-item .review-title {
    background: none;
    padding: 2px 0 2px 25px;
}

.order-progress a {
    background: none;
}

.mega-menu .title {
    background: none !important;
    padding: 8px 0 !important;
}

/*theme overrides*/
body {
    background: none !important;
    color: #666666;
    font-family: 'Droid Sans', sans-serif;
    font-size: 14px;
}

input, textarea, select, button {
    font-family: 'Droid Sans', sans-serif;
}

h1, h2, h3, h4, .header, .home-page-top {
    font-family: 'Oswald', sans-serif;
    color: #000;
    text-transform: uppercase;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
    text-transform: capitalize;
}

.master-wrapper-page {
    /*background: url('../img/Dbg/img-bg.jpg') no-repeat center top fixed !important;
    background-size: cover !important;*/
    background: none;
}

.master-wrapper-content {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    width: auto;
}

@media screen and (min-width: 1060px) {
    .master-wrapper-content {
        width: 95%;
    }
}
/*.footer { background: #fff; background: rgba(255, 255, 255, 1);}*/
.master-wrapper-main {
    padding: 0 0 20px;
}

textarea {
    font-family: 'Droid Sans', sans-serif;
}

.opc .step-title span {
    font-weight: bold;
    font-family: 'Oswald', sans-serif;
}
/*template widths*/
@media screen and (min-width: 981px) {
    .admin-header-links {
        display: inline-block;
    }

    .header-menu > ul > li {
        display: inline-block;
        float: left;
    }

    .header-line {
        position: relative;
        background: none;
        margin: 0;
    }

        .header-line .center {
            width: 980px;
            margin: 0 auto;
        }

    .grey-bg {
        position: absolute;
        height: 32px;
        background: #000;
        opacity: 0.7;
        width: 100%;
    }

    .bottom {
        overflow: hidden;
    }

        .bottom .center {
            position: relative;
            width: 980px;
        }
    /*.bottom-grey-bg { height: 40px;}*/
}

@media screen and (min-width: 1060px) {
    .header-line .center, .columns-one .page-body, .bottom .center {
        padding: 0 30px;
    }
}

@media screen and (min-width: 1020px) and (max-width: 1059px) {
    .header-line .center, .master-wrapper-content, .footer, .bottom .center {
        padding: 0 10px;
    }
}

@media screen and (min-width: 981px) and (max-width: 1019px) {
    .header-line .center, .master-wrapper-content, .footer, .bottom .center {
        padding: 0 3px;
    }
}
/*header*/
.header-line {
    background: none;
    min-height: 32px;
    margin: 0 !important;
}

.admin-header-links {
    position: relative;
}

    .admin-header-links .impersonate, .header-links-wrapper span, .header-links-wrapper a {
        color: #fff;
    }

    .admin-header-links a {
        border: none !important;
        background: none;
        line-height: 32px;
        font-size: 14px;
    }

        .admin-header-links a:hover {
            background: none;
        }

.header-links {
    line-height: 32px;
}

    .header-links span, .header-links a {
        color: #fff;
    }

    .header-links .cart-qty {
        background: url(../img/icon3.png)left center no-repeat;
    }

.header-links-wrapper span, .header-links-wrapper a, .mini-shopping-cart, .mini-shopping-cart .totals {
    font-size: 14px
}

.header {
    padding: 15px 0 0;
}

.header-logo {
    margin: 10px 0;
}

    .header-logo a {
        margin: 17px 0 10px 0 !important;
    }

.header-middle {
    margin: 39px -57px;
    float: left;
}

.search-box {
    float: none;
    clear: left;
    border: 1px solid;
    padding: 0px;
}

    .search-box input.search-box-text, .search-box input.search-box-text:focus {
        border: none !important;
        height: 38px;
        width: 165px;
    }

    .search-box .search-box-button {
        background: #f65614 url('../img/Dbg/icon-search.png') center center no-repeat;
        height: 38px;
        width: 38px;
    }

        .search-box .search-box-button:hover {
            opacity: 0.8;
            background: #f65614 url('../img/Dbg/icon-search.png') center center no-repeat;
        }

.header-middle > .follow-us {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px;
}

body .social-sharing a {
    display: block;
    width: 100px;
    height: 33px;
    text-indent: -99999px;
    margin: 0 auto;
}

.footer-social-icons {
    display: none;
}

.footer-col ul.social-sharing li {
    clear: both;
    margin: 5px 0;
    width: 100%;
}

.social-sharing a:first-child {
    margin-left: inherit;
}

.social-sharing {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

    .social-sharing a {
        display: inline-block;
        width: 52px;
        height: 52px;
        text-indent: -99999px;
    }

        .social-sharing a:hover {
            opacity: 1.0;
        }

        .social-sharing a.facebook {
            background: url('../img/Dbg/facebook-logo1.jpg') no-repeat;
            opacity: 0.8;
            background-size: cover;
            background-position: center;
        }

            .social-sharing a.facebook:hover {
                opacity: 1;
            }

        .social-sharing a.instagram {
            width: 125px;
            background: url('../img/Dbg/instagram-logo.jpg') no-repeat;
            background-size: cover;
            opacity: 0.8;
            background-position: center;
        }

            .social-sharing a.instagram:hover {
                opacity: 1;
            }

        .social-sharing a.twitter {
            background: url('../img/Dbg/icon-twitter-grey.png');
        }

            .social-sharing a.twitter:hover {
                background: url('../img/Dbg/icon-twitter-colour.png');
            }

        .social-sharing a.linkedin {
            background: url('../img/Dbg/icon-linked-grey.png');
        }

            .social-sharing a.linkedin:hover {
                background: url('../img/Dbg/icon-linked-colour.png');
            }

        .social-sharing a.youtube {
            background: url('../img/Dbg/icon-yout-grey.png');
        }

            .social-sharing a.youtube:hover {
                background: url('../img/Dbg/icon-yout-colour.png');
            }

.header-right {
    float: right;
    margin: 10px 0;
}

    .header-right .phone {
        font-size: 26px;
        margin: 0 0 4px;
    }

    .header-right .address {
        font-size: 20px;
    }
/*menu*/
.header-menu .mega-menu {
    height: 45px;
    width: 100%;
}

.header-menu > ul.mega-menu > li {
    float: none;
}

    /*.mega-menu li:hover, .header-menu > ul.mega-menu > li > a:hover, .header-menu > ul.mega-menu > li:hover > a {
        background: #000;
    }*/
    .header-menu > ul.mega-menu > li > a {
        font: bold 16px/35px 'Oswald', sans-serif;
        margin: 5px 0;
        border-right: 1px solid #ff6600;
        padding: 0 12px;
    }

    .header-menu > ul.mega-menu > li:first-child > a {
        padding: 0 24px;
    }

    .header-menu > ul.mega-menu > li:last-child > a {
        border-right: none;
    }

/*home page*/
.home-page-content-container {
    max-width: 1580px;
    margin: auto;
}

.home-page-content {
    padding: 0 0 30px;
    clear: both;
    display: flex;
    justify-content: center;
}

    .home-page-content:after {
        content: "";
        display: block;
        clear: both;
    }

.home-page-top {
    clear: both;
    margin: 0 0 40px 0;
    font-size: 0px;
}
    /*little hack here to prevent in-line block elements having white space between them*/
    .home-page-top .feature-container {
        display: inline-block;
        color: #ffffff;
    }

    .home-page-top > div .large {
        position: relative;
        display: inline-block
    }

        .home-page-top > div .large .content {
            position: absolute;
            top: 115px;
            width: 100%;
        }

            .home-page-top > div .large .content h2 {
                font-size: 40px;
                font-weight: normal;
                text-align: center;
                color: #fff;
                background: #000;
                background: rgba(0, 0, 0, 0.7);
            }

            .home-page-top > div .large .content span {
                background: #000;
                background: rgba(0, 0, 0, 0.7);
                font-size: 32px;
                float: right;
                height: 50px;
                line-height: 50px;
                text-align: right;
                margin: 10px 0;
                padding: 0 60px 0 10px;
            }

                .home-page-top > div .large .content span:after {
                    content: ">";
                    font-size: 0;
                    background: url('../img/Dbg/icon-arrow.png') no-repeat center center;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    bottom: 15px;
                    right: 4px;
                }

    .home-page-top > div .container .small {
        position: relative;
        display: inline-block;
    }

        .home-page-top > div .container .small .content {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            background: #000;
            background: rgba(0, 0, 0, 0.7);
            font-size: 15px;
            height: 50px;
            line-height: 50px;
        }

            .home-page-top > div .container .small .content span {
                margin: 0 10px;
            }

                .home-page-top > div .container .small .content span:after {
                    content: ">";
                    text-indent: -99999px;
                    background: url('../img/Dbg/icon-arrow.png') no-repeat center center;
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    bottom: 5px;
                    right: 4px;
                }

        .home-page-top > div .container .small .double {
            line-height: 25px;
        }

            .home-page-top > div .container .small .double span {
                display: block;
                width: 62%;
            }

.home-page .slider-wrapper {
    overflow: hidden;
}

.home-page-category-grid .category-item:nth-child(n+7) {
    display: none;
}

.home-page-content > div {
    width: 40%;
}

@media screen and (max-width: 980px) {

    .home-page-content {
        flex-direction: column;
        padding: 0 20px 30px;
    }

        .home-page-content > div {
            width: 100%;
        }
}
/*orange box*/
.home-page-top > div.orange-box {
    border: 5px solid #f65614;
}

    .home-page-top > div.orange-box .large .content span {
        color: #f65614;
    }

        .home-page-top > div.orange-box .container .small .content span:after, .home-page-top > div.orange-box .large .content span:after {
            background-color: #f65614;
        }
/*blue box*/
.home-page-top > div.blue-box {
    border: 5px solid #1cb1ff;
}

    .home-page-top > div.blue-box .large .content span {
        color: #1cb1ff;
    }

        .home-page-top > div.blue-box .container .small .content span:after, .home-page-top > div.blue-box .large .content span:after {
            background-color: #1cb1ff;
        }
/*product boxes*/
.item-box .prices, .item-box .buttons {
    text-align: center;
    padding: 8px 10px 4px;
}
/*footer*/
body #newsletter-subscribe-button {
    text-indent: 0;
    width: auto;
    padding: 0 20px;
    background: #f65614;
    clear: both;
    float: right;
    margin-top: 15px;
    opacity: 0.75;
}

#newsletterfirstname, #newsletterlastname {
    display: none;
}

#newsletterfirstname, #newsletterlastname {
    height: 42px;
    line-height: 42px;
    width: 116px;
    margin: 0 4px 4px 0;
}

#newsletterlastname {
    margin: 0 0 4px 0;
}

.newsletter-text {
    border: 1px solid #ff6600;
}

.email-box {
    padding: 2px;
}

#newsletter-email {
    border: 1px solid #f65614;
    height: 37px;
    line-height: 37px;
    width: 208px;
    float: none;
    margin-left: 5px;
}

#newsletter-subscribe-button {
    background: #f65614 url('../img/Dbg/icon-signup.png') center center no-repeat;
    height: 38px;
    width: 38px;
}

    #newsletter-subscribe-button:hover {
        opacity: 1;
    }

.footer {
    border-top: 1px solid #bebebf;
    width: auto !important;
}

.footer-lower > div {
    float: right;
}

    .footer-lower > div:nth-child(2) {
        margin: 30px 0 10px;
        float: right;
    }

        .footer-lower > div:nth-child(2) img {
            margin: 0 0 10px 10px;
        }

    .footer-lower > div:nth-child(3) {
        width: 330px;
        margin: 30px 30px 10px;
    }
/*bottom*/
.bottom {
    background: none;
    color: #fff;
    font-size: 13px;
}

    .bottom .center {
        background: #333333;
        text-align: center;
    }

        .bottom .center div {
            line-height: 38px;
            text-align: center;
            float: none;
            display: inline-block;
        }

            .bottom .center div a {
                color: #ffffff;
            }

            .bottom .center div p {
                display: inline-block;
                margin: 0 10px;
            }

                .bottom .center div p:first-child:before {
                    content: "";
                }
                /*.bottom .center div p:before { content: "/";}*/
                .bottom .center div p a {
                    margin: 0 10px;
                }
/*other*/
.home-page .topic-html-content, .upcoming-events {
    float: left;
}

.home-page .topic-html-content {
    margin-bottom: 0;
}

.upcoming-events {
    margin: 60px 0 0 18px;
}

    .upcoming-events a {
        background: url('../img/Dbg/icon-calander.png') no-repeat left center;
        display: block;
        width: 310px;
        height: 83px;
        text-align: right;
        line-height: 83px;
        margin: 0 10px 0 0;
    }

.news-list-homepage {
    clear: both;
}

.news-items .item {
    padding: 0;
    background: none;
}

    .news-items .item > div {
        padding: 15px;
        margin: 0;
    }

    .news-items .item .read-more {
        margin: 15px;
    }

.read-more-block {
    text-align: right;
}

.news-items .read-more {
    float: none;
}

.news-date {
    font-size: 15px;
    font-style: normal;
}

.block-category-navigation > .listbox > .list > li.hide {
    display: none;
}

.item-box .actual-price {
    color: #000;
}

.item-box .old-price {
    font-size: inherit;
    color: #000;
}
/*common*/
input[type="text"], input[type="password"], .search-box, /*.header-menu,*/ input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select, select:focus, textarea {
    border: 1px solid #f65614;
}

.header-line .center {
    background: #f65614;
    min-height: 32px;
}

.header-right .phone, .news-title, .news-title:hover {
    color: #f65614;
}

.header-menu {
    background: #333333;
    text-align: center;
}

    .header-menu .dropdown .box {
        text-align: left;
    }

.light-grey-box, .page-title, .topic-page .page-body, .contact-page .page-body, .email-a-friend-page .page-body, .item-box, .news-items .item, .news-item-page .page-body {
    border: 1px solid #cccccc;
}

.light-grey-bg, .upcoming-events {
    background: #ccc;
    background: rgba(204, 204, 204, 0.5);
}

.white-bg, .news-details, .read-more-block {
    background: #ffffff;
    background: rgba(255, 255, 255, 1);
}
/*buttons*/
input[type="submit"], input[type="button"], .news-items .read-more, .write-review .button-1, .overview .email-a-friend-button {
    background: #1cb1ff;
    border: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    text-transform: capitalize;
}

    input[type="submit"], input[type="button"], .news-items .read-more:hover, .write-review .button-1:hover, .overview .email-a-friend-button:hover {
        background: #1cb1ff;
        opacity: 0.8;
    }

body .item-box input[type="button"], body .item-box .buynow-button, .shopping-cart-page .button-1, .checkout-page .button-1, .order-details-page .button-1, .return-items-button,
.mini-shopping-cart input[type="button"], .overview .add-to-cart-button, .variant-overview .add-to-cart-button,
.registration-page .button-1, .login-page .button-1, .registration-result-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .account-page .button-2,
.return-request-page .button-1 {
    background: #f65614 !important;
    border-color: #f65614;
    color: #fff;
    text-transform: capitalize;
}

    .shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .mini-shopping-cart input[type="button"]:hover {
        border-color: #f65614;
        color: #fff;
    }

.cart-footer .cart-collaterals {
    width: 585px;
}

.cart-footer .deals .button-2 {
    padding: 6px 10px;
    margin-left: 0;
}

.cart-footer .shipping {
    width: 270px;
}

body .cart-footer .shipping select {
    width: 150px !important;
}

body .cart-footer .shipping input[type="text"] {
    width: 136px !important;
}

body .cart-footer .shipping .shipping-results .option-description {
    display: none;
}

.cart-footer .totals {
    width: 320px;
}

.cart-total-left {
    max-width: 200px !important;
    width: 200px;
}

.cart-total-right {
    width: 74px;
    text-align: right;
}

.checkout-page select {
    padding: 5px;
}

.checkout-page .payment-info #eWAYBlock {
    margin: 10px 0;
}

.checkout-page .payment-info td {
    padding: 2px 0
}

.checkout-page .opc .section.confirm-order {
    box-shadow: none;
}

.checkout-page .read:hover {
    cursor: pointer;
}

/*min 980*/
@media screen and (min-width: 980px) {
    .giftcard {
        width: 100%;
        margin-bottom: 0;
    }

        .giftcard > div {
            width: 49%;
            margin: 0 1% 8px 0;
            clear: none;
        }

            .giftcard > div:last-child {
                width: 95%;
            }

            .giftcard > div input {
                width: 90%;
            }

            .giftcard > div textarea {
                width: 100%;
                height: 50px;
            }

    .checkout-page .payment-info table {
        width: 50%;
        display: inline-block;
    }

        .checkout-page .payment-info table td {
            padding: 2px 70px 2px 0;
        }

    .checkout-page .payment-info #eWAYBlock {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }
}
/*980*/
@media screen and (max-width: 980px) and (min-width: 769px) {
    .master-wrapper-content, .footer, .bottom .center {
        padding: 0 5px !important;
    }

    .master-home-page .master-wrapper-content .header-menu {
        width: auto;
        max-width: 600px;
    }

    .header-line .center {
        padding: 0 5px;
    }

    .item-box input[type="button"], .item-box .buynow-button {
        padding: 5px 10px !important;
    }

    body .home-page-category-grid .title, .sub-category-grid .title, .manufacturer-grid .title {
        padding: 13px 15px !important;
    }

        body .home-page-category-grid .title a, .sub-category-grid .title a, .manufacturer-grid .title a {
            background: #fff;
            padding: 0 !important;
        }

    .home-page-top {
        margin: 0 auto 20px;
        width: 490px;
    }
    /*footer*/
    .subscribe-to-newsletter {
        padding: 0 !important;
    }

    .footer-lower > div:nth-child(3) {
        float: none !important;
        margin: 0px auto;
        clear: both;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }

    .bottom .center div {
        float: none !important;
        line-height: 38px;
    }
    /*other*/
    .home-page .topic-html-content, .upcoming-events {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .header-logo, .header-selectors-wrapper, .search-box {
        float: none;
        text-align: center;
    }
}
/*768*/
@media screen and (max-width: 768px) and (min-width: 481px) {
    .item-box input[type="button"], .item-box .buynow-button {
        padding: 5px 10px !important;
    }

    .item-box input[type="text"] {
        height: 32px !important;
        width: 40px !important;
    }

    .master-wrapper-page .master-wrapper-content .header-menu {
        width: auto;
        max-width: 530px;
    }

    .home-page-category-grid .title, .sub-category-grid .title, .manufacturer-grid .title {
        padding: 13px 15px !important;
    }

        .home-page-category-grid .title a, .sub-category-grid .title a, .manufacturer-grid .title a {
            background: #fff;
            padding: 0 !important;
        }

    .home-page-top {
        margin: 0 auto 20px;
        width: 490px;
    }
    /*footer*/
    .footer-lower {
        margin-bottom: 0px !important;
    }

        .footer-lower > div:nth-child(2) img {
            display: block;
        }

        .footer-lower > div:nth-child(3) {
            float: none !important;
            margin: 0px auto;
            clear: both;
            width: 100%;
            text-align: center;
        }

    .email-box {
        border: none !important;
        padding: 0 !important;
    }

    .newsletter-email input[type="text"] {
        width: 250px !important;
        float: none;
        border: 1px solid #f65614 !important;
    }

    #newsletter-subscribe-button, #newsletter-subscribe-button:hover {
        height: 38px;
    }

    .newsletter-validation, .newsletter-result-block {
        position: inherit;
        width: auto;
    }

    .bottom .center div {
        float: none !important;
        line-height: 38px;
    }

        .bottom .center div p {
            display: block;
        }
    /*.bottom .center div p:before { content: "";}*/
    /*header*/
    .header {
        margin-bottom: 0;
        padding: 20px 0 10px 0 !important;
    }

    .header-middle {
        width: 364px;
        margin: 20px auto 20px !important;
        float: none !important;
        clear: both;
    }

    .search-box input.search-box-text {
        height: 38px !important;
    }
    /*.social-sharing li { margin-left: 22px !important; }*/
    .header-right {
        width: 300px;
        margin: 0 auto 20px !important;
        float: none !important;
        clear: both;
        text-align: center;
    }
    /*other*/
    .home-page .topic-html-content, .upcoming-events, .news-list-homepage, .footer-lower {
        float: none;
        width: 95%;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 540px) {
    .master-wrapper-main {
        margin: 0px auto;
    }

    .home-page-top {
        width: 100%;
    }

        .home-page-top > div .large .content {
            top: 30%;
        }

            .home-page-top > div .large .content h2 {
                font-size: 25px;
            }

            .home-page-top > div .large .content span {
                font-size: 20px;
            }

        .home-page-top > div .container .small span {
            font-size: 12px;
        }

        .home-page-top > div .container .small .double span {
            width: 100%;
            margin: 0;
        }

        .home-page-top span:after {
            display: none !important;
        }

        .home-page-top img {
            width: 100%;
            height: auto;
        }

        .home-page-top > div.orange-box > .container > .small {
            width: 50%;
        }

        .home-page-top > div.blue-box > .container > .small {
            width: 33.3%;
        }

    .upcoming-events a {
        width: 100%;
    }

    .contacts-table {
        text-align: center;
        clear: both;
        display: block;
        float: none;
        padding-bottom: 30px;
    }
}

/* DBG ADDED 24/07/2015 */
/* sidebar block */
#sidebar-block .topic-html-content-title {
    background: #333;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
}

    #sidebar-block .topic-html-content-title h1 {
        font-size: 15px;
        font-family: 'Droid Sans', sans-serif;
        font-weight: normal;
        color: #fff;
    }

#sidebar-block .topic-html-content-body {
    background: #f6f6f6;
    padding: 10px;
}

#sidebar-block > h5 {
    background: #333;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 15px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: normal;
    color: #fff;
    display: block;
}

#sidebar-block a {
    font-weight: bold;
    color: #333;
}

#sidebar-block > p,
#sidebar-block img {
    margin: 0;
    padding: 10px;
    background: #f6f6f6;
}

    #sidebar-block > p:first-child {
        padding-top: 15px;
    }

    #sidebar-block > p:last-child {
        padding-bottom: 15px;
    }

.topic-html-content-title h2 {
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 26px;
    font-weight: bold;
}

/* New Design Updates August 2016 */
.header-menu.top-menu {
    display: block;
    width: 1040px;
    margin: 0 auto;
    max-width: 100%;
    border: 0;
    box-shadow: none;
    text-align: center;
    height: 45px;
    z-index: 9999 !important;
}
/* Update Jul/2020 Start */
/*.master-wrapper-content .header-menu, .header-middle .phone, .header-middle .address {
    display: none;
}*/
.header-menu .mega-menu .main_menu_home_icon a {
    background: url(/Themes/Alfresco/Content/img/dbg/home.png) no-repeat center;
    font-size: 0;
}

.header-menu .mega-menu .dropdown .picture {
    display: none !important;
}

.header-menu .mega-menu li:nth-child(4) .dropdown.fullWidth {
    /*display: block !important;*/
}

.header-menu .mega-menu .dropdown.fullWidth {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.header-menu .mega-menu .subcategories {
    margin-left: 0;
}
/* Update Jul/2020 End */
.header-middle .phone {
    color: #f65614;
    font-size: 26px;
    margin: 0 0 24px;
    text-align: center;
    display: none;
}

.mega-menu-responsive a:after {
    content: "";
    display: block;
    right: 5px;
    width: 35px;
    height: calc(100% - 10px);
    top: 5px;
    background: url('../img/Dbg/icon-arrow.png') no-repeat center center #f65614;
}

.remove-discount-button, .remove-gift-card-button {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTlGOTIwRTE4QjEyMTFFMjk2MTFBOTI3MEVBRUJDRDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTlGOTIwRTI4QjEyMTFFMjk2MTFBOTI3MEVBRUJDRDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOUY5MjBERjhCMTIxMUUyOTYxMUE5MjcwRUFFQkNENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOUY5MjBFMDhCMTIxMUUyOTYxMUE5MjcwRUFFQkNENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrrcwGMAAADbSURBVHjaYvC2s/gPxC3///9nQMZAsVKQHJO5te1GNja2al8Hq3YGKACyS4FiXfpGxrsYgaoNW2sqas+dOhH4+/fvDqD8O1ZW1i4NHd1drX2T62BGGgAVrQv1cPoPwtWFuTuBYuYgORaoqRdevXzxkJGJiYGRkZHhw4f3L4BiJ0ESICsYglztS9nZ2btUNbV2cXFxf7149nTgz58/O9btPljJfPnYwVIODo4uNU3tXU3d/XU2js777t66Kf729evUZQvmcjAEuzv+ry8rhNsJc1NHQ806kBxAgAEAkMl6KBuCQd8AAAAASUVORK5CYII=) center no-repeat !important;
}

@media screen and (max-width: 980px) {
    .header-menu.top-menu {
        width: 1000px;
    }
}

@media screen and (max-width: 1020px) {
    .header-menu.top-menu {
        width: 986px;
    }
}

@media all and (min-width: 1025px) {
    #product-subcategories {
        padding-top: 1px;
    }
}
/* Mobile */
@media screen and (max-width: 980px) {

    /*.home-page-content {
        padding: 0 10px;
    }*/

    .footer-lower > div:nth-child(2) {
        margin: 0 0 10px;
    }

    .footer-lower > div:nth-child(3).sa-icon {
        display: inline-block;
    }

    .footer-lower {
        text-align: center;
    }

        .footer-lower > div {
            float: none;
        }

    /*body .home-page-category-grid .category-item:nth-child(n+7) {
        display: inherit;
    }*/

    #dbg-filter-toggle .active {
        transform: rotate(268.5deg);
    }

    #dbg-filter-toggle span {
        float: right;
        height: 17px;
        width: 11px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../../Themes/Alfresco/Content/img/icon-arrow.png);
    }

    .sub-category-grid .item-box:nth-child(2n+1) {
        margin-left: 16px;
    }

    .footer-lower > div.footer-social-icons {
        display: block !important;
        float: none !important;
        text-align: center;
        margin-bottom: 0 !important;
        clear: both;
    }

        .footer-lower > div.footer-social-icons .social-sharing {
            margin: 0;
            float: none;
            margin-top: 15px !important;
            margin-bottom: 0 !important;
        }

            .footer-lower > div.footer-social-icons .social-sharing a {
                opacity: 1 !important;
            }

    .master-wrapper-content .header-menu {
        display: block;
        position: relative;
        border: 0;
        z-index: 1;
    }

    .header-menu.top-menu {
        display: none;
    }

    .home-page .topic-html-content, .upcoming-events {
        margin-bottom: 0 !important;
    }

    /* Header */
    .header {
        padding: 1px 0;
    }

    .header-right, .header-middle .social-sharing, .header-middle .follow-us {
        display: none;
    }

    .header-middle .phone {
        display: block;
        font-size: 32px;
    }

    .header-middle {
        text-align: center;
        margin: 0;
        width: 100%;
    }

        .header-middle .search-box {
            width: 318px;
            margin: 0 auto;
            position: relative;
            /*left: 32px;*/
        }

    .header-logo img {
        max-height: 180px;
    }

    .header-logo a {
        margin-bottom: 0;
    }

    .header-logo > p {
        display: none;
    }

    .master-wrapper-content .header-menu .menu-title {
        position: absolute;
        top: -63px;
        left: 48px;
    }

        .master-wrapper-content .header-menu .menu-title span {
            background-position: center bottom 5px;
            background-size: 18px;
            font-size: 16px;
            line-height: 44px;
            text-indent: -300px;
            width: 49px;
        }

            .master-wrapper-content .header-menu .menu-title span:before {
                content: "Menu";
                position: absolute;
                top: -13px;
                left: 0;
                width: 50px;
                height: 20px;
                z-index: 1;
                text-transform: none;
                text-indent: 0;
                text-align: center;
                font-size: 13px;
            }

    #sticky-wrapper {
        display: none;
    }

    body #feature-boxes-container {
        margin: 0 0%;
        width: 50%;
    }


    /* Sub-Category*/
    .sub-category-item {
        background: rgb(15, 15, 15) !important;
        position: relative;
    }

    /* link area issue - 25/08/2020 */
    .sub-category-grid h2.title-styling {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        text-align: left;
        font-size: 20px;
        line-height: 22px;
        background: rgb(15, 15, 15) !important;
        padding: 0 !important;
        display: block;
    }

    .title-styling a.text-Styling {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        /*display: table-cell;*/
        vertical-align: middle;
        height: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        background: rgb(15, 15, 15) !important;
        padding: 13px 15px !important;
    }

    .feature-box-text:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: url(../img/Dbg/icon-arrow.png) no-repeat center center #f65614;
        width: 40px;
        height: 40px;
        background-color: transparent;
    }

    .search-box input.search-box-text {
        width: 268px !important;
        height: 38px !important;
    }
}

@media screen and (max-width: 980px) {

    /*body .subscribe-to-newsletter {
        float: none;
        width: 100% !important;
        text-align: left;
        margin-top: 40px;
    }*/

    body #newsletter-subscribe-button {
        height: 40px;
        clear: none;
        float: none;
        margin-left: 5px;
    }

    .subscribe-to-newsletter h3 {
        margin-bottom: 20px;
    }

    .footer-col.col-4 img {
        margin-top: 8%;
        max-width: 100%;
        margin-right: 2px;
        margin-left: 2px;
        margin-bottom: 2px;
    }
}

@media all and (max-width: 769px) {
    #dbg-filter-toggle {
        display: none;
    }

    #dbg-filters {
        display: block;
    }

    .filtersTitlePanel.refine-by {
        float: left;
        line-height: 2.2em;
    }

    #product-subcategories {
        display: inline-block;
        float: left;
    }
}

@media screen and (max-width: 768px) {
    #dbg-filter-toggle {
        display: block;
        color: white;
        background-color: black;
        padding: 7px 7%;
        margin: 0 0 20px 0;
    }

        #dbg-filter-toggle span {
            float: right;
            height: 14px;
            width: 18px;
            background: url(../../Content/img/Dbg/double-right-arrow-white.png) 90% center no-repeat;
            transition: all 0.25s ease-in-out;
        }


        #dbg-filter-toggle .inactive {
            transform: rotate(0);
        }

        #dbg-filter-toggle .active {
            transform: rotate(90deg);
        }

    #dbg-filters {
        width: auto;
        margin: 0 7px 35px 7px;
    }

    #product-subcategories {
        width: 100%;
        padding-left: 30%;
        margin-bottom: 8px;
    }

    .filtersTitlePanel.refine-by {
        display: none !important;
    }

    .header-middle {
        margin-bottom: 4px !important;
    }

        .header-middle .search-box {
            width: 358px;
            height: 38px;
        }

    .master-wrapper-content .header-menu .menu-title {
        left: 0px;
        top: -58px;
    }

    body .footer-disclaimer {
        width: 100%;
    }

    .newsletter-email.email-box label {
        width: 28% !Important;
        float: left;
        padding: 10px 0;
    }

    body #newsletter-email {
        float: left;
        margin-left: 2%;
        width: 70% !important;
    }

    body #newsletter-subscribe-button {
        float: right;
        clear: both;
    }

    body .home-page .topic-html-content {
        width: 100% !important;
    }
}

@media screen and (max-width: 786px) and (min-width: 481px) {
    body .master-home-page .master-wrapper-main {
        margin: 0 auto;
    }

    .header-links-wrapper, .master-wrapper-content, .main-slider-header .header, .master-home-page .header, .master-home-page .master-wrapper-main, .footer, .bottom .center {
        width: 95%;
        margin: 0 auto;
    }

    body .header-middle {
        margin-top: 0 !important;
    }

    body .filter-block a.toggleControl.closed {
        background: url(../../Content/img/Dbg/double-right-arrow-white.png) 96% center no-repeat !important;
        padding-left: 3%;
    }

    body .filter-block a.toggleControl {
        display: block;
        padding: 10px 0 10px 3%;
        background: url(../../Content/img/Dbg/double-down-arrow-white.png) 96% center no-repeat;
    }
}

@media screen and (max-width: 786px) and (min-width: 768px) {
    .master-wrapper-content .header-menu .menu-title {
        top: -46px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #dbg-filter-toggle {
        width: 58%;
        margin: -1% auto 14px 15%;
    }

    body .product-sorting .jDropDown {
        width: auto;
    }

    #dbg-filters {
        width: auto;
        margin: 0px 62px 35px 68px;
    }

    body .product-selectors > div {
        float: none;
        width: auto;
        text-align: left;
        margin: 0px 0px 35px 7px;
    }
}

@media screen and (max-width: 480px) {
    #dbg-filter-toggle {
        padding: 6px 5px;
        width: auto;
        margin: -2% 5px 14px 5px;
        text-align: center;
        box-sizing: border-box;
    }

    body #product-subcategories {
        width: 100%;
        padding-left: 22%;
        margin-bottom: 8px;
    }

    .master-wrapper-content .header-menu .menu-title {
        left: 0;
    }

    .header-middle .search-box {
        width: calc(100% - 80px);
        margin: 0 0 0 auto;
    }

    .master-wrapper-content .header-menu .menu-title span {
        line-height: 32px;
    }

    .feature-box-text {
        display: table;
        position: absolute;
        bottom: 0;
        height: 50px;
        left: 0;
        width: 200%;
        background: rgba(0, 0, 0, 0.75);
    }

    .header-middle .search-box form {
        width: 100%;
    }

    body .search-box input.search-box-text {
        width: 100% !important;
    }

    .search-box span.search-box-text {
        width: calc(100% - 38px);
    }

    body .header-logo {
        margin: 0 10px;
    }

    .newsletter-email.email-box label {
        width: 35% !Important;
    }

    body #newsletter-email {
        width: 63% !important;
    }

    .home-page-content {
        /*padding: 0 10px;*/
        text-align: left;
    }

    .contacts-table {
        text-align: center;
        clear: both;
        display: block;
        float: none;
        padding-bottom: 30px;
    }

    body .jDropDown {
        position: relative;
        display: block;
        margin: 3px 0px 0 0%;
        border: 1px solid #d6d6d6;
        background: transparent;
        color: #666;
        cursor: pointer;
    }
    /*.product-selectors > div > span {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 0;
        margin-left: 0;
        color: #000;
        font-family: 'Helvetica Neue','Comfortaa';
    }*/
    body .master-wrapper-content .header-menu .menu-title span:before {
        content: "Menu";
        position: absolute;
        top: -7px;
        left: 4px;
        width: 51px;
        height: 20px;
        z-index: 1;
        text-transform: none;
        text-indent: 0px;
        text-align: center;
        font-size: 13px;
    }

    body .menu-title span {
        /* background: rgba(0,0,0,0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAAAGXRFW…iI3wIgpsgLhBw4GskD7wNQKhrNyaORPBrJo5E87CMZIMAAh/YiIQBqO68AAAAASUVORK5CYII=) 97% center no-repeat;*/
        color: #eee;
        display: block;
        font-size: 24px;
        line-height: 45px;
        text-transform: uppercase;
        padding: 11px 6px 0 2.5%;
        cursor: pointer;
        overflow: hidden;
    }
}

}

@media screen and (max-width: 390px) {
    .text-Styling {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        background: rgb(15, 15, 15) !important;
    }

    .product-selectors > div {
        float: none;
        width: 64% !important;
        text-align: center;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 364px) {
    #product-subcategories {
        width: 100%;
        padding-left: 15% !important;
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 364px) {
    .text-Styling {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        text-align: left;
        font-size: 12px;
        line-height: 22px;
        background: rgb(15, 15, 15) !important;
    }
}

@media screen and (max-width: 280px) {
    #product-subcategories {
        width: 100%;
        padding-left: 2% !important;
        margin-bottom: 8px;
    }

    .text-Styling {
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        text-align: left;
        font-size: 10px;
        line-height: 22px;
        background: rgb(15, 15, 15) !important;
    }

    body .sub-category-item:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 1px;
        right: 5px;
        background: url(../img/Dbg/icon-arrow.png) 64% center no-repeat transparent;
        width: 23px;
        height: 39px;
    }
}

@media (max-width: 430px) {
    body #feature-boxes-container {
        width: 53% !important;
    }

    .master-wrapper-content .header-menu .menu-title span {
        line-height: 28px;
    }

    .feature-box-text {
        width: 204%;
    }
}

@media (max-width: 520px) {
    body #feature-boxes-container {
        width: 53% !important;
    }
}

.floating-element.left {
    left: calc(50% - 695px);
}

.floating-element.right {
    right: calc(50% - 695px);
}

.floating-element img {
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.floating-element a:hover img {
    opacity: 1;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.floating-element.left .feature-box-text,
.floating-element.right .feature-box-text {
    bottom: -72px;
}

    .floating-element.left .feature-box-text span,
    .floating-element.right .feature-box-text span {
        padding-top: 5px;
        padding-bottom: 5px;
    }

@media screen and (max-width: 1440px) {
    /* Hide the floating page elements for resolutions under 1440px */
    .floating-element {
        display: none;
    }
}

/*        Feature Boxes 
--------------------------------*/
#feature-boxes-container {
    margin: 0 0%;
    width: 50%;
    float: left;
}

@media screen and (max-width: 980px) {
    body #feature-boxes-container {
        margin: 0 0%;
        width: 50%;
        float: none;
    }

    .feature-box:nth-child(n+4) {
        display: none;
    }
}



.feature-boxes:after {
    content: "";
    display: block;
    clear: both;
}

.feature-box {
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    width: 50%;
    padding-left: 2.5px;
    box-sizing: border-box;
    padding-right: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
}


    .feature-box:nth-child(4n+4) {
        margin-right: 0;
    }

    .feature-box img {
        width: 238px;
        height: auto;
    }

.feature-box-text {
    display: table;
    position: absolute;
    bottom: 0;
    height: 50px;
    /*left: 0;*/
    width: 97.5%;
    background: rgba(0, 0, 0, 0.75);
}

    .feature-box-text span {
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        padding: 0 50px 0 10px;
        text-align: left;
        font-size: 20px;
        line-height: 22px;
        background: rgba(0, 0, 0, 0.75);
    }

    .feature-box-text:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: url('../img/Dbg/icon-arrow.png') no-repeat center center #f65614;
        width: 40px;
        height: 40px;
    }

#mobile-slider {
    display: none;
    padding: 0 10px;
}

@media screen and (max-width: 980px) {
    body .header-logo {
        margin-bottom: 0;
    }

    #feature-boxes-container {
        /*margin: 20px auto;*/
    }

    .feature-box img {
        display: none;
    }

    .feature-box {
        display: block;
        float: none;
        width: calc(100% - 10px);
        margin: 10px auto !important;
        max-width: 490px;
    }

    .feature-box-text {
        position: relative;
        bottom: 0;
        width: 200%;
    }


    /*#desktop-slider {
        display: none;
    }*/

    #mobile-slider {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .feature-box {
        width: calc(100% - 15px);
    }

    .master-wrapper-content .header-menu .menu-title {
        top: -70px;
    }

    body .master-wrapper-content .header {
        margin-bottom: 0;
    }
}
/* Mega Menu 
----------------------- */
@media screen and (max-width: 480px) {
    body .top-menu, .mega-menu-responsive {
        width: 100% !important;
    }
}
/*     Homepage Categories 
--------------------------------*/
.home-page-category-grid {
    margin-top: 15px;
}

    .home-page-category-grid:after {
        content: "";
        display: block;
        clear: both;
    }

    .home-page-category-grid .item-grid {
        display: flex;
        justify-content: center;
    }

    .home-page-category-grid .category-item {
        width: 33%;
        max-width: 400px;
        max-height: 400px;
        margin: 0 1% 10px 1%;
    }

        .home-page-category-grid .category-item:nth-child(6n+1) {
            /*margin-left: 0;
            clear: both;*/
        }

        .home-page-category-grid .category-item:nth-child(6n+6) {
            margin-right: 0;
        }

        .home-page-category-grid .category-item:nth-child(n+4) {
            display: none;
        }

        .home-page-category-grid .category-item a {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
        }

    .home-page-category-grid img {
        /*height: 225px;*/
        width: 100%;
        object-fit: contain /*cover*/;
    }

    .home-page-category-grid .category-item .feature-box-text span {
        font-size: 15px;
        line-height: 18px;
    }

    .home-page-category-grid .category-item .feature-box-text:after {
        background-color: transparent;
    }

.home-page .page-body > h3 {
    text-align: center;
}

@media screen and (max-width: 980px) {
    .home-page-category-grid .category-item {
        width: 100%;
        margin: auto;
    }
        /*.home-page-category-grid img {
        max-height: 40vh;
    }*/
        .home-page-category-grid .category-item:nth-child(2n+1) {
            /*margin-left: 0;
            clear: both;*/
        }

        .home-page-category-grid .category-item:nth-child(2n+2) {
            /*margin-right: 0;*/
        }

    .home-page > .page-body > h3, .home-page-category-grid {
        padding: 0 10px;
    }

    /*.home-page-category-grid img {
            display: none;
        }*/

    body .header-menu > ul > li > a, body .header-menu > ul > li > span {
        display: block !important;
    }

    .home-page-category-grid .category-item .feature-box-text:after {
        background-color: transparent;
        width: 106%;
    }

    .sub-category-item a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: url('../img/Dbg/icon-arrow.png') no-repeat center center transparent;
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 765px) {
    .home-page-category-grid .item-grid {
        flex-direction: column;
    }
}

@media screen and (max-width: 350px) {
    .home-page-category-grid .category-item .feature-box-text:after {
        background-color: transparent;
        display: none;
    }
}

body .header {
    margin-bottom: 0px;
}

/*body .header-menu > ul > li > a, body .header-menu > ul > li > span {
    float: right;
    display: inline-block;
}*/

.mega-menu {
    /*text-align: center;*/
    display: inline-block;
    margin: 0 auto;
    width: auto;
}

    .mega-menu .mobile-only-menu, .mobile-only {
        display: none;
    }

@media only screen and (max-width: 980px) {
    .mega-menu .mobile-only-menu, .mobile-only {
        display: block;
    }
}

body .home-page-category-grid {
    margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
    .block {
        margin: 0px 7px 13px !important;
        width: 96.5%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box;
    }

    body .product-selectors > div {
        float: none;
        width: auto;
        text-align: left;
        margin: 0px 0px 35px 7px;
    }

    .product-selectors > div {
        width: 96.5% !important;
        text-align: center;
        margin-right: 0;
    }

    body .jDropDown {
        position: relative;
        display: block;
        margin: 3px 0px 0 0% !important;
        border: 1px solid #d6d6d6;
        background: transparent;
        color: #666;
        cursor: pointer;
    }

    body .product-sorting .jDropDown {
        width: 103%;
    }

    body .product-selectors > div > span {
        /* font-style: italic; */
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 0px;
        margin-left: 0px;
        color: #000;
        font-family: 'Oswald', sans-serif;
    }

    .home-page-category-grid .category-item {
        width: 100%;
    }

    .home-page-category-grid img {
        max-height: 40vh;
    }
}

/*@media only screen and (max-width: 540px) {
    .product-sorting .jDropDown {
        width: 96%;
    }

    .block {
        margin: 0px 3px 13px !important;
        width: 98.5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body .product-selectors > div {
        float: none;
        width: auto;
        text-align: left;
        margin: 0px 0px 35px 14px;
    }

    .product-selectors > div {
        width: 96.5% !important;
        text-align: center;
        margin-right: 0;
    }

   body .jDropDown {
        position: relative;
        display: block;
        margin: 3px 0px 0 5% !important;
        border: 1px solid #d6d6d6;
        background: transparent;
        color: #666;
        cursor: pointer;
    }

    .product-selectors > div > span {
        /* font-style: italic; */
/* font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 0px;
        margin-left: 3px;
        color: #000;
        font-family: 'Helvetica Neue','Comfortaa';
    }
}*/
.jDropDown {
    position: relative;
    display: inline-block;
    margin: 0px 0px 0px 12px;
    border: 1px solid #999;
    background: #fff;
    color: #333;
    cursor: pointer;
}

@media only screen and (max-width: 765px) {
    .block {
        margin: 0px 19px 13px !important;
        width: 92.3%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body .product-selectors > div {
        float: none;
        width: auto;
        text-align: left;
        margin: 0px 0px 35px 0px;
    }

    .product-selectors > div {
        width: 96.5% !important;
        text-align: center;
        margin-right: 0;
    }

    body .jDropDown {
        position: relative;
        display: block;
        margin: 3px 0px 0 4%;
        border: 1px solid #d6d6d6;
        background: transparent;
        color: #666;
        cursor: pointer;
    }

    .product-selectors > div > span {
        /* font-style: italic; */
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 0px;
        margin-left: 17px;
        color: #000;
        font-family: 'Oswald', sans-serif;
    }
}

/*Pop Up*/
body .PopUpAll {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    z-index: 9;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

body .PopUp {
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    width: 34%;
    margin: auto;
    background-color: rgb(255, 255, 255);
    color: #fff;
    z-index: 99;
    height: auto;
    padding: 10px;
}

body .PopUpClose:hover {
    color: black;
    border-color: black;
    cursor: pointer;
}

body .PopUpClose {
    color: black;
    margin-left: auto;
    border: solid 1px;
    border-color: black;
    margin-top: auto;
    width: 2%;
    border-radius: 20px;
}

body .PopUpTitle h2 {
    color: #000;
}

body .PopUp .PopUpTitle .topic-html-content-title {
    display: none;
}

body .PopUp .PopUpTitle .topic-html-content-body {
    line-height: 0px;
}

/*body .PopUp .PopUpSub .block-newsletter .title{
    margin-bottom:25px;
}
body .PopUp #newsletter-subscribe-button{
        margin-top:1px;
        margin-right:60px;
        border:solid 1px;
}

 body .PopUp #newsletter-subscribe-button:hover {
        color: black;
        border-color: black;
        cursor: pointer;
}
body .PopUp .newsletter-email.email-box{
    padding-bottom:10px;
}

body .PopUp .newsletter-validation, .newsletter-result-block{
    color:#ffffff;
}*/
body .PopUpAll.hidden {
    display: none;
}

@media (max-width: 1280px) {
    body .PopUp {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    body .PopUp {
        width: 62%;
    }
}

@media (max-width: 768px) {
    body .PopUp {
        width: 76%;
    }
}

@media (max-width: 480px) {
    body .PopUp {
        width: 90%;
    }

    body .PopUpClose {
        width: 5%;
    }
}

@media (max-width: 360px) {
    body .PopUp {
        width: 90%;
    }

    body .PopUpClose {
        width: 5%;
    }
}

/*Full Screen*/
.master-home-page .master-wrapper-content, .master-wrapper-page .header-links-wrapper.center, .master-wrapper-page .header-menu.top-menu, .master-wrapper-page .footer-upper, .master-wrapper-page .bottom .center {
    width: auto;
}

/* Login page */
/*.login-page {*/
.center-1 .page:not(.home-page) {
    width: 90%;
    max-width: 1600px;
    margin: auto;
}

.center-1 .home-page {
    max-width: unset;
    margin: auto;
}

@media (min-width: 981px) {

    .login-page .inputs {
        text-align: center;
    }

        .login-page .inputs:not(.reversed) label {
            margin-left: -285px;
        }
}
/* 2 columns */
/*.master-wrapper-main*/ .side-2 {
    min-width: 220px;
    width: 23%;
}

.master-wrapper-main .center-2 {
    min-width: 740px;
    width: 75%;
}

.master-wrapper-main {
    padding: 0;
    margin: auto;
}

.columns-two, .columns-three, .header {
    max-width: 1600px;
    margin: auto;
}

.header {
    display: flex;
    justify-content: space-around;
}

.header-logo, .header-middle, .header-right {
    float: none
}

.header-middle {
    margin-left: -110px;
    margin-right: 0;
    margin-top: 10px;
}

.header-right {
    margin-right: -90px;
}

.logo-axis {
    margin-top: 35px;
}

.master-wrapper-main .sub-category-grid .item-box:nth-child(2n+1), .master-wrapper-main .sub-category-grid .item-box:nth-child(3n+1) {
    margin-left: 16px;
}

.footer-upper {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
/* Category pages */
.item-box:nth-child(3n+1) {
    clear: none;
    margin-left: 10px;
}
/* Product page */
.product-details-page .overview {
    float: left;
    padding-left: 40px;
}

.gallery {
    width: auto;
}

    .gallery .picture {
        width: 500px;
        height: 500px;
    }

.product-details .gallery .picture-thumbs {
    max-width: 500px;
}
/* Contact Us Page */
.page.contact-page .page-body {
    border: none;
}

@media only screen and (min-width: 981px) {
    .master-wrapper-main .sub-category-grid .item-box, .master-wrapper-main .product-grid .item-box {
        width: 260px;
    }
}

@media screen and (max-width: 980px) {
    .master-wrapper-main .center-2, .master-wrapper-main .side-2 {
        min-width: unset;
        width: auto;
    }

    body .header {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .header-middle {
        margin: auto;
    }
}

/*480*/
@media screen and (max-width: 480px) {
    .master-wrapper-main {
        margin: 0px auto;
    }

    .item-box input[type="button"], .item-box .buynow-button {
        padding: 5px 10px !important;
    }

    .item-box .productQuantityTextBox {
        margin: 5px 0 !important;
    }

    .home-page-category-grid .title, .sub-category-grid .title, .manufacturer-grid .title {
        padding: 0 !important;
    }

    body .item-box {
        width: 50% !important;
    }

    .item-box:nth-child(2n+1) {
        clear: both;
    }
    /*footer*/
    .footer-lower > div {
        float: none !important;
        margin: 0 auto 10px !important;
    }

    /*.subscribe-to-newsletter {
        width: 250px !important;
    }*/

    .email-box {
        border: none !important;
        padding: 0 !important;
    }

    .newsletter-email input[type="text"] {
        width: 250px !important;
        float: none;
        border: 1px solid #f65614 !important;
    }

    #newsletterfirstname {
        margin: 0 0 4px 0;
    }

    .newsletter-validation, .newsletter-result-block {
        position: inherit;
        width: auto;
    }

    .bottom .center div {
        float: none !important;
        line-height: 38px;
    }

        .bottom .center div p {
            display: block;
        }

            .bottom .center div p:before {
                content: "";
            }
    /*header*/
    .header {
        margin-bottom: 0;
        padding: 20px 0 10px 0 !important;
    }

    .header-middle {
        width: 300px;
        margin: 5px auto 20px !important;
        float: none !important;
        clear: both;
    }

    .search-box {
        width: 310px;
    }

        .search-box input.search-box-text {
            height: 38px !important;
            width: 268px !important;
        }
    /*.social-sharing li { margin-left: 10px !important; }*/
    .header-right {
        width: 300px;
        margin: 0 auto 20px !important;
        float: none !important;
        clear: both;
        text-align: center;
    }
    /*other*/
    .home-page .topic-html-content, .upcoming-events, .news-list-homepage {
        float: none;
        width: 95%;
        margin: 0 auto 20px;
    }
}