/*boostrap grid tweak*/
/* @media all and (min-width:1640px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
       max-width: 1560px !important;
    }
 }
 
 @media all and (min-width:1780px) {
 
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
       max-width: 1700px !important;
    }
 } */

 @media all and (max-width:1399px){
   .navbar-nav .nav-link, 
   .navbar-nav .dropdown-toggle{
      font-size:16px;
      
   }

  
   
   .swiper-slide h1{
      font-size:40px;
   }

   .swiper-slide h2{
      font-size:30px;
   }

   h1{
      font-size:40px;
  }
  
  h2{
      font-size:30px;
      margin-bottom:30px;
  }
  h3{
     font-size:25px;
     margin-bottom:30px;
  }
  
  h4{
     font-size:20px;
     margin-bottom:15px;
  }
  
  h5{
     font-size:22px;
     margin-bottom:15px;
  }
  
  h6{
     font-size:16px;
     margin-bottom:15px;
  }

  

 }

 @media all and (max-width:1199px){

   .navbar-nav li{
      margin-left:25px;
      font-size:16px;
   }

   #navbar-brand-logo img{
      width: 180px;
   }

   h1{
      font-size:35px;
  }
  
  h2{
      font-size:30px;
      margin-bottom:30px;
  }
  h3{
     font-size:25px;
     margin-bottom:30px;
  }
  
  h4{
     font-size:22px;
     margin-bottom:15px;
  }
  
  h5{
     font-size:20px;
     margin-bottom:15px;
  }
  
  h6{
     font-size:16px;
     margin-bottom:15px;
  }

  .textContent {
   font-size: 18px;
   line-height: 30px;
   margin-bottom:30px;
  }

  .textPeek h3{
   font-size:22px;
  }


  .menu-item{
      margin-left: 15px;
  }

  .headerSlika img{
      height: 250px;
        object-fit: cover;
  }

/* woocommerce */

.woocommerce div.product .product_title{
	    font-size: 30px;
		margin-bottom:15px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	font-size:28px;
	}


 }


 @media all and (max-width:991px){

   .swiper-slide h1{
      font-size:32px;
   }

   .swiper-slide h2{
      font-size:28px;
   }

   h1{
      font-size:30px;
  }
  
  h2{
      font-size:25px;
      margin-bottom:30px;
  }

  h3{
     font-size:22px;
     margin-bottom:30px;
  }
  
  h4{
     font-size:20px;
     margin-bottom:15px;
  }
  
  h5{
     font-size:18px;
     margin-bottom:15px;
  }
  
  h6{
     font-size:16px;
     margin-bottom:15px;
  }

   .mb-90-60-30{
      margin-bottom:30px;
   }

   header{
      padding:0;
   }

   .container{
      max-width: 100%;
   }

   body.no-scroll {
      height: 100vh;
      overflow-y: hidden ;
  }

  #navbar-brand-logo img {
   width: 120px;
   }
  
  .dark-overlay {
  
      visibility:hidden;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
  
  }
  
  .dark-overlay.active {
      visibility:visible;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      z-index: 9;
  }

  #bcb-main-navbar{
   z-index: unset;
  }

  .navbar-toggler-icon{
   background-image: url(../img/menuIcon.svg);
  }

  #navbar-main-menu{
   width:320px;
   position:fixed;
   right:0;
   top:0;
   height: 100%;
   background-color: #fff;
   padding:65px 15px;
   z-index:11;
   box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.1);
  }

  .close-menu{
   display:inline-block;
   width: 25px;
   height:25px;
   position:absolute;
   top:25px;
   right:15px;
   cursor:pointer;
  }

  .close-menu::after{
   display:inline-block;
   content:"";
   width:100%;
   height: 100%;
   background-image:url(../img/closeMenu.svg);
   background-size: 100% 100%;
   position: absolute;
   top:0;
   left:0;
  }

  .navbar-nav{
   align-items: flex-start;
  }

  #nav-header .dropdown-menu{
   position:relative;
   left:0;
   padding-left:15px;
   box-shadow:none;
   transform:none !important;
   width:100%;
  }

  #nav-header .dropdown-toggle::after{
   position: absolute;
   right: 0;
   font-size:16px;
   opacity: 0.8;
  }

  .navbar-nav .nav-link, .navbar-nav .dropdown-toggle{
   margin-bottom:0px;
   padding: 0 !important;
  }

  .navbar-nav li {
   margin: 0 0 0px 0;
   width: 100%;
}

  .fa-magnifying-glass:before, .fa-search:before{
   top:0;
  }

  .mainSwiper .btn-secondary{
   padding: 10px 30px;
   font-size:18px;
  }

  .tallImg img{
   max-width:320px;
   margin-bottom:30px;
  }

  .productLabel{
   font-size:16px;
}

.textContent {
   font-size: 16px;
   line-height: 24px;
}

  footer ul{
   margin-bottom:20px;
  }

  .kljucniSastojci{
   background-color: #EEECE6;
   padding:60px 0;
}

.pageTitle {
   padding-top: 60px;
}

.detaljiProizvoda h3{
   margin-bottom:30px;
}

.proizvod .textContent {
   padding-left: 30px;
   font-size:16px;
}

.greyBg{
   padding:60px 0;
}

.menuCartWrapp{
	display:flex;
}

.menuCartWrapp button{
	order:2;
}

 .cartIcon{
	 margin-left:0px;
	 margin-right:20px;
	 order:1;
 }

 .cartIcon img{
	 position:relative;
	 top:3px;
	}

 }

 @media all and (max-width:767px){
   .sliderImgWrapp img{
      height:350px;
      object-fit: cover;
   }

   .swiper-slide h1 {
      font-size: 35px;
  }

  .swiper-slide h2 {
   font-size: 25px;
}

   .iconWrap a span {
      font-size: 16px;
  }

  .social{
   margin-bottom:30px;
  }

  .postLinkBox{
      height:auto;

  }

  .kljucniSastojci h2 {
   margin-bottom: 30px;
}

.pageTitle {
   padding-top: 30px;
}

.subpage h1{
   margin-bottom:30px;   
}

.proizvod .textContent {
   padding-left: 0px;
   margin-top:30px;
}

/* woocommerce */
 .related.products{
	  margin-top:30px;
  }
 


}

@media all and (max-width:575px){
   .dev {
      text-align: left;
  }
}

@media all and (max-width:475px){
   .btn-prim,
   .wpcf7-submit{
      width:100%;
   }
}