@media (max-width: 991px)
{
    body #column-left
    {
        display: block !important;
        position: fixed !important;
        z-index: 1045 !important;
        top: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 280px !important;
        max-width: 85% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto !important;
        background-color: #fff;

        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
    }
    body #column-left.catalog-offcanvas-open
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    #column-left .panel
    {
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    #column-left .toggle-title
    {
        display: block !important;
        position: relative;
        cursor: default;
        pointer-events: none;
    }
    .catalog-offcanvas-close
    {
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
        cursor: pointer;
    }
    .catalog-offcanvas-backdrop
    {
        position: fixed;
        z-index: 1044;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0,0,0,.5);

        -webkit-transition: opacity .3s ease;
                transition: opacity .3s ease;
    }
    .catalog-offcanvas-backdrop.in
    {
        opacity: 1;
    }
    body.catalog-offcanvas-lock
    {
        overflow: hidden;
    }
}
@media (min-width: 992px)
{
    .catalog-offcanvas-close
    {
        display: none;
    }
    body:not(:has(.product-layout)):not(:has(#button-cart)):not(:has(#input-sort)) #column-left
    {
        display: none !important;
    }
    body:not(:has(.product-layout)):not(:has(#button-cart)):not(:has(#input-sort)) #content.col-sm-9
    {
        width: 100%;
    }
}
body:not(:has(#column-left .sb-am)) [data-toggle="catalog-offcanvas"],
body:not(:has(#column-left .sb-am)) .col-xs-6:has(> #menu2_button)
{
    display: none !important;
}
@media (max-width: 767px)
{
    body .info-offcanvas-panel
    {
        display: block !important;
        position: fixed !important;
        z-index: 1045 !important;
        top: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        float: none !important;
        width: 280px !important;
        max-width: 85% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 40px 0 0 !important;
        overflow-y: auto !important;
        background-color: #fff;

        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
    }
    body .info-offcanvas-panel.info-offcanvas-open
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    .info-offcanvas-panel #menu,
    .info-offcanvas-panel .navbar-collapse
    {
        display: block !important;
        width: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: visible !important;
        background: none !important;
        box-shadow: none !important;
    }
    .info-offcanvas-panel .navbar-nav
    {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .info-offcanvas-panel .navbar-nav > li
    {
        float: none !important;
        display: block !important;
        border-bottom: 1px solid #eee;
    }
    .info-offcanvas-panel .navbar-nav > li > a,
    .info-offcanvas-panel .navbar-nav > li > a:hover,
    .info-offcanvas-panel .navbar-nav > li > a:focus
    {
        display: block !important;
        padding: 12px 15px !important;
        line-height: 20px !important;
        color: #333 !important;
        white-space: normal !important;
        background: none !important;
    }
    .info-offcanvas-panel .navbar-nav > li > a .fa,
    .info-offcanvas-panel .navbar-nav > li > a i
    {
        color: #333 !important;
    }
    .info-offcanvas-panel .icorightmenu
    {
        display: none !important;
    }
    .info-offcanvas-close
    {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
        cursor: pointer;
    }
    body.info-offcanvas-lock .row.image_in_ico_row
    {
        z-index: 1046 !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .info-offcanvas-panel
    {
        display: none !important;
    }
}
@media (min-width: 768px)
{
    .info-offcanvas-close
    {
        display: none;
    }
}