#search-head-form {list-style-type: none; position: relative; display:inline-block; margin:6px 2rem 0 .6rem; }
#search-head-form input {padding-right:2.5rem;padding-left:1rem; width:300px ; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
#search-head-form button {height:38px;width:50px;background-color: #dc3545; border:none; position: absolute; top:0px; right:-30px; cursor: pointer; color: #fff;border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
#search-head-form button:hover {color: #174F81}
#search-head-form form {width:235px; position: relative;}
.easy-autocomplete-container ul {display: block !important; text-align: left;;}
.easy-autocomplete a {padding:.2rem .5rem; font-size:.8rem; color:black !important;}
.easy-autocomplete a.all {background-color: green; color: #fff !important;; text-align: center;}
.easy-autocomplete a.all:hover {color: #fff; opacity:.8}
.easy-autocomplete a:hover {color:#007ec3}
.eac-item img {margin-right:.5rem}
.eac-item span {padding-top:.3rem; display: block;}


header .brand {margin:.5rem 0 .5rem .5rem; display: block;}
header nav ul {list-style-type: none; margin:0; padding:0; display:inline-block; position: relative; }
header nav li {display:inline-block;padding:10px;}
header nav li a  {padding:10px 5px 10px 5px; font-weight: bold; color: #000; text-transform: uppercase;}
header nav li a.active  {color: #007ec3}
header .cart {display:inline-block; position:relative; top:10px;margin-right:15px;}
header .cart.noactive {cursor: text;}
header .cart svg {display:inline-block; width:45px; height:45px;}
header .cart svg:hover #color{ fill: #356;}
header .cart i{background-color: red; position: absolute; font-size:.6rem; font-weight: 800; color: #fff; padding:2px 4px; font-style: normal; top:0; right:-5px; border-radius:5px}

.nav-top {background-color: #F2F2F2; }
.nav-top .nav-user {position:relative; top:-5px; }
.nav-top .nav-user-unlogged {position:relative; top:10px; }
.nav-top .nav-user a{color:#333; margin-right:5px;}
.nav-top .nav-user i.fa-2x{position:relative; top:5px;}

.nav-bottom {background-color: #233452; }
.nav-bottom a {color: white; }


.dropdown-toggle {display: block; position: relative; }
.dropdown-menu {min-width:540px; border:none; }
.dropdown-menu ul {margin:0; top:0; display: block;}
.dropdown-menu li {display: block; float:left; width:270px; border-bottom:1px solid #ddd}
.dropdown-menu li a {padding:1rem; display: block;}
.dropdown-menu li a:hover {background-color: #f2f2f2;}
.dropdown-menu li img {display:inline-block; margin-right:1rem}
.show .dropdown-toggle {background-color: #f2f2f2  ;}

.concrete {background: #d4d4d4 url(../images/home.jpg) repeat;}
.start {padding:10rem 0 12rem 0; text-align: center;}
.start h1 {font-weight: 800; padding:2rem 1rem 0}
.start p  {font-weight: 300; font-size:22px; padding:0 1rem}

.content {padding-top:10px;}
.overflow {overflow: hidden;}

.content .box {padding:1rem 2.5rem; background: #f2f2f2; height:100% }
.content .drobec {color: #969696; padding:.5rem 0 }
.content .category {padding:1rem 0; margin-left:-18px; background: #f2f2f2 }
.content .pr {padding:0; text-align: center; position:relative;}
.content .pr a{border:1px solid #ddd; background-color: #fff; margin:3px; display: block; color: #333}
.content .pr-inbasket::after{ content:"\f058"; font-family: "Font Awesome 5 Free"; position:absolute; bottom:2rem; left:2rem; color: #008000;}
.content .pr-inbasket a{border:1px solid #008000; }
.content .pr a:hover {border-color: #b8b8b8; color: #007ec3}
.content .pr-inbasket a:hover{border:1px solid #008000; }
.content .pr img {margin:2rem 0; max-width: 100%; height: auto; padding: 0 1rem;}
.content .pr strong {display:block; padding:0 .5rem; margin-bottom:.0rem; min-height: 50px;}
.content .pr p {min-height:30px; font-size:.9rem; padding:0 .5rem}
.content .pr p .badge {border-radius:0px; padding:6px;font-size:.7rem;}
.content .bgw {background: #fff}
.content .tags {position:absolute; top:1rem; left:1rem;}
.content .tags .badge {border-radius:0px;}
.content .stock {position:absolute; top:1rem; right:1rem;}
.content .stock .badge {border-radius:0px;}
.listing-price {min-height:30px;font-size:18px;}





  .gift-tag {
    position: absolute;
    top: 4px;
    z-index:100;
    left: 4px;
    width: 100px; /* Adjust width as needed */
    height: 100px; /* Adjust height as needed */
    background-color: #FF0084;
    clip-path: polygon(0 0, 100% 0, 0 100%);
  }
  
  .gift-text {
    position: absolute;
    top: 35%;
    left: 35%;
    transform: translate(-50%, -50%) rotate(-45deg); /* Rotate only the text */
    color: white; /* Text color */
    font-weight: bold; /* Bold font for better visibility */
    font-size: 16px; /* Adjust font size as needed */
  }


  .gift-detail {

    background-color: #FF0084;
    color:white;
    padding:12px;
    margin-top:10px;
    border-radius:5px;
  }

  .badge-gift {
    background-color: #FF0084;
    color:white;
    margin-bottom:10px;
    margin-left:60px;   
  }

.prod-in-basket {float:right;}

.content .drobec h1 {color: #969696; padding:0 0; font-size:1rem; font-weight: bold; margin:0; background-color: transparent  }
.listing h1 {background-color: #233452; color: #fff; padding:1rem 1rem 1rem 1.5rem; margin:0; font-size:1.2rem; font-weight: bold; line-height: 28px; border-left:1px solid #55a0ca}
.filter  {border-bottom:1px solid #ddd; margin-left:0}
.filter form {position: relative;}
.filter .ico:after {content:"\f1de"; font-family: "Font Awesome 5 Free"; font-size:1.2rem; position: absolute; top: 1.9rem; right: 2.2rem; z-index:10; color: #b9b9b9}
.filter .img {padding:1rem; border-left:1px solid #ddd; }
.filter .img img  {margin:0 auto; display: block;}

.breadc a {display: inline-block; color: #aaa;}
.breadc a:hover {color: #000}
.breadc {padding:.65rem .5rem .65rem 1.5rem; color: #aaa; border-bottom:1px solid #ddd; }
.breadc li {display:inline-block; font-size:.9rem}
.breadc li:first-child a:before{content:"\f015"; font-family: "Font Awesome 5 Free"; padding-right:.5rem}
.breadc li:last-child {font-weight: bold;}
.breadc li a:after{content:"\f0da"; font-family: "Font Awesome 5 Free"; padding:0 .3rem 0 .5rem}
.breadc li:nth-child(1) a:after{content:""!important}

.filter form {padding:1.5rem; width:100%}
.filter input {margin-right:.5rem}
.filter select {width:47%; }


.gofilter {background-color: #e9ecef; padding: .5rem .5rem .5rem 0; border-radius:0px; margin-bottom:20px;}
.gofilter .padding1 {padding-right:0}
.gofilter .padding2 {padding-left:0}
.gofilter .tab-content {background-color: #fff; padding:.5rem 1rem 1rem 1rem; border-radius:5px}
.gofilter .tab-content strong {border-bottom:1px solid #e9ecef; display: block; font-size:.9rem}
.gofilter .tab-content a {display: inline-block; min-width:24%; padding:.9rem .9rem 0rem 1.3rem; position: relative;}
.gofilter .tab-content a:before {content:""; border:1px solid #8d9ba9; width:15px; height:15px; display: block; position: absolute; top:1.1rem; left:0; }
.gofilter .tab-content a.active {font-weight: bold; color:#ce2929}
.gofilter .tab-content a.active:before {content:"\f00c"; width:15px; height:15px; display: block; position: absolute; top:1.1rem; left:0; line-height: .8rem; font-size:.8rem;}
.gofilter .tab-content i {font-style: normal; font-size:.8rem; color: #555}
.gofilter .nav {display: block;}
.gofilter .nav-tabs {border:0}
.gofilter .nav-tabs li {display: block; font-weight: bold; border-bottom:1px solid #d2d8de}
.gofilter .nav-tabs li:last-child {border:0}
.gofilter .nav-tabs li a {display: block; padding:.5rem 1rem}
.gofilter .nav-tabs li a.active {background-color: #d2d8de; position: relative;}
.gofilter .nav-tabs li a.active:after{content:""; display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .5em solid transparent;  border-bottom: .5em solid transparent; border-right: .5em solid #fff; position: absolute; top:.6rem; right:0}
.fontawesome:before {font-family: "Font Awesome 5 Free"; padding-right:.6rem}

.categories {margin-right: -30px;margin-left: -30px;}
.categories img {width:50px; margin-right:1rem; float:left;}
.categories .item {float:left;position: relative; width:100%; border:1px solid #e9ecef; display: block;  font-weight: bold; padding:.3rem 1rem .3rem .5rem; font-size:.8rem; line-height: 1rem; height:62px;background-color:white;}
.categories .item span {position: absolute; top: 50%; transform: translateY(-50%);}



.paginat {padding-top:2rem; padding-bottom:4rem; margin:0; margin-top:1rem; position: relative;  border-top:1px solid #e9ecef}
.paginat strong {padding-top:.8rem; display: block; font-size:.9rem}
.paginat .btn {padding:.7rem 2rem}
.paginat .btn i {padding-left:.5rem}
.pagination {margin-top:.5rem !important}
.pagination a {width:30px; height:30px; display: block; text-align: center; line-height: 2rem; border-radius:50px; margin:0 .1rem}
.pagination a:hover {background-color: #d2d8de;}
.pagination a.active {background-color: #ce2929;  }
.pagination a.active {color: #fff}


.scols .c1 {width:22%; line-height: .9rem;}
.scols .c2 {width:13%}
.scols .c3 {width:10%}
.scols .c4 {width:10%}
.scols .c5 {width:10%}
.scols .c6 {width:20%}


.th {font-weight: 800; padding:1rem 1.5rem; border-bottom:1px solid #ddd; margin-left:0}
.th .rozmer, .td .rozmer {padding-left:0}
.thprice {padding-left:3rem}
.th .instock {padding-left:.5rem; position: relative; color: #33b946}
.th .instock.ok:before {content:"\f00c"; font-family: "Font Awesome 5 Free"; color:red; margin:0rem -1rem 0 0; z-index:1; position: relative; top:-4px; right:-10px}
.th .bez:not(.active) {color: #000; font-weight: normal !important;}
.th .sdph:not(.active) {color: #000; font-weight: normal !important;}
.th .bez.active   {  color: #33b946}
.th .sdph.active   {color: #33b946}
.th .bez:hover {text-decoration: underline; color: #007ec3}

.td {padding:.5rem 1.5rem 0 1.5rem; border-bottom:1px solid #ddd; margin-left:0; font-size:.9rem}

.td:hover{background-color: #eef6f9;}
.td.active {background-color: rgba(0, 128, 0, 0.06); font-weight: 800; color: green}
.td.active .count input  {background-color: rgba(0, 128, 0, 0.01); }
.td.active .count input:hover,  .td.active .count input:focus {background-color: #fff;}
.td .disable .btn, .td .disable .btn:hover, .td .disable input{color: #ddd; cursor: text;}
.td a {text-decoration: underline}
.td a.login-price {    background-color: #eaf9ff; display: block; margin-top:-.5rem; padding:.50rem 0 .55rem 1rem; margin-right:1rem; opacity:1 !important}
.td a.btn-modal-login {opacity:.5}

.count form {margin-top:-.5rem}
.count .btn {background-color: transparent;}
.count .add {border-left:1px solid #ddd; border-right:1px solid #ddd; }
.count .add i {padding-right:.5rem}
.count .dwn { border-left:1px solid #ddd;}
.count .btn:hover {color:green}
.count input {border:none; border-left:1px solid #ddd; width:80px; color: #000; font-weight: 800; height:38px; float:left}
.count input:hover, .count input:focus{background-color: #eef6f9;}
.count .not-available {border-right:none !important; cursor: text !important}
.count .not-available:hover {color: #000 !important}

.countbsk input {border:none;width:100px; color: #000; font-weight: 800; height:60px; margin-top:-.5rem; padding-left:.5rem; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.spolu {padding-left:0; }
.remove {font-size:1.5rem; line-height: 1rem; display: block; cursor: pointer; position: absolute; top:.9rem; right:.5rem; font-weight: lighter;}
.remove:hover {color:red}

.load {text-align: center; margin:2rem 0}
.load i {padding-left:1rem}
.loadall {text-align: center;  }
.loadall a {color: #777; display: block; padding:1.5rem 0;}
.loadall a:hover {color: #007ec3; background-color: #f4f4f4;}

.empty {font-weight: bold; }
.empty a {color:red; display: block; padding:1.5rem ;}
.empty a:hover {color: #007ec3; background-color: #f4f4f4;}

.subnav a {color:#fff; text-transform: uppercase; font-weight: 800; display: block; padding:1.1rem 1.3rem;}
.subnav a:hover {color: #fff; background-color: #233452;}
.subnav a.active {border-left:3px solid #dc3545;background-color: #b1afaf; color:white;}
.subnav i {float:right; font-size:1.5rem}

.subnav {}
.subnav>li { margin-bottom:5px;background-color: #b1afaf;}
.subnav li ul   {list-style-type: none; margin:0; padding:0; border-top:1px solid #b1afaf; background-color: #f2f2f2;}

.subnav li:first-child a {border-top:none; }
.subnav li li a {padding:.75rem 1.3rem; font-weight: 300; font-size:.9rem; text-transform: none; color: #000; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.subnav li li a:hover {border-right:none}

.subnav li li a.active{border-left:none; font-weight: 800;}
.subnav li li li a.active{border-left:none; font-weight: 800;}
.subnav li li li a {padding:.7rem 1.3rem .7rem 2.3rem; background-color:#fff;}

.modal-body h2 {font-weight:800; font-size:1.5rem; margin:0 0 2rem 0}
.page {border-top:1px solid #ddd}
.page h1 {font-weight: 800; font-size:2rem}
.page h3 {font-weight: 800; font-size:1rem}
.page ul {margin-bottom:3rem}
.page .box {padding:2rem 10rem 2rem 1.7rem; border-left:1px solid #ddd}
.navvop a {display: block; padding: 1.3rem; border-bottom:1px solid #ddd; color: #000}
.navvop a:hover {background-color: #f2f2f2; color: #000; font-weight: 800;}
.navvop a.active {font-weight: 800;}

.basket .bgw {background-color: #fff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow: 3px 3px 9px rgba(0, 0, 0, .2); margin-bottom:1rem}
.basket {padding-bottom:5rem; background-color: #f2f2f2;  }
.basket .nad800 {background-color: green; color: #fff}
.basket .pod800 {background-color: orange; color: #fff}
.basket .pod800 strong, .basket .nad800 strong {padding:.7rem .5rem .5rem .5rem; display: block;}

.basket .price {font-weight: 800; position: relative;}
.basket .up {border-right:1px solid #ddd}
.basket .th, .basket .td {margin-left:-15px}
.basket .td .count {margin-left:0}
.basket .sum.top {margin-top:2rem;}
.basket .sum {margin-top:.2rem; font-size:1.2rem}
.basket .sum strong {font-size:1.4rem; margin-top:2rem}
.basket .sum.top2{margin-top:1.5rem; margin-bottom:3rem}
.basket .sum.top2.green {color:green}
.basket small {display:none; font-style: normal;}

.basket h1, .basket h2 {background-color: #007ec3; color: #fff; padding:1rem 1rem 1rem 1.2rem; margin:0 -15px; font-size:1.2rem; font-weight: bold; line-height: 28px; text-align: center;}
.basket h2 {background-color: #f2f2f2; text-align: left; color:#000}
.basket label {font-weight: 800; }
.basket label small {padding-left:.3rem}
.basket .btn-success {margin:1rem 0 0rem 0; padding:.6rem 3rem}
.basket .custom-control-label {display:block; cursor: pointer;}
.basket .custom-control-label:hover {opacity:.7}

.basket-cat {position:absolute; bottom:2rem; right:2rem; color:#17A2B8;}
.in-basket-cat {position:absolute; bottom:2rem; right:2rem; color:green;}

.trapay {padding:1rem 0}
.trapay h3 {font-size:1.2rem; margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd; }
.trapay .input-group {border-bottom:1px solid #ddd; padding-bottom:1rem}
.duselect {border-bottom:1px solid #ddd;}
.duselect .input-group {padding-top:1rem}
.duselect .second {border-left:1px solid #ddd; padding-left:1.5rem}
.dodaudaje {padding-top:1rem; padding-bottom:1rem}
.dodaudaje label {font-weight: 300; font-size:.8rem; margin:.5rem 0 0 0}
.dodaudaje .input-group  {margin-top:1.8rem}
.dodaudaje .custom-control-label {font-weight: 800; font-size:1rem; margin:1rem 0 0 0}
.note {padding-top:1rem; padding-bottom:1rem}

footer {background-color: #989898; padding:3rem 0 3rem 0; font-size:.9rem; }
footer .row {background: url(../images/logo2025white.png) no-repeat top left;margin-left:10px; background-size: auto 50px;}
footer a {color:#fff}
footer a:hover {color:#fff; opacity:.5}
footer ul {list-style-type: none; margin:0; padding:0; color:#fff; opacity:.8;}
footer .ul1 ul {margin-left:.5rem}
footer .ul2 {padding-left:2.5rem}
footer li:first-child {font-weight: 800; opacity:.5; margin-bottom:1rem}
footer li {margin-bottom:.3rem}
.collapsible {display:none}

.contact h1 {font-weight: 800;  color: #000}
.contact .bg {background: url(../images/contact.png) no-repeat top right }
.contact.bgs {background: #f2f2f2}
.contact .box {padding:3rem 0 3rem 1.5rem}
.contact ul   {padding:1rem 0 3rem 0}
.contact a    {display: block; padding:.3rem 0; font-size:1.3rem; color: #000; font-weight: 800;}
.contact a:hover {color: #007ec3}
.contactus {border-bottom:1px solid #ccc; padding:5rem 0}
.contactus p {font-size:1.2rem; font-weight: lighter;}
.contactus form {margin-top:2rem}


.profile h1 {padding:0 0 .35rem 1.7rem}
.profile form {padding-left:.9rem}
.profile .duselect {padding-left:1rem; border-top:1px solid #ddd}
.profile .duselect .input-group {margin:0; padding:1.25rem 0 1.3rem 1.3rem}
.profile .dodaudaje {padding-left:.8rem}
.profile .dodaudaje .input-group {margin-top:.8rem}

.user {padding:.9rem 1rem 2.5rem 0rem; border-left:1px solid #ddd}

.orders {padding-right:0}
.orders h1 {padding:0 0 .85rem 1.5rem; border-bottom:1px solid #ddd; margin:0}
.orders .date {padding:1.3rem 1rem .9rem 1rem;  border-bottom:1px solid #ddd; margin:0; background-color: #f2f2f2;}
.orders .number {border-right:1px solid #ddd; display: inline-block; padding:0 1rem 0 0; margin-right:.7rem; font-weight: bold; }
.orders .badge {position: relative; top:-.8rem; left:.5rem}
.orders .btn {margin-top:-.5rem;}
.orders .header {font-weight: bold; border-bottom:1px solid #ddd; padding:.75rem 0}
.orders .header strong, .orders .tdd strong {padding-left:1rem}
.orders .tdd { border-bottom:1px solid #ddd; padding:.75rem 0}
.orders .tdd strong {font-weight: normal;}
/* query */

.user-bg {background: #d4d4d4 url(../images/home.jpg) repeat; padding: 10%; background-size: cover;;}
.user-bg .card {border-radius:0px; border:none;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.user-bg .card-body {border-radius:0px;}

@media (min-width : 1700px) {
.container-fluid {max-width:1600px}
.content {background:none }
}

@media (min-width : 1280px) {
.col-xl-3{ flex: 0 0 20%; max-width:20%; }
.col-xl-9{ flex: 0 0 80%; max-width: 80%; }
.thprice {padding-left:6rem}

}

@media (max-width: 1199px){
#search-head-form {margin:1rem 1rem 0 0rem;}
#search-head-form input {padding-right:2.5rem; width:95%; margin-bottom:15px; }
header nav li a {padding: 30px 10px 35px 10px; text-transform: capitalize;}
.start h1 {font-size:2rem}
.subnav {margin:0 }
.subnav a {padding:.9rem .5rem .9rem 1rem}
.listing h1 {padding:.8rem 1rem .8rem 1.5rem;}

.page .box {padding-right:2rem}
.contact .bg {background-position: 650px 0;}
.basket .th .spolu {margin:0; padding-left:0}
.thprice {padding-left:4rem}
.td, .th {font-size:.9rem}

.scols .c1 {width:26%; line-height: 1.2rem; font-weight: bold;}
.scols .c2 {width:13%}
.scols .c3 {width:10%}
.scols .c4 {width:10%}
.scols .c5 {width:10%}
.scols .c6 {width:25%}

}


@media (max-width: 991px) {

    header nav li {
        display: inline-block;
        padding: 10px 0px;
        font-size: 0.9rem;
    }

 .th, .navvop {display:none}
.content .drobec {padding:.5rem 0 0 0 }
#search-head-form {width:60%}
header .brand {text-align:center;}
header .cart {top:15px}
.brand img {width:140px}
.start h1 {font-size:1.7rem; padding:0 .5rem}
.start p {font-size:1rem;}
header nav ul {display: block; margin-top:1rem}
header nav ul li ul li a:first-child {padding-left:10px}
header nav li a {padding:10px 30px}
header nav li a.logoutUser {padding:10px 10px}
.dropdown-menu li img {width:35px; margin-right:.5rem; font-size:}
.dropdown-menu li a {padding:1rem; display: block;}
.show .dropdown-toggle {background: transparent url() }
.content {background: #f2f2f2 url()}
.content .container {background: #f2f2f2 url()}
footer {padding:3rem 0}
footer .row {background-image: url()}
footer .ul1 li:nth-child(4) {font-size:.8rem}
footer .ul0 {display:none}

.basket .th {display: flex !important}
.basket .th .rozmer {margin-left:-15px; margin-right:10px}
.basket .th .spolu {margin:0; padding-left:15px}
.basket .th .bal {padding-left:15px}
.countbsk input {height:43px; margin-top:-.7rem}


.scols .c1, .scols .c2, .scols .c3, .scols .c4, .scols .c5, .scols .c6 {width:100%; display: block; padding-left:1rem}

.th .count,.td .count {padding-left:0rem}
.td {padding:1rem 0 0 0; border-bottom:2px solid #ddd; line-height: 2rem;}
.td .rozmer {padding-left:1.5rem; font-weight: bold;}
.count form {margin:0; padding:0 0 0 0; border-top:1px solid #ddd;}
.count {padding:0; margin:.5rem 0 0 0 }
.count input{border-left:0; text-align: left !important; padding-left:1.5rem}
.th .stav {padding-left:0; padding-right:0}
.th .instock {padding:0}
.count .add {border-right:0}

.page .box {padding:2rem 1rem 1rem 1rem}
.basket {padding:0}
.basket .bgw {margin-bottom:0}
.contact .box {padding:2rem 1rem}
.contact h1 {font-size:1.5rem}
.contact form .btn {display:block; width:100%}
.contact .bg {background-position: 350px 0;}
.user {padding:1rem 0}
.profile .dodaudaje {padding:1rem 1rem 1rem .8rem}

.orders .date {padding:1rem 0rem}
.orders h1 {padding-left:1rem}
.orders .header strong, .orders .tdd strong {padding-left: 0rem;}
.td .count .btn {padding-left: 1rem; padding-right: 1rem;}
.td a.login-price {    background-color: transparent;  margin-top:0; padding:0; margin-right:0}
.dph {display:none;}

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

  
#search-head-form {width:60; margin:1rem 2rem 0rem 2rem; }
header nav li a {padding:10px 16px}
header nav ul{margin-left:2rem}
header .row  {margin:0}
header .cart svg {width:35px}
header {margin:0 0 1rem 0}
header .container-fluid {padding:0}

footer {padding:1.5rem 0 3rem 0}
.order2 {order:2}
.order1 {order:1}

.count input {width:120px}

.page h1 {font-size:1.5rem}
.basket .text-right {text-align: left !important;}
.basket .sum {font-size:1rem}
.basket .sum strong {font-size:1rem}


.basket .th {display: none !important;}
.basket .td {margin-left:-15px; margin-right:-15px; line-height: 2rem;}
.basket .td div {max-width:100%; flex:100%}
.basket .td .rozmer, .basket .padd   {padding-left:1rem}
.countbsk {padding:0}
.countbsk input {width:100%; text-align: left !important; margin-top:.5rem; padding-left:1rem; border:none; border-top: 1px solid #ddd; }
.basket .order1 {order:1}
.basket .order3 {order:3}
.basket small {display:block; position: absolute; right:1rem; top:0}
.basket .up {border:none}
.contact .bg {background-position: 270px 0;}
.contact a {font-size:1.1rem}
.eac-item {padding:1rem}

.remove {right:1rem}
.paddright {text-align: right; padding-right:1rem}




}

@media (max-width: 575px) {
    .nav-top {padding-bottom:10px;}
.contact .bg {background: url() }
.text-right {text-align: center !important;}
.col-xs-6 {width:50%}
.hidenxs {display:none}

#search-head-form {width:100%; margin:1rem 0 0 0; padding:0 1rem }
#search-head-form button {right:1.5rem}
header .row  {margin:0}
header .cart svg {width:35px}
header nav ul{margin-left:0rem; padding-left:1rem}
.npm {padding:0}
.dropdown {    position: static; }
.dropdown-menu {margin-top:.9rem; min-width:100%; box-shadow: none; transform: translate3d(0, 34px, 0px) !important; border-top:1px solid #ddd}
.dropdown-menu ul {padding:0}
.dropdown-menu li {width:100%}
.dropdown-menu li a {padding-left:1rem !important}

header .cart i {display:none}
footer .ul1 li:nth-child(4) {font-size:.95rem}
header nav li a {padding:5px 12px }


.content .box {padding:1rem 2rem}

footer {padding:0}
.collapsible {display:block; border:none; background-color: transparent; cursor: pointer; padding: 1rem 10px 1rem 0; width: 100%; color: #fff; text-align: left; outline: none; font-size: 15px; }
.collapsible i {float:right; margin-top:3px}
.mobile-dropdown { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.cd-top {bottom:54px !important; width:40px !important; background-color: #ccc !important}

footer .ul1 ul{margin-left:0rem}
footer .ul1 {margin:1rem 0; padding:0}
footer .ul2 {margin:1rem 0 2rem 0; padding-left:1rem; padding:0}
footer .ul3 {margin:0 0 1rem 0; padding:0}

.listing h1, .breadc, .filter form {padding:1rem}
.filter .img {border:none}
.filter input {width: 97%;}

.basket .sum.top2 {margin-bottom:1rem}
.duselect .second {padding-left:15px}
.btnorder {text-align: center;}
header .btn-modal-register {display:none}


.td .rozmer {padding-left: 1rem;}
.td {line-height: 2rem;}
.count form {overflow: hidden;}
.count input {width:50%; height:58px}
.count .add {padding:1rem 0 1rem 2rem; display: block;}

.countbsk {padding:0 !important}
.orders .btn {margin-top:1rem;display: block;}
.text-right-xs {text-align: right; }
.filter .ico:after {top: .25rem; right: 2rem;}
.filter form {padding: 0;}
.breadc li:first-child a:before {padding:0}

}

@media screen and (max-width : 320px) {
header nav li a {padding:5px 9px; font-size:.9rem; }

.listing h1, .breadc, .filter form {padding:1rem}
.filter .form-control {display: block; width:95%; margin-right:0}

}

.custom-control-inline {display:inline;margin-right:5px;}
.sdph.active {font-weight:bold;}
.bez.active {font-weight:bold;}

.table-product {border:1px solid #dee2e6;}
.table-product .col1 {background-color:#f2f2f2;width:30%;}
.table-product .badge {border-radius:0px;}

.spinner {position: relative; width:150px; height:59px; margin:.75rem 0 0 0rem; background-color: rgb(233, 236, 239); border-radius:0px 0 0 0px}
.spinner i {display:none} /* js */
.spinner input[type=text] {position:absolute; left:0;  width: 90px; height:59px;  text-align: center; font-size:2rem; border:0;  background-color: rgb(233, 236, 239); font-weight: bold; border-radius:10px}
.spinner input:focus {outline: none;}

.spinner .numbers-row { position: absolute; left:0rem; top:0; }
.spinner .button {cursor: pointer; width: 35px; height: 35px; color: #000; }
.spinner .button:hover {opacity:.7}
.spinner .dec {position: absolute; left:95px; top:30px}
.spinner .inc {position: absolute; left:95px; top:5px}
.spinner .inc:before {content:" \f067"; font-family: "Font Awesome 5 Free"; font-size:18px; }
.spinner .dec:before {content:" \f068"; font-family: "Font Awesome 5 Free"; font-size:18px;}

.product .btn {background-color: #233452; border-color: #233452; color: #fff; padding:1rem 2rem 1rem 1.5rem; position: absolute; top:0; left:8rem; border-radius:0 6px 6px 0}
.product .btn:before {content:" \f07a"; font-family: "Font Awesome 5 Free"; padding-right:.8rem}
.product .btn:hover {background-color: #172236;}


#export-catalog {position:fixed; right:1.5rem; bottom:1.5rem; font-weight:bold; border-radius:50px; box-shadow: 3px 3px 9px rgba(0, 0, 0, .2); }
.level2 {padding-left:3rem;}
.level3 {padding-left:4.5rem;}


.owl-prev, .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  color: #000;
  padding: 10px;
  z-index: 999;
  border:none !important;
  font-size:3rem !important;
}
.owl-prev {
  left: 10px; /* Adjust as needed */
}
.owl-next {
  right: 10px; /* Adjust as needed */
}

.owl-prev:focus, .owl-next:focus, .owl-prev:active, .owl-next:active {
  outline: none; /* Remove border on click/focus */
}

.add-favorit {position:absolute; left:2rem; bottom:2rem; color:#ccc !important; cursor:pointer;}
.add-favorit:hover {position:absolute; left:2rem; bottom:2rem; color:#d33232 !important;}

.remove-favorit {position:absolute; left:2rem; bottom:2rem; color:#d33232 !important; cursor:pointer;}
.remove-favorit:hover {position:absolute; left:2rem; bottom:2rem; color:#b32929 !important;}