@media(min-width:1330px){
.header-container, 
.home_about_container > div, 
.home_featured_cta > div,
.home_featured_product > .home_featured_product-box,
.home_featured_cta-two > div,
footer .copyright{max-width: 1260px; margin: 0 auto; width: 100%;}
    
.header-container, 
.home_featured_cta > div,
.home_featured_product > .home_featured_product-box,
.home_featured_cta-two > div,
footer .copyright{padding-left: 0; padding-right: 0;}
    
.sticky-header .header-container{max-width: 1260px; margin: 0 auto; padding: 0;}
    
footer > article{max-width: 1260px; margin: 0 auto;}
footer aside p{max-width: 1260px; margin: 0 auto; padding: 0;}
    
    /******** Innerpages start *******/
    .main_container{max-width: 1260px; margin: 0 auto; width: 100%;}
    /******** Innerpages start *******/
}

@media (max-width:1329px) {
    
.home_about_container > div{width: 96%; margin: 0 auto;}
    
.header-container, 
.sticky-header .header-container,
.home_featured_cta > div,
.home_featured_product > .home_featured_product-box,
.home_featured_cta-two > div,
footer .copyright,
footer > article, 
footer aside p{width: 96%; margin: 0 auto; padding-left: 0; padding-right: 0;}
    
/******** Innerpages start *******/
.main_container{margin: 0 auto; width: 96%;}

/* product list page start  */
.sorter form label { font-size: 13px;}
/* product list page end  */

/******** Innerpages end *******/
}

@media (max-width:1199px) {
 /* common css start */
.common-btn { padding: 6px 18px;}
 /* common css end */

/* home banner start  */
/* home banner end  */

/* home about start */
.home_about_container{padding: 50px 0;}
.home_about_container > div > aside{padding: 0 50px;}
/* home about end */
    
/*Home featured catalog start*/

/*Home featured cta start*/
.home_featured_cta{padding-bottom: 35px;}
/*Home featured cta end*/
    
/*Home featured product start*/
.home_featured_product{padding: 50px 0;}
    .home_featured_product article figure{height: 230px;}
/*Home featured product end*/
    
/*Home featured cta two start*/
.home_featured_cta-two{padding: 50px 0;} 
    .home_featured_cta-two aside{padding-left: 50px;}
    .home_featured_cta-two:before{width: 324px; height: 170px;}
/*Home featured cta two end*/
    
/*Home featured catalog end*/

 /* footer start  */
    footer > article{padding: 40px 0;}
    .footer_logo img {height: 60px;}
 /* footer end */
 /* home page start  */


 /* inner page start  */
 /* product category page start */
/* sidebar left start  */
.main_container nav ul li a {padding: 10px 15px;}
.main_container nav ul li ul li a {padding: 7px 15px 7px;}
.main_container nav ul > li > a > svg { margin-top: 3px;}
/* sidebar left end  */
.products_sub_categ_cnt article figure a img { height: 195px;}
 .products_sub_categ_cnt article h1 a {font-size: 16px;line-height: 22px;}
 .products_sub_categ_cnt article { margin-top: 10px; margin-bottom:10px;}
 .products_sub_categ_cnt article h1 a > svg { top: 0px;}
 /* product category page end */

 /* product list page start  */
 /* filter start  */
.sorter form div {align-items: self-start;flex-direction: column;}
.sorter form div select {width: 100% !important; max-width: 100% !important;}
.sorter form div { width: 50%;}
.sorter form label { line-height: 24px;}
 /* filter end  */

 /* product content start  */
 .products_sub_prod_cnt article > div > div { font-size: 20px;}
 .products_sub_prod_cnt article > div { padding: 16px 15px 20px;}
 .products_sub_prod_cnt article {margin-top: 10px; margin-bottom: 10px;}
    .products_sub_prod_cnt article figure{height: 200px;}
 /* product content end  */
 /* product list page end  */

 /* about page start  */
 .about-section article  h1 { font-size: 26px; line-height: 34px;}
 /* about page end  */

 /* inner page end  */


}


@media (max-width:1000px) {
.services_container_inner{flex-wrap: wrap;}

}



@media (max-width:991px) {
    /* common css start */

 /* common css end */ 
    
 /* header start  */
 
.logo img{height: 70px;}
    
/* navigation start  */
    .navigation ul li:not(:last-of-type){margin-right: 22px;}
    .navigation ul li {padding: 20px 0 13px;}
/* navigation end  */

 /* header end  */

/* home page start */

/* home about start */
.home_about_container{padding: 40px 0;}
.home_about_container > div > aside{padding: 0 30px;}
    .home_about_container article{padding: 30px 30px 20px;}
.home_about_container > div > aside p {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.home_about_container article aside {margin-top: 24px;}
/* home about end */
    
/*Home featured catalog start*/

/*Home featured cta start*/
.home_featured_cta{padding-bottom: 30px;}
/*Home featured cta end*/
    
/*Home featured product start*/
.home_featured_product{padding: 40px 0;}
    .home_featured_product article figure{height: 180px;}
    .home_featured_product article h1{padding-bottom: 2px;}
    .home_featured_product article > div{padding: 8px 15px 15px;}
    .home_featured_product article h1 a{font-size: 18px;}
    .home_featured_product article > div > div {padding: 2px 0 16px;font-size: 20px;}
/*Home featured product end*/
    
/*Home featured cta two start*/
.home_featured_cta-two{padding: 40px 0;} 
    .home_featured_cta-two aside{padding-left: 50px;}
/*Home featured cta two end*/
    
/*Home featured catalog end*/

 /* footer start  */
    footer > article{padding: 40px 0;}
 /* footer end */
/* home page end */


/* inner page start  */
/* hero banner start  */
.hero-banner { min-height: 250px; padding-top: 90px;}
.hero-banner h1 {font-size: 35px; line-height: 40px;}
/* hero banner end */

/* cetegory page start  */
.main_container { padding-top: 40px; padding-bottom: 40px; column-gap: 30px;}
.products_sub_categ_cnt article {width: calc(50%  - 30px);}
.products_right_cnt { width: 64%;}
.main_container nav { width: 36%;}
/* cetegory page end  */

/* product list page start  */
.products_sub_prod_cnt article {width: calc(50% - 33px);}
.products_sub_prod_cnt article h1 a {font-size: 18px; height: 46px;line-height: 26px;}
.products_sub_prod_cnt article > div p {height: 138px;}
/* product list page end  */

 /* about page start  */
 .about-section article  h1 { font-size: 24px; line-height: 32px;}
 /* about page end  */


/* inner page end */

}

@media (max-width:925px) {
    .services_categ_details article table{
        border: none;
        width: 100%;
    }
    .services_categ_details article table tr{
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

}
@media( min-width: 0px) and (max-width:800px){
    .products_container_inner{
       flex-direction: column;
    }
    .main_container nav{
        width: 100%;
        margin-bottom: 30px;
    }
    .products_right_cnt{
        width: 100%;
    }
 
}
@media( min-width: 0px) and (max-width:768px){
    .product_details_price_info_btn .basic_product_info{
        width: 100%;
        border-right: none; 
        border-bottom:1px solid rgba(0, 0, 0, 0.1) ;
    }
}

@media(min-width:768px){

/* header start  */
.navbar-toggler{display: none;}
/* header end  */

 /* header css start  */
 ul li.serch-btn{display: none;}
 /* header css end  */

 /* service page start  */

 .filter-btn{display: none;}
 /* service page end  */

}

@media(max-width:767px){
/* common css start */
body{font-size: 15px;line-height: 26px;}

.common-btn {font-size: 16px; padding: 5px 19px; border-radius: 5px;}

/* common css end */ 

 /* header start  */
.header-container{padding-top: 10px !important; padding-bottom: 10px !important;}
 .logo img {height: 60px;}
.sticky-header .logo img {height: 37px;}
.contact_data, .sticky-header .contact_data{padding-top: 0;}
    

 /* header end */
    
 /* munu start  */
  body.mobile-menu{overflow: hidden;}
  .navbar-toggler {
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    z-index: 950;
    margin-left: 20px;
}

.navbar-toggler div {
  width: 100%;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.4s;
}
 .navigation { left: 100%;  position: fixed;z-index: 999;transition: .5s ease; background: #fff; height: 100%; width: 70%; top: 0;}
 .navigation .navbar-toggler{position: absolute; top:30px; right: 20px;}
 header nav ul { display: block; padding:60px 20px 20px;}
 .navigation ul li { padding: 0;margin: 0 !important;}
 .navigation ul li a:before{display: none;}
 .navigation ul  a{padding: 7px 0;display: flex;}
 .navigation ul a:hover{color: var(--theme-color);}
 .navigation ul a.active{color: var(--theme-color);}

 .navigation ul li:not(:last-of-type){border-bottom: 1px solid var(--gray-bg);}
 .mobile-menu .navigation{  animation: mobile-menu .5s linear; left: 30%; opacity: 1;}
 @keyframes mobile-menu { 0%{left: 100%;opacity: 0; } 100%{left: 30%; opacity: 1;} }
 .mobile-menu .bg-overly{position: fixed; left: 0;top: 0; width: 100%; height: 100%; z-index: 5;background-color: #000000c2; animation: overly-bg 1s;}
 @keyframes overly-bg { 0%{opacity: 0; } 100%{opacity: 1;} }
 /* munu end  */

/* home page start */
    
/* home banner start  */
/* home banner end  */
    
/* home about start */
.home_about_container{padding: 30px 0;}
    .home_about_container > div{border-radius: 20px;}
.home_about_container > div > aside{padding: 0 30px;}
    .home_about_container article{padding: 20px 20px 12px; border-radius: 10px;}
    .home_about_container article h1 a{font-size: 24px;}
.home_about_container > div > aside p {font-size: 16px; line-height:26px; margin-bottom: 15px;}
.home_about_container article figure {margin-top: 24px;}
/* home about end */
    
/*Home featured catalog start*/

/*Home featured cta start*/
.home_featured_cta{padding-bottom: 25px;}
    .home_featured_cta aside h2{font-size: 26px;}
    .home_featured_cta aside em {padding: 10px 0 15px;}
/*Home featured cta end*/
    
/*Home featured product start*/
.home_featured_product{padding:30px 0;}
    .home_featured_product article figure{height: 270px;}
    .home_featured_product aside{display: block;}
    .home_featured_product article{width: auto; margin-bottom: 15px; margin-left:  0; margin-right: 0;}
    .home_featured_product article:last-child{margin-bottom: 0;}
    .home_featured_product article h1{padding-bottom: 6px;}
    .home_featured_product article h1 a{font-size: 20px;}
    .home_featured_product article > div{padding-top: 12px;}
    .home_featured_product article > div > div {padding: 0px 0 16px; font-size: 20px;}
/*Home featured product end*/
    
/*Home featured cta two start*/
.home_featured_cta-two{padding:30px 0;} 
    .home_featured_cta-two aside{padding-left:30px;}
    .home_featured_cta-two aside h2{font-size: 26px;}
    .home_featured_cta-two aside p{margin: 12px 0 20px;}
/*Home featured cta two end*/
    
/*Home featured catalog end*/
    
/* home page start */

 /* footer start  */
    footer > article{padding: 30px 0 25px;}
 .footer_logo img{height: 45px;}
    footer h2{font-size: 21px;}

 .copy-right p{text-align: center;}
 .copy-right .custom-container{flex-direction: column; align-items: center;}
    .copyright a{width: 84px;}
    .copyright p{width: 80%;}
 /* footer end  */


 /* inner page start  */
 /* product cartegory page start  */
 /* sidebar left start  */
 .main_container nav ul > li > a > svg { height: 20px; width: 20px;}
 .main_container nav {width: 100%;margin-bottom: 20px;}
 /* sidebar left end  */
 .products_categ_cnt h1 { font-size: 26px;}
 .products_categ_cnt em { font-size: 16px;}
.products_right_cnt { width: 100%;}
.main_container { padding-top: 30px; padding-bottom: 30px; column-gap: 0px; flex-direction: column;}
.products_sub_categ_cnt article figure a img { height: 215px;}
 /* product cartegory page end  */

 /* product list page start  */
.products_sub_prod_cnt article h1 a {font-size: 20px;}
.products_sub_prod_cnt article figure{height: 263px;}
 /* product list page end  */

 /* about page start  */
 .about-section { width: 100%;}
 /* about page end  */

 /* inner page end  */

}


@media(max-width:575px){
/* common css start */
.header-container, .sticky-header .header-container, .home_featured_cta > div, .home_featured_product > .home_featured_product-box, .home_featured_cta-two > div, footer .copyright, footer > article, footer aside p, .home_about_container > div{width: 94%;}   
 /* common css end */ 

 /* header start  */
.logo img { height: 50px;}
.contact_data ul li:not(:last-of-type) {  margin-right: 10px;}
.sticky-header .logo img {height: 30px;}
 /* header end */   
    
/* home page start */
    
/* home about start */
.home_about_container div{border-radius: 10px; padding: 10px;}
.home_about_container article{padding: 20px 20px 12px; border-radius: 10px; width: 100%;}

.home_about_container > div > aside{padding:15px 10px 10px; height: auto; width: 100%;}
.home_about_container > div > aside p {font-size: 16px; line-height:26px; margin-bottom: 15px;}
.home_about_container article figure {margin-top: 24px;}
/* home about end */
    
/*Home featured catalog start*/

/*Home featured cta start*/
    .home_featured_cta article{width: 100%;}
    
    .home_featured_cta aside{width: 100%; height: auto; padding: 10px 10px 0;}
    .home_featured_cta aside h2{font-size: 24px;}
/*Home featured cta end*/
    
/*Home featured product start*/
    .home_featured_product article figure{height: auto;}
/*Home featured product end*/
    
/*Home featured cta two start*/
    .home_featured_cta-two article{width: 100%; border-radius: 10px;}
    .home_featured_cta-two aside{padding:20px 15px 0; width: 100%; height: auto;}
    .home_featured_cta-two aside h2{font-size: 24px;}
    .home_featured_cta-two aside p{margin: 10px 0 18px;}
/*Home featured cta two end*/
    
/*Home featured catalog end*/
    
/* home page start */


/* footer start  */
    footer > article{display: block;}
    
    .footer_logo p{padding-top: 10px;}
    .footer_menu {padding-top: 12px; border-top: solid 1px #ccc; margin-top: 10px;}
    .footer_contact {padding-top: 12px; border-top: solid 1px #ccc; margin-top: 10px;}
/* footer end  */

 /* inner page start  */
 /* product cartegory page start  */
 /* sidebar left start  */
 .main_container nav ul li a { padding: 8px 15px;}
 /* sidebar left end  */
 .products_categ_cnt h1 { font-size: 24px;}
.products_right_cnt { width: 100%;}
.main_container { padding-top: 25px; padding-bottom: 25px; }
.products_sub_categ_cnt article figure a img { height: 190px;}
.products_categ_cnt figure {max-width: 100%; margin-right: 0;}
 /* product cartegory page end  */

 /* product list page start  */
 .products_sub_prod_cnt article h1 a {font-size: 18px;}
 .products_sub_prod_cnt article > div > div {font-size: 18px;  padding: 0 0 10px;}
 .products_sub_prod_cnt article > div p {height: 128px;}
.products_sub_prod_cnt article figure{height: 200px;}
 /* product list page end  */

 /* about page start  */
 .about-section article  h1 { font-size: 22px; padding-bottom: 10px; line-height: 30px;}
 .about-section article  figure {max-width: 100%; float: initial; text-align: start;}
 .about-section article { margin: 0 0 18px;}
 /* about page end  */

 /* inner page end  */

}


@media(max-width:479px){
 /* common css start  */
    
 /* common css end  */

/* header start  */
.logo img { height: 42px; margin-right: 10px;}
.sticky-header .logo img { height:40px;}
    
    .sticky-header .contact_data ul li:not(:last-of-type){margin-right: 12px;}
    .contact_data ul li a.phone{font-size: 14px;}
    .contact_data ul li:first-child a{font-size:0;}
    .contact_data ul li:last-child img{height: 16px;}
/* header end */    
    
/* home banner start  */
.home-banner .banner-img img { min-height: 200px;}
.banner-stricker { top: 35%;}
.banner-stricker img {height: 45px;}
/* home banner end  */

/* client section start  */
.client-section article { width: 50%;}
/* client section end */

/* footer start  */
 .f-logo-area { display: block; }
.f-logo-area .f-img:first-child { margin-bottom: 15px;}
/* footer end */
/* home page end */

/* inner page start  */

/* hero banner start  */
.hero-banner h1 { font-size: 24px;  line-height: 30px;}
/* hero banner end */

/* sedebar section start  */
.sidebar-content-sec .grid-three article {width: 100%;}
/* sedebar section end */

/* contact page start  */
.contact-title h2 { margin-bottom: 10px;}
.contact-box { width: 100%;}
.contact-box .col { padding: 15px;}
.contact-form {padding: 20px 0;}
.form-map-area .form-group {width: 100%;}
/* contact page end  */

/* product category page start  */
.products_sub_categ_cnt article {width: 100%; margin-left: 0; margin-right: 0;}
.products_sub_categ_cnt article figure a img { max-height: 350px; height: initial;}
.products_sub_categ_cnt article {margin-top: 5px; margin-bottom: 5px;}
/* product category page end  */

/* product list page start  */
/* product filter start  */
.sorter form {flex-direction: column;}
.sorter form div { width: calc(100% - 20px);}
.products_sub_categ_cnt {margin-left: 0; margin-right: 0;}
.sorter form div:first-child{margin-bottom: 10px;}
/* product filter end  */

.products_sub_prod_cnt article { width:100%; margin-left: 0;margin-right: 0; margin-top: 5px;margin-bottom: 5px;}
.products_sub_prod_cnt article h1 a {height:initial;}
.products_sub_prod_cnt article h1 {line-height: 16px;}
.products_sub_prod_cnt {margin-left: 0; margin-right: 0;}
    .products_sub_prod_cnt article figure{height: auto;}
/* product list page end  */

/* inner page end */

}
@media(max-width:380px){
 /* client section start */
.client-section article {width: 100%;}
 /* client section end */

 /* product category page start  */
.products_sub_categ_cnt article figure a img { max-height: 300px;}
/* product category page end  */
}

@media(max-width:767px){
    
/* ============================================
   HEADER STRUKTURA - MOBILE
   ============================================ */

/* Header glavni container */
header article {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important; /* Logo lijevo, hamburger desno */
    gap: 0;
}

/* Logo - zauzima prostor, ali ne rastegne se */
.logo {
    order: 1;
    flex: 0 0 auto;
}

.logo img {
    height: 50px;
}

.sticky-header .logo img {
    height: 40px;
}

/* Hamburger - gore desno, uvijek */
.navbar-toggler {
    display: inline-block !important;
    order: 2;
    flex: 0 0 auto;
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Header right content - ide ispod (nova linija) */
.header_right_cnt {
    order: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
}

/* Contact data - wrap horizontalno */
.contact_data {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
    gap: 10px;
}

/* Search forma - PRIKAZUJE SE, ali manji */
.search_content {
    display: block !important;
    width: 100%;
    margin: 0 !important;
}

.search_content form {
    max-width: 100% !important;
    margin: 0 !important;
}

.search_content input[type="search"] {
    font-size: 14px !important;
    height: 36px !important;
    padding: 0 12px 0 38px !important;
}

.search_content input[type="submit"] {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
}

/* Contact lista - horizontalno sa wrap */
.contact_data ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.contact_data ul li {
    margin: 0 !important;
}

.contact_data ul li:not(:last-of-type) {
    margin-right: 0 !important;
}

/* Kontakt text - sakrij, ostavi samo ikone */
.contact_data ul li a.mail,
.contact_data ul li a.phone {
    font-size: 0 !important;
}

.contact_data ul li a svg {
    margin-right: 0 !important;
}

/* Facebook ikona - manja */
.contact_data ul li:last-child img {
    height: 18px;
    width: auto;
}

/* Header container padding */
.header-container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Sticky header */
.sticky-header .contact_data {
    padding-top: 0 !important;
}

.sticky-header .contact_data ul li:not(:last-of-type) {
    margin-right: 0 !important;
}

    
/* ============================================
   MOBILE MENU / NAVIGACIJA
   ============================================ */

/* Sakri desktop navigaciju */
body.mobile-menu {
    overflow: hidden;
}

.navbar-toggler {
    cursor: pointer;
    width: 25px;
    height: 25px;
    z-index: 950;
}

.navbar-toggler div {
    width: 100%;
    height: 3px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

/* Navigation panel - off-screen */
.navigation {
    position: fixed;
    left: 100%;
    top: 0;
    width: 70%;
    height: 100%;
    background: #fff;
    z-index: 999;
    transition: left 0.5s ease;
    box-shadow: -3px 0 10px rgba(0,0,0,0.1);
}

/* Otvoren menu */
.mobile-menu .navigation {
    left: 30%;
    opacity: 1;
    animation: mobile-menu 0.5s linear;
}

@keyframes mobile-menu {
    0% { left: 100%; opacity: 0; }
    100% { left: 30%; opacity: 1; }
}

/* Overlay pozadina */
.mobile-menu .bg-overly {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,0.76);
    animation: overly-bg 1s;
}

@keyframes overly-bg {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Navigation close button u meniju */
.navigation .navbar-toggler {
    position: absolute;
    top: 30px;
    right: 20px;
}

/* Navigation lista - vertikalno */
header nav ul {
    display: block !important;
    padding: 60px 20px 20px;
}

.navigation ul li {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.navigation ul li:not(:last-of-type) {
    margin-right: 0 !important;
    border-bottom: 1px solid var(--gray-bg);
}

.navigation ul li a {
    display: flex !important;
    padding: 7px 0 !important;
}

.navigation ul li a:before {
    display: none !important;
}

.navigation ul a:hover,
.navigation ul a.active {
    color: var(--theme-color);
}

} /* END @media(max-width:767px) */