body, h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
}


a {
    text-decoration:none!important;
    transition: all 1s;
}

.prvi{
    color:#808080;
    padding: 10px 0 0 0 ;
    font-size: 14px;
    background-color:#fff;
}

.prvi .container{
  border-bottom: 2px solid #f0f0f0;
  padding-bottom:20px;
}

.prvi p{
  margin:0;
}

.top-ikone img{
  margin-right: 10px
}

.top-ikone{
  padding-top:10px;
}

.prvi span{
  font-weight: bold
}

.container-header {
    position: relative;
    z-index: 10;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
}

.container-nav {
    padding: 0!important;
}

.izbornik a{
    color:#000!important;
    font-size:15px!important;
}

.izbornik .dj-submenu a{
    color:#000!important
}

.izbornik .dj-subwrap {
    padding-top:18px!important;
    padding-left:15px!important;
    }

.izbornik .dj-subwrap a{
    font-size:15px!important
    }

.izbornik .dj-subwrap a:hover{
    padding-left:30px
    }

.ikone-jezik{
   text-align:right;
}


img.dj-image{
  height:100%!important;
  width:auto!important;
  min-width:100%;
  object-fit: crop!important;
  object-position: center!important; 
}


.slide-desc-in {
    width: 100%;
}

.slide-desc-bg-default {
    background: RGBA(0,0,0,0.0)!important;
}

.djslider-default .slide-desc {
    position: absolute;
    background: RGBA(0,0,0,0.0);
    min-height: 100%;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
}

.slide-desc-text {
    text-align:left!important;
    width:1305px;
    margin:auto;
}


.slide-text h1 {
    font-weight: 900;
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 0px 0px #2c3e50;
    margin:0;
}


.slide-text a {
    padding:10px 20px 10px 20px!important;
    font-weight: 500;
    background-color:#fff;
    font-size:15px;
    transition: all 1s;
    color:#770c12;
    line-height:3;
    border-radius:10px
}

.slide-text a:hover {
    background-color:#000;
    color:#fff;  
}

.slide-text p {
    max-width:700px; 
}

.prev-button {
    left:100%!important;
    margin-left:-130px!important;
    top:-70px;
}

.next-button {
    top:-70px;
    left:100%!important;
    margin-left:-65px!important
}

.navigation-container{
  top:50%!important;
  margin:0px 0px 0px 0px!important;
  }

.dj-megamenu-wrapper {
    position: initial;
    left: 100%;
    margin-left:-20px;
}

li.dj-up {
    float: right;
    position: relative;
    display: block;
}

.dj-up a:hover{
    color:#8C6238!important;
}


.ikone{
  color:#888888;
  font-weight:900;
  margin-top:50px
}


a.back-to-top-link.visible {
    background-color: #000;
    color: #fff;
    border-style: none;
    transition:all 1s;
}

a.back-to-top-link.visible:hover {
    background-color: #8C6238;
}


.slika img {
    max-width: 100%;
    height: 250px;
    object-fit: cover;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sivo{
  background-color:#eaeaea;
  padding:30px;
  margin-bottom:20px
}

a.mod-articles-category-title {
    font-weight: 300;
    font-size:20px;
    margin-bottom:10px;
    color:#bc8567
}

.mod-articles-category-title {
    margin-bottom:10px
}
span.field-value.mod_articles_category {
    font-weight: normal;
    font-size: 16px;
}
.field-value.mod_articles_category {
    margin-top:30px
}

.dole {
    background-color: #f1f1f3;
    color:#000;
    padding:50px 0;
    font-size:14px;
  margin-top:50px
}

.dole h5 {
  color:#00;
  font-weight:900;
  font-size:25px;
  margin-top:20px
}

.dole a {
  color:#c69c6c!important;
  font-weight:500;
}

.smm{
  margin-top:30px
}

.smm a{
  background-color:#fff;
  color:#c69c6c!important;
  border-radius:50px;
  padding:3px 9px;
  font-size:25px
}

.dole2 a{
  background:none;
  padding:0px;
  font-weight:normal;
  color:#c69c6c!important;
  font-size:14px
}

.dole li{
  padding:10px 0;
}

span.fa-li {
    font-size: 18px;
    position:relative;
    top:-3px;
    color:#c69c6c;
    padding:0;
    margin-right:-15px
}


.dole-prvi{
  padding:0 60px 0 0
}

a.dole-btn{
  color:#c69c6c!important;
  background-color:#fff;
  font-weight:600;
  padding:5px 10px;
}

/* mobile menu open buttons */
.dj-megamenu-select-dark .dj-mobile-open-btn,
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn,
.dj-megamenu-accordion-dark .dj-mobile-open-btn {
	font-size: 2px!important;
	padding              : 0px 8px!important;
	background           : none;
	color:#a4a4a4!important;
	top:12px;
	position:relative
}

.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before,
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
	font-size:  28px!important;

}


.com-content-article h2 {
    font-weight: 300;
    color:#00546e;
    width:70%;
    margin: 40px 0 15px 0
}

.com-content-article h3 {
    font-weight: normal;
    color:#be100f;
    margin: 30px 0 50px 0;
    font-size:22px;
}

div.page-header h1 {
    font-size: 40px;
    font-weight: 300;
    margin-top:15px;
}

ul.fields-container {
    list-style: none;
    padding: 0;
}

span.field-value {
    font-size: 32px!important;
    color:#bc8567;
    font-weight:300!important
}

table.specifikacije  {
    margin-top:50px!important;
    max-width:100%!important
    }

.specifikacije td  {
    padding:15px 0!important;
    font-size:12px;
    border-bottom:1px solid #d2d2d2;
    text-align:center;
    line-height:1.3
    }

.specifikacije p  {
    padding:0!important;
    margin:0
    }

tr.header {
    font-size:13px;
    text-align:center;
    background-color:#bc8567;
    padding: 15px;
    margin-top:50px!important
    }

.header td {
    color:#fff;
    padding: 10px 0;

    }

li.field-entry.mod_articles_category {
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    border-color:#bc8567
}


.sidebar-right  {
    border-style: none!important;
}


label.cf-label {
    margin-left: 5px;
}

div.cf-content-text.cf-col h1 {
    font-weight: 900;
    color:#bc8567
}

div.cf-content-text.cf-col p {
    font-size: 14px;
    margin-bottom:30px
}

div.cf-content-text.cf-col h6 {
    background-color: #eee;
    color: #bc8567;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-left: solid #bc8567 20px;
    border-radius: 3px;
    transition: all 1s
}

div.cf-content-text.cf-col h6:hover {
    padding-left: 20px; 
}

div.cf-content-text.cf-col h5 {
    background-color: #eee;
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-left: solid #000 20px;
    border-radius: 3px;
    transition: all 1s;
    font-size: 16px
}

div.cf-content-text.cf-col h5:hover {
    padding-left: 20px; 
}

p.form-sivo {
  color:#b3b3b3;
  margin: 40px 0 0 0;
}

p.dostava {
    font-weight: bold;
    color:#bc8567;
    font-size:17px!important
}

.modal {
  background: rgba(0, 0, 0, .8); 
}
.modal-backdrop {
  display: none;
}

.tabovi{
  margin-top:-150px;
  position:relative;
}

.onama{
  background-color:#8C6238;
  padding:40px;
  color:#073544;
  font-size:14px;
}

.onama h1{
  font-size:20px;
  color:#073544;
}

.onama h2{
  font-size:40px;
  font-weight:900;
  margin:20px 0;
  color:#fff;
}

.onama a{
  color:#fff;
}

.caption{
    background-color:#dfe4ea;
    padding:10px;
    margin-bottom:20px;
    }

.caption h3 {
    font-weight: bold;
    color: #466b77;
    text-align:center;
    font-size:18px;
    margin:20px 0;
}

.caption p {
    font-size: 13px;
    text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.tab h1 {
    margin: 50px;
    text-align: center;
    font-weight:300
}


.thumbnail img.ikona {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    width: 60px;
    background-color: #466b77;
    z-index: 5;
    position: relative;
    padding: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transform: rotate(0deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.thumbnail:hover img.ikona {
    transform: rotate(360deg);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-color: #9cbec8;
}

.intro {
    background-color: #00546e;
    padding: 30px 60px;
    margin: -15px 0px;
    color: #fff;
}

.sikcontent {
    padding: 40px 60px;
    margin: 0 -15px;
    color: #32454a;
    font-size:15px;
}

.sikcontent h1 {
    color: #00546e!important;
    font-size: 20px;
    font-weight:900;
}

.sikcontent  h2 {
    color: #00546e!important;
    font-size: 45px;
    font-weight: 300;
}

.intro a{
    color: #fff!important;
}

.intro h1 {
    color: #fff!important;
    font-size: 16px;


}

.intro h2 {
    color: #cde8e9;
    font-size: 55px;
    font-weight: 500;

}

.com-content-article__body h1 {
    margin:20px 0 30px 0;
    color:#00546e;
    font-weight:300;
}

.sigplus-gallery{
  margin:50px 0;
}

.pretraga {
  float: left;
  width: calc(100% - 50px);
  box-sizing: border-box;
}

.ikona {
  float: left;
  width: 50px; /* ili neku drugu Å¡irinu */
  box-sizing: border-box;
}

.logo-gore img{
  max-width:200px
}

.pretraga .inputbox{
  border-radius:100px;
  width:100%;
  padding:7px 10px;
  margin:0;
  border-top: 2px solid #E6E7E8;
  border-right: 2px solid #E6E7E8;
  border-bottom: 2px solid #E6E7E8;
  border-left: 2px solid #E6E7E8;
  background-image: url('../../../images/ikona-trazi.png');
  background-repeat: no-repeat, repeat;
  background-position: 98% center
}

table{
  font-size:15px!important;
   font-family: 'Poppins', sans-serif;
  line-height:1.3
}

p{
  font-size:15px!important;
   font-family: 'Poppins', sans-serif;
  line-height:1.3
}

li{
  font-size:15px!important;
   font-family: 'Poppins', sans-serif;
  line-height:1.3
}

.properties{
  border-top:0!important
}

.brendovi {
  margin:100px 0;
  background:#F1F1F2;
  padding:50px;
  background-image: url('../../../images/bg-grid.png');
  background-repeat: no-repeat, repeat;
  background-position: top center;
  font-size:16px!important
}

.brendovi p {
  font-size:16px!important;
}

.brendovi h2{
  font-size:50px;
  font-weight:900;
  color:$000;
  margin-bottom:30px
}

.brendovi img{
  mix-blend-mode: multiply;
}
.dj-offcanvas-top{
  background-color:#fff!important
}


.dj-offcanvas-dark {
	background: #fff!important;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
	background: #fff!important;
    color:#000!important;
}

ul.dj-mobile-dark li.dj-mobileitem:hover>a,
ul.dj-mobile-dark li.dj-mobileitem.active>a {
	background: #c7c7c750!important;
}

.dj-offcanvas-dark .dj-offcanvas-top {
	background: #fff!important;
}

.dj-offcanvas-close-icon{
	color:#000
}
	
ul.dj-mobile-dark li.dj-mobileitem>a {
	border-top        : 5px solid #00000010!important;
}

/* 2nd level */
ul.dj-mobile-dark ul li.dj-mobileitem>a {
	color       : #fff;
	background  : #fff!important;
	border-top  : 4px solid #ffffff!important;
	padding-left: 50px;
}

ul.dj-mobile-dark ul li.dj-mobileitem:hover>a,
ul.dj-mobile-dark ul li.dj-mobileitem.active>a {
	color     : #fff;
	background: #ededed!important;
}

/* 3rd level */
ul.dj-mobile-dark ul ul li.dj-mobileitem>a {
	background: #C60202;
	border-top  : 1px solid #ffffff10;
    padding-left: 55px;
}

.product-container {
  padding:10px;
}

.product-container:first-child{
  padding-left:0
}

.product-container:last-child{
  padding-right:0
}

.spacer{
  background:#f1f1f3;
  border-radius:20px
}

.detaljno {
  padding:20px;
  border-radius:0px 0px 20px 20px;
  width:100%; 
  height:100px
}

.spacer img{
  height:200px;
  width:100%;
  object-fit:cover;
  border-radius:20px 20px 0px 0px ;
}

.detaljno a {
  color: #000;
  font-weight:bold;
  font-size:18px;
  line-height:1;
     -webkit-box-orient: vertical;
}

.PricesalesPrice {
  font-weight: bold;
  color:#770c12;
  font-size:20px;
  margin-top:5px;
}
.naziv{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2; /* numberof lines to show */
   -webkit-box-orient: vertical;
}

/*Virtuemart*/
div.vm-pagination.vm-pagination-top {
    display: none;
}

div.floatright.display-number {
    font-size: 12px;
}

.spacer .quantity-box{
  display:none!important
}

.quantity-controls {
  top:-4px!important;
  position:relative
}

.quantity-box {
  top:-9px!important;
  position:relative
}

.spacer .quantity-controls {
  display:none!important
}

a.product-details {
    display: none;
}


p.product_s_desc {
    display: none;
}

div.spacer.product-container {
    padding: 0px!important;
    border-style: none;
}

div.vm-pagination.vm-pagination-bottom ul {
    padding-left: 0;
    margin-top: 20px;
}

.vm3pr-2 {
    text-align:center!important;
}

.product-price{
  width:100%;
  text-align:center
}


span.vm-page-counter {
    display: none;
}

div.activeOrder a {
    color: #000;
    font-weight: bold;
}

img.browseProductImage {
    height: 300px!important;
    width: 100%!important;
    object-fit: cover!important;
}

div.browse-view h1 {
    margin-left: 10px;
}

div.vm3pr-2 {
    padding-bottom: 10px;
}

.vm-product-descr-container-1, .vm-product-descr-container-0 {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 50px;
}

div.vm-product-descr-container-1 h2 a,div.vm-product-descr-container-, h2 a  {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical;
}

span.PricesalesPrice {
    font-size: 20px!important;
    color: #770c12!important;
    font-weight:900;
}

span.PricebasePriceWithTax {
    font-size: 15px!important;
    font-weight: bold;
    color: #c69c6c!important;
}

.detaljno div.PricesalesPrice.vm-display.vm-price-value {
    text-align:left;
}



input.addtocart-button {
    font-size: 15px!important;
    font-weight: bold!important;
    border-style: none!important;
    background-color: #c69c6c!important;
    margin-bottom: 20px!important;
}


span.pagenav {
    background-color: #c69c6c;
    color: #fff;
    border-style: none;
    border-radius:5px
}

a.pagenav {
    background-color: #c69c6c;
    border-style: none;
    color: #fff;border-radius:5px
}

div.vm-pagination.vm-pagination-bottom {
    padding-left: 10px;
}

div.orderlist div a {
    color: #000;
  font-size:15px
}
div.orderlist div a:hover {
    color: #000;
  font-size:15px
}

a.vm-btn.vm-btn-primary.showcart.floatright {
    background-color: #c69c6c;
    border-style: none;
}

#fancybox-content div h4 {
    margin-top: 40px!important;
  font-size:15px;
  text-align:center
}

a.vm-btn.vm-btn-secondary.continue_link {
    border-style: none;
}

.vm-fieldset-pricelist th{
  border:none;
  background:#e8e8e8!important;
  padding:10px!important;
}

.vm-fieldset-pricelist td{
  border-left:0px!important;
  border-right:0px!important;
  padding:10px!important
}

tr.sectiontableentry1 td h4 {
    font-size: 15px;
}

tr.sectiontableentry1 td h3 {
    font-size: 15px;
}

a.details {
    border-style: none;
    background: #c69c6c;
    color: #fff;
}

td.vm-cart-item-name a {
    font-weight: bold;
    color: #000;
}

button.vm-button-correct {
    background-color: #8c6238;
    border-style: none;
    margin-bottom: 20px;
}

a.vm-button-correct {
    background-color: #8c6238!important;
    border-style: none!important;
    margin-bottom: 20px;
}

.spacer-buy-area .PricebasePriceWithTax.vm-display.vm-price-value {
    text-align: left
;
}

.spacer-buy-area .PricesalesPrice.vm-display.vm-price-value {
    text-align: left
;
}

.spacer-buy-area .vm-product-details-container h1 {
    padding-left: 15px;
    font-size: 25px;
    margin-bottom: 20px;
}

div.spacer-buy-area h1 {
    font-size: 25px;
    margin-bottom: 20px;
}

a.manuModal {
    font-weight: bold;
    color: #000;   
    pointer-events: none; 
    cursor: default; 
}

img.product-image {
    width: 100px;
    height: 100px;
    object-fit:cover
}

div.main-image a img {
    width: 100%;
}

.upozorenje{
  color:#a5a5a5;
  font-size:13px!important;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  padding:20px 0;
  margin: 20px 0;
}

.sifra{
  margin-bottom:20px
}

.informacije h2{
  color:#8c6238;
  font-size:18px;
  font-weight:400;
  margin-bottom:20px
}

.informacije {
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  padding:20px 0;
  margin: 20px 0;
  font-weight:bold;
}

.informacije .fas{
  font-size:20px;
  background:#c69c6c;
  color:#fff;
  padding:7px;
  border-radius:10px;
  margin-right:10px
}


.ask-a-question-view img.product-image {
    display: none;
}

tr td label {
    font-size: 10px!important;
}

.field {
    width: 100%!important;
    height: 300px!important;
}

input {
    width: 100%!important;
    margin: 0!important;
    background: #fff!important;
}

form.form-validate p {
    font-size: 15px!important;
    margin-top: 20px!important;
}

div.floatleft.width50.text-right label {
    font-size: 5px!important;
    display: none!important;
}

input.highlight-button {
    background-color: #000!important;
    border-style: none!important;
    font-weight: bold!important;
    font-size: 15px!important;
    padding: 10px!important;
    margin-top: 20px!important;
}

input.counter {
    margin-top: 25px!important;
    width: 50px!important;
    text-align:center;
}

div.vm-product-details-container h1 {
    font-weight: bold;
}

a.pitaj {
    background-color: #c69c6c;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius:7px;
	font-size:13px;
}

.izdvojeni{
  padding:50px 0 0 0;
}

img.dole-logo {
    width: 200px;
    mix-blend-mode: multiply;
}

.cart-view {
    width: 100%; /* postavlja širinu kontejnera na cijelu širinu ekrana */
    overflow-x: auto; /* omogućuje klizanje samo po x osi (lijevo-desno) */
}

table {
    width: 100%; /* postavlja osnovnu širinu tablice na 100%, ali može biti šira ako je potrebno */
    min-width: 600px; /* možete postaviti minimalnu širinu tablice ako želite da bude šira od ekrana na manjim uređajima */
    border-collapse: collapse; 
}

.labela{
	text-align:center;
	font-size:15px;
	margin-top:-30px;
	position:absolute;
	width:100%

}

.labela a{
	background:#a51f18;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
}

.labela-modul{
	text-align:center;
	font-size:15px;
	margin-top:-30px;
	position:absolute;
}

.labela-modul a{
	background:#a51f18;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
.slide-desc-text {
    width:1170px;
}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.slide-desc-text {
    width:990px;
}

.slide-text h1 {
    font-size: 18px;
}

.slide-text h2 {
    font-size: 45px;
    margin-bottom:0px;
}

.slide-text  {
    font-size: 15px;
}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
.container, .container-md, .container-sm {
    max-width: 100%;
}



.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: initial;
    padding-bottom: 1em;
    padding:0 30px!important;
}

.slide-text h1 {
    font-size: 15px!important;
    margin:0!important
}

.slide-text h2 {
    font-size: 35px;
}

.tab-dole img{
  display:none
  }

.tab-dole .col-md-6{
  text-align:center;
  padding:30px;
  border-right: 0px solid #f2f2f2
}

.dole{
  padding:50px 20px;
  font-size:12px;
}
}

@media screen and (max-width: 768px) {
.button_message.eb_privacypolicy{
  width:/0%
}

.button_cookie{
  margin:0!important;
  margin-top:10px!important
}
  
.detaljno a {
  color: #000;
  font-weight:bold;
  font-size:15px!important;
  text-align:center!important
}

.naziv{
  text-align:center
}
  
.product-container.width25.floatleft{
  width:50%
}

.izdvojeni{
  padding:10px;
}

.izdvojeni h2{
  text-align:center;
}

.najnoviji{
  padding:20px;
}

.najnoviji h2{
  text-align:center;
}

.brendovi{
  margin:20px 0;
}

.detaljno a {
  color: #000;
  font-weight:bold;
  font-size:18px;
  line-height:1;
     -webkit-box-orient: vertical;
}

.brendovi {
  padding:50px 20px;
  font-size:13px
}

  .brendovi p{
  font-size:13px!important
}

.brendovi h2{
  font-size:35px
}
  
.logo-gore img{
  max-width:100%;
}
  
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: initial;
    padding-bottom: 1em;
    padding:0 30px!important;
    height:50px
}

  .slide-desc-text {
    width:100%;
    max-width:520px
}

.slide-text h1 {
    font-size: 22px!important;
    margin:0!important
}

.slide-text h3 {
    font-size: 12px!important;
    margin:0;
}

.slide-text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
    font-size:11px!important;
}

.slide-text a{
    padding:5px 10px!important;
    font-size:13px;
    line-height:0
}

.sivo{
  margin-bottom:20px;
  padding:15px
}

.dole{
  padding:50px 20px;
  font-size:12px;
}

.dole-prvi{
  padding:0;
  margin-bottom:20px;
}

a.mod-articles-category-title {
    font-size:16px;
}

span.field-value.mod_articles_category {
    font-weight: normal;
    font-size: 13px;
}

.container-component{
  padding:0 20px;
  font-size:14px;
  font-weight:300;
}

.text-white{
  font-size:13px!important
}

.onama h1{
  font-size:15px
}

.onama h2{
  font-size:25px
}

.navigation-container{
  display:none;
}
  
.pretraga .inputbox{
  border-radius:100px;
  width:100%;
  padding:5px 10px;
  margin:0;
  border-top: 1px solid #E6E7E8;
  border-right: 1px solid #E6E7E8;
  border-bottom: 1px solid #E6E7E8;
  border-left: 1px solid #E6E7E8;
  font-size:13px;
}

.top-ikone p{
    font-size: 13px!important;
}

.top-ikone{
  padding-left:20px
}

span.PricesalesPrice {
    font-size: 15px!important;
}

.vm-pagination  {
    width: 100%; 
    overflow-x: auto; 
}

.vm-product-media-container{
  width:100%!important
}
  
}

@media screen and (max-width: 992px) {
.col-4{
  margin-bottom:20px;
}
}