@media (max-width: 1399px) {

}
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
/* popup okno */
section#sp-loginform .modal-content {
    padding: 20px;
    margin: 0;
}
section#sp-loginform .modal-content .modal-body input {
    padding: 10px 15px;
    font-size: 13px;
}
section#sp-loginform .modal-content .modal-body .login-button {
    font-size: 12px;
    padding: 10px;
}
section#sp-loginform .modal-dialog {
    width: 360px;
    left: calc(50% - 180px) !important;
    margin: 0;
}
/* top line */
div#sp-top1 .flex {
    justify-content: space-between;
}
/* header */
#sp-header {
    height: auto;
    padding: 5px 0px;
}
.logo-image {
    height: 30px;
}
#sp-header .logo {
    height: auto;
}
#sp-header #offcanvas-toggler {
    height: 30px;
    line-height: 30px;
}
#sp-header #sppb-addon-1662983223691 li .fas {
    line-height: 40px;
}
#sp-header ul.sppb-icons-group-list {
    margin: 0;
    margin-left: -15px;
}
div#sp-user2 {
    justify-content: flex-start;
}
#sp-header div#sp-user2 .sp-module {
    margin-left: 0px !important;
}
div#sp-sp-compare {
    justify-content: flex-end;
}
div#sp-menu .justify-content-end {
    justify-content: right !important;
}
#sppb-addon-1662989590116 .flex div.email {
    margin-right: 0;
}
/* kategory */
.orderby-displaynumber.row.g-0 {
    font-size: 10px;
}
.browse-view  .orderlistcontainer {
    font-size: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.browse-view .orderlistcontainer div.activeOrder {
    font-size: 10px;
    flex: 0 0 60%;
    min-width: 60%;
    padding: 2px 0.75rem;
}
.col-md-6.display-number,
.col-md-6.vm-order-list {
    flex: 0 0 50%;
    min-width: 50%;
}
.browse-view  .orderlistcontainer .title {
    width: 90px;
    display: inline-block;
    flex: 0 0 40%;
    min-width: 40%;
}
.browse-view .bezDPH.sppb-col-md-4.sppb-col-4,
.browse-view .myprice.sppb-col-md-4.sppb-col-4 {
    flex: 0 0 50%;
    min-width: 50%;
}

table.cart-summary.proopc-table-striped tbody tr.grand-total td:before {
    top: 0;
    font-size: 10px;
}
#ProOPC input.input-ultra-mini.proopc-qty-input {
    height: 26px;
    padding: 0;
    line-height: 26px;
    font-size: 10px !important;
    min-width: 50px;
}
div#ProOPC .cart-summary.proopc-table-striped .grand-total td.col-total.nowrap {
    background: white;
    color: #f84f16;
    font-size: 10px;
}
table.cart-summary.proopc-table-striped tr.grand-total td.sub-headings{
    color: #fff;
}
}
@media (max-width: 767px) {
/* popup okno */
section#sp-loginform .modal-content {
    padding: 20px;
}
section#sp-loginform .modal-content .modal-body input {
    padding: 10px 15px;
    font-size: 13px;
}
section#sp-loginform .modal-content .modal-body .login-button {
    font-size: 12px;
    padding: 10px;
}

/* top line */
div#sp-top1 .flex {
    justify-content: space-between;
}
/* header */
#sp-header {
    height: auto;
    padding: 5px 0px;
}
.logo-image {
    height: 30px;
}
#sp-header .logo {
    height: auto;
}
#sp-header #offcanvas-toggler {
    height: 30px;
    line-height: 30px;
}
#sp-header #offcanvas-toggler:before {
    content: 'MENU';
    color: black;
    margin-right: 5px;
}
#sp-header #sppb-addon-1662983223691 li .fas {
    line-height: 40px;
}
#sp-header ul.sppb-icons-group-list {
    margin: 0;
    margin-left: -15px;
}
div#sp-user2 {
    justify-content: flex-start;
}
div#sp-menu .justify-content-end {
    justify-content: right !important;
}
#sppb-addon-1662989590116 .flex div.email {
    margin-right: 0;
}
/* banner */
body #column-id-1662991081473 {
    height: auto;
}
body #column-id-1662991081468 {
    height: auto;
}
body #sppb-addon-1662991081458 #btn-1662991081458.sppb-btn-custom {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
}
}