﻿.menu-title {
    text-align: center
}

.mega-menu,.header-menu .menu-title,.mega-menu .dropdown {
    display: none
}

.mega-menu .topic-wrapper {
    display: none
}

@media(min-width: 1001px) {
    .menu-title,.close-menu {
        display:none
    }

    .header-menu {
        position: static
    }

    .mega-menu {
        display: block
    }

    .mega-menu-responsive {
        display: none!important
    }

    .mega-menu li {
        position: static!important
    }

    .mega-menu li.has-sublist {
        position: relative!important
    }

    .mega-menu li.full-width-grid {
        position: static!important
    }

    .mega-menu li.vendor-menu-item,.mega-menu li.mega-menu-topic-item,.mega-menu li.infinite-categories-menu-item,.mega-menu li.infinite-categories-menu-item .sublist li {
        position: relative!important
    }

    .mega-menu .dropdown {
        display: none;
        position: absolute;
        overflow: hidden;
        padding: 20px 10px 10px;
        z-index: 3
    }

    .mega-menu-dropdown-content-wrapper {
        background: #fff;
        padding: 30px
    }

    .mega-menu .dropdown.active {
        display: block
    }

    .mega-menu .dropdown.fullWidth {
        left: 0;
        right: 0;
        width: 100%
    }

    .mega-menu-dropdown-row-slider-wrapper {
        max-width: 1000px;
        width: 100%;
        margin: auto;
        display: table
    }

    .mega-menu-dropdown-row-slider-wrapper .row-wrapper {
        overflow: hidden;
        display: table-cell;
        vertical-align: top;
        width: 68%
    }

    .mega-menu-dropdown-row-slider-wrapper .row-wrapper:only-child {
        width: 100%
    }

    .mega-menu-dropdown-row-slider-wrapper .slider-wrapper {
        display: table-cell;
        max-width: 32%;
        vertical-align: top
    }

    .mega-menu .row {
        background: #fff;
        padding: 30px;
        overflow: hidden;
        box-shadow: 0 0 15px rgba(150,150,150,.3)
    }

    .mega-menu-dropdown-row-slider-wrapper .row {
        padding: 0 0 10px;
        box-shadow: none
    }

    .mega-menu-dropdown-row-slider-wrapper .row:only-child {
        padding: 0
    }

    .mega-menu-dropdown-row-slider-wrapper .box {
        float: left;
        padding: 0 10px 0 0
    }

    .categories.fullWidth .box {
        width: 16.667%
    }

    .categories .box,.manufacturers .box {
    }

    .mega-menu .picture-title-wrap {
        /* border:1px solid #d3d3d3 */
    }

    .mega-menu .title {
        margin-bottom: 0;
        padding: 6px 0;
        font-size: 16px;
        text-transform: none;
        text-align: center;
        font-weight: 700;
    }

    .secondary-font .mega-menu .title,.secondary-font .mega-menu .topic-wrapper strong {
        text-transform: none;
        font-family: 'droid serif',serif;
        font-style: italic;
        font-weight: 400
    }

    .mega-menu .title a {
    }

    .mega-menu .title a:hover {
    }

    .mega-menu .categories .picture {
        border: 1px solid #e5e2e2;
    }

    .mega-menu .categories .picture img {
        width: 100%;
        padding: 2%
    }

    .mega-menu .picture a {
        display: block
    }

    .mega-menu .subcategories {
    }

    .mega-menu .box ul {
    }

    .mega-menu .box li {
        text-align: left
    }

    .mega-menu .box a {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .mega-menu .box a:hover {
        color: #e56363
    }

    .mega-menu .box li a {
        display: inline-block;
        font-size: 18px;
        color: #454545;
        padding: 7px 0
    }

    .mega-menu .box li a:hover {
    }

    .mega-menu .box li:nth-child(odd) a:hover {
    }

    .mega-menu .box li:nth-child(even) a:hover {
    }

    .mega-menu li a.view-all {
        background: 0 0;
        color: #e56363
    }

    .mega-menu li a.view-all:hover {
        text-decoration: underline
    }

    .secondary-font .mega-menu li a.view-all {
        font-family: montserrat,sans-serif;
        font-style: normal
    }

    .manufacturers-dropdown-wrapper,.vendors-dropdown-wrapper {
        background: #fff;
        box-shadow: 0 0 15px rgba(150,150,150,.3)
    }

    .manufacturers-dropdown-wrapper .title,.vendors-dropdown-wrapper .title {
        text-align: center
    }

    .manufacturers-dropdown-wrapper .row-wrapper,.vendors-dropdown-wrapper .row-wrapper {
        max-width: 1200px;
        margin: auto
    }

    .manufacturers-dropdown-wrapper .row,.vendors-dropdown-wrapper .row {
        box-shadow: none
    }

    .manufacturers.fullWidth .box,.vendors.fullWidth .box {
        width: 20%;
        padding: 0 30px 0 0;
        float: left
    }

    .manufacturers.fullWidth .box .manufacturer,.vendors.fullWidth .box .vendor {
        padding: 0;
        display: block
    }

    .manufacturers.fullWidth .box .manufacturer img,.vendors.fullWidth .box .vendor img {
        max-width: 100%
    }

    .mega-menu-topic-item .dropdown {
        width: 425px;
        margin: auto
    }

    .mega-menu .topic-wrapper {
        display: block;
        overflow: hidden;
        background: #fff;
        padding: 30px;
        text-align: left;
        box-shadow: 0 0 15px rgba(150,150,150,.3)
    }

    .mega-menu .topic-wrapper p {
        font-size: 13px;
        line-height: 18px;
        color: #909090;
        margin: 0 0 15px
    }

    .mega-menu .topic-wrapper strong {
        display: block;
        border-bottom: 4px double #f1f1f1;
        padding: 6px 0;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 400;
        color: #454545
    }

    .mega-menu .dropdown {
        padding: 41px 10px 10px
    }

    .main-slider-wrapper .mega-menu .dropdown {
        padding: 8px 0 10px;
        box-shadow: 0 2px 2px #969696;
        background-color: #fff;
        z-index: 99
    }

    .header-1 .header-lower .header-centering.stick .mega-menu .dropdown {
        padding: 19px 0 0;
        box-shadow: 0 4px 6px rgba(150,150,150,.13)
    }

    .main-slider-wrapper .header-menu-parent.stick .mega-menu .dropdown {
        padding: 7px 0 0;
        box-shadow: 0 4px 6px rgba(150,150,150,.13)
    }

    .header-1 .header-lower .header-centering.stick .mega-menu-dropdown-content-wrapper,.header-1 .header-lower .header-centering.stick .manufacturers-dropdown-wrapper,.header-1 .header-lower .header-centering.stick .vendors-dropdown-wrapper {
        border-top: 1px solid #f1f1f1;
        box-shadow: none
    }

    .main-slider-wrapper .header-menu-parent.stick .mega-menu-dropdown-content-wrapper,.main-slider-wrapper .header-menu-parent.stick .manufacturers-dropdown-wrapper,.main-slider-wrapper .header-menu-parent.stick .vendors-dropdown-wrapper {
        border-top: 1px solid #f1f1f1;
        box-shadow: none
    }
}

@media all and (min-width: 1001px) and (max-width:1081px) {
    .mega-menu-dropdown-row-slider-wrapper {
        width:900px
    }
}

@media all and (min-width: 1281px) {
    .mega-menu-dropdown-row-slider-wrapper {
        max-width:1200px;
        width: 100%
    }
}

@media all and (max-width: 1000px) {
    .mega-menu-responsive {
    }

    .mega-menu-responsive li {
        overflow: hidden;
        background: #fff
    }

    .mega-menu-responsive li>a,.mega-menu-responsive li>span {
        display: block;
        padding: 16px 16px 16px 30px;
        line-height: 17px;
        color: #4d4d4d;
        font-size: 14px;
        text-transform: uppercase;
        position: relative
    }

    .mega-menu-responsive li>.with-subcategories {
        width: 270px;
        float: left
    }

    .mega-menu-responsive .back-button span {
        display: block;
        padding: 16px 16px 16px 30px;
        line-height: 17px;
        color: #4d4d4d;
        font-size: 14px;
        text-transform: uppercase;
        position: relative
    }
}
