/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
@media all and (min-width:1491px) {
    .mega-menu .row-wrapper .three-coloumn-row {
        width: 70% !important;
    }
    .category-addright-banner {
        display: inline-block !important;
    }
}
@media all and (min-width:1281px) {
    .header-menu > ul > li > a.with-subcategories {
        padding: 0 15px 0 30px;
    }
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        padding: 0 15px 0 15px;
    }
}
@media all and (min-width:1025px) {

     /* sublist */

    .mega-menu .sublist-wrap {
        text-align: right;
    }
    .mega-menu .sublist li a {
        padding: 0 20px 0 35px;
    }

    .mega-menu .sublist-wrap .sublist-wrap {
        right: 100% !important;
        left: auto !important;
    }

    /* dropdown */

    .category-navigation-list > li .dropdown {
        right: 100%;
        left: auto;
        background: url(img/shadow-top.png) top right repeat-x, url(img/shadow-bottom.png) bottom right repeat-x;
    }

    .category-navigation-list .dropdown .box,
    .category-navigation-list .dropdown .empty-box {
        margin-left: auto;
        margin-right: 20px;
    }
    
    .category-navigation-list .dropdown .box:first-child {
        margin-right: 0 !important;
    }

    .mega-menu .has-sublist .sublist-wrap {
        left: 0;
        right: auto;
    }

    .mega-menu .dropdown {
        text-align: right;
        border-top: none;
        box-shadow: 0 7px 15px rgb(0 0 0 / 10%);
        -webkit-box-shadow: 0 7px 15px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 7px 15px rgb(0 0 0 / 10%);
    }
    .mega-menu .dropdown.fullWidth {
        right: auto;
        left: auto;
        margin: 0 auto;
        width: 350px;
        padding: 25px 25px 20px 30px;
    }
    .mega-menu .box {
        float: right;
        margin-bottom: 20px;
        padding: 0;
    }
    .mega-menu .row:last-child .box {
        margin-bottom: 0;
    }
    .mega-menu .dropdown .picture-title-wrap .title a,
    .mega-menu .manufacturers .title, .mega-menu .vendors .title {
        font-size: 22px;
    }
    .mega-menu .row-wrapper {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
    .mega-menu .row-wrapper .three-coloumn-row {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .category-addright-banner {
        display: none;
        width: 28%;
        vertical-align: middle;
    }
    .header-menu > ul > li:last-child > a:before,
    .header-menu > ul > li:last-child > span:before {
        height: 0;
        width: 0;
    }
    .header-menu > ul > li > a.with-subcategories {
        background: url(../Content/img/dropdown-arrow.svg) no-repeat;
        background-position: left 10px center;
    }
    .header-menu > ul > li > a.with-subcategories.hover,
    .header-menu > ul > li > a.with-subcategories:hover{
        background: url(../Content/img/dropdown-arrow-active.svg) no-repeat #fff;
        background-position: left 10px center;
    }
    .header-menu > ul > li > a:hover{
        background-color:#fff;
    }
    .mega-menu .row-wrapper .three-coloumn-row .subcategory-item a:hover {
        font-family: 'FbReforma-Medium' !important;
    }

    .mega-menu .dropdown .box .picture-title-wrap {
        margin-bottom: 10px;
    }

    .mega-menu .dropdown .row:nth-child(1) .picture-title-wrap:before {
        content:'';
        float: right;
        background: url(/images/pharmacy_products_img.svg) no-repeat;
        height: 50px;
        width: 57px;
        margin-top: -5px;
    }
    .mega-menu .dropdown .row:nth-child(2) .picture-title-wrap:before {
        content:'';
        float: right;
        background: url(/images/otc_medications_img.svg) no-repeat;
        height: 50px;
        width: 57px;
        margin-top: -5px;
    }
    .mega-menu .dropdown .row:nth-child(3) .picture-title-wrap:before {
        content:'';
        float: right;
        background: url(/images/natural_products_img.svg) no-repeat;
        height: 50px;
        width: 57px;
        margin-top: -5px;
    }
    .mega-menu .dropdown .row:nth-child(4) .picture-title-wrap:before {
        content:'';
        float: right;
        background: url(/images/oral_health_img.svg) no-repeat;
        height: 50px;
        width: 57px;
        margin-top: -5px;
    }
    .mega-menu .dropdown .row:nth-child(5) .picture-title-wrap:before {
        content:'';
        float: right;
        background: url(/images/dermocosmetics_img.svg) no-repeat;
        height: 50px;
        width: 57px;
        margin-top: -5px;
    }

    .mega-menu .dropdown .box .subcategory-item {
        clear: both;
    }
    .mega-menu .dropdown .box .picture-title-wrap .title {
        display: flex;
        border-bottom: 2px solid #000;
    }
    .mega-menu .dropdown .picture-title-wrap .title:hover {
        background-color: #f3f3f3;
    }
    .mega-menu .dropdown .box .picture-title-wrap .title {
        padding-right: 5px;
    }
    .mega-menu .row + .row {
        margin-top: 0;
    }
    .mega-menu .row-wrapper .three-coloumn-row .subcategory-item a {
        padding-right: 55px;
    }
}
@media (min-width:1025px) and (max-width:1280px) {
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        padding: 0 15px 0 30px;
    }

        .header-menu > ul > li > a.with-subcategories,
        .header-menu > ul > li > a.with-subcategories.hover,
        .header-menu > ul > li > a.with-subcategories:hover {
            background-position: left 15px center;
        }
}