/* rewrite tablet */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation: portrait) {
}

@media only screen and (max-width : 960px) {
    .modules-order { font-size: 14px }
        .modules-order input { font-size: 14px }
        .modules-order button { font-size: 14px }
        .modules-order .input-group-prepend { display: block; margin: auto; }
            .modules-order .input-group-prepend button { display: block; border-radius: 4px !important }
        .modules-order .input-group-append { display: block; margin: auto; }
            .modules-order .input-group-append button { display: block; border-radius: 4px !important }
    .views-account, .views-account td { font-size: 14px }
}

/* rewrite smartphone */
@media only screen and (min-width : 320px) and (max-width : 736px) {
    #menu-top { display: none }
    .col-xs-pd { margin-bottom: 35px }
    .ef-header { padding: 15px 0 }
    .ef-logo { text-align: center; margin-bottom: 20px }
    .col-header-icons { text-align: center }
    .modules-slider { margin: 0 0 25px }
    .modules-blog { margin-bottom: 25px }
    .jumbotron { margin: 25px 0 }


    #sidebarFilters { width: 280px; position: fixed; top: 0; right: -280px; height: 100vh; z-index: 1000; background: #fff; color: #000; transition: all 0.3s; overflow-y: scroll; box-shadow: -5px 0px 5px -3px rgba(0, 0, 0, 0.2); padding: 25px; }

        #sidebarFilters.active { right: 0; }

    #sidebar { width: 280px; position: fixed; top: 0; left: -280px; height: 100vh; z-index: 1000; background: #fff; color: #000; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); padding: 25px; }

        #sidebar.active { left: 0; }

    #dismiss, #dismissFilters { width: 35px; height: 35px; line-height: 35px; text-align: center; background: #7B146A; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: #fff; }
        #dismiss:hover, #dismissFilters:hover { background: #fff; color: #0069b4; }
    #sidebarFilters.active #dismissFilters { position: fixed }
    .overlay { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; display: none; }

    #sidebar ul, #sidebarFilters ul { margin-left: 0 }
        #sidebar ul li.nav-item, #sidebarFilters ul li.nav-item { width: 100%; display: block }

        #sidebar ul li a, #sidebarFilters ul li a { padding: 10px; font-size: 18px; display: block; width: 100%; color: #000000; }
            #sidebar ul li a:hover, #sidebarFilters ul li a:hover { color: #fff; background: #0069b4; }

        #sidebar ul li.active > a, a[aria-expanded="true"],
        #sidebarFilters ul li.active > a, a[aria-expanded="true"] { color: #fff; background: #0069b4; }

    .modules-cart-progress .nav-justified { display:block }
        .modules-cart-progress .nav-item { margin-right: 0px }
    .views-account .nav-justified { display: block;padding-bottom:10px }
    .views-account .nav-item { margin-right: 0px }

}

@media only screen and (min-width : 320px) and (max-width : 768px) and (orientation: landscape) {
}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.btn-hamb { background-color: #ffffff; color: #000; font-size: 26px !important }