/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
@import "../shopvolly/responsive.css";

@media only screen and (max-width: 1500px) {
    .middle-container {
        width: 1360px;
    }
}
@media only screen and (max-width: 1400px) {
    .middle-container {
        width: 1250px;
    }
}
@media only screen and (max-width: 1250px) {
    .middle-container {
        width: 1023px;
    }
    .category-list, .home-category .product-categories {
        width: 230px;
    }
}
@media only screen and (max-width: 1023px) {
    .middle-container {
       width: 100%;
       display: inline-block;
       vertical-align: top;
    }
    .menu-toggle{
        background-color: #333333;
    }
    .menu-toggle:hover {
        background-color: #d6d6d6;
        background-image: url("images/megnor/menu-options.svg");
    }
    .category-list, .home-category .product-categories {
        width: 100%;
    }
}
@media only screen and (max-width: 979px) {

    .header-toggle {
        background-color: #333333;
    }
    .header-toggle:hover{
        background-image: url("images/megnor/search-black.svg");
        background-color: #d6d6d6;   
    }
    .title-outer::before, .toggled-off .title-outer::before {
        color: #000;
    }
}

@media only screen and (max-width: 767px) {
    .topbar-link-toggle {
        background-color: #ffffff;
    }
    .topbar-link-toggle::before {
        color: #000000;
    }
    .topbar-link-toggle:hover {
        background-color: #999999;
    }
    .topbar-outer a {
        color: #000000;
    }
    .header-menu-links a::before {
        color: #333333;
    }
    .header-menu-links a:hover::before {
        color: #999999;
    }
}