/******************************************************
/// Lomi ga bejbe
******************************************************/

@media only screen and (min-width: 1600px) {
	.udaljenosti-sadrzaj { width: 50%; margin-left: 50%; }
	.udaljenosti-sadrzaj-right { width: 50%; margin-left: 0%; }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	
	.slide .slide-content::before { width: 400px; height: 380px; margin-top: -40px; }
	.slide .slide-content { padding-top: 180px;}

	.udaljenosti-sadrzaj, .udaljenosti-sadrzaj-right { padding: 60px; }
	.udaljenosti-sadrzaj ul li, .udaljenosti-sadrzaj-right ul li { width: 250px; }
	.udaljenosti-sadrzaj ul li:nth-child(2n), .udaljenosti-sadrzaj-right ul li:nth-child(2n) { margin-left: 50px; }
	
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.slide .slide-content::before,.slide .slide-content { display:none; }
	.slider .slick-dots { bottom: -10px; }
.isotopeWrapper.loaded { margin-top:90px; margin-bottom:140px; }
	.content-image { margin-right: 35px; margin-bottom:35px;  }
	.udaljenosti-sadrzaj, .udaljenosti-sadrzaj-right { padding: 60px; }
	.udaljenosti-sadrzaj ul li, .udaljenosti-sadrzaj-right ul li { width: 250px; }
	.udaljenosti-sadrzaj ul li:nth-child(2n), .udaljenosti-sadrzaj-right ul li:nth-child(2n) { margin-left: 50px; }
	
	.content-text h5 { font-size: 70px; text-align: center; margin-bottom: 0; }
    .content-text h4, .naslov h4 { line-height: 25px; }
	
	.header-contact p { font-size: 15px; line-height: 25px; float: left; margin: 1px 20px 0px 0; display: block; width: 100%; }

	.nav>li {padding: 0 8px; }
    .nav>li>a { font-size: 14px; }
	

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sub-banner { padding-top: 135px; }
	.header-bottom { padding: 15px 0;  background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto; }
	.navbar-header .logo { width: 130px; margin: 8px 0; }
	.main-menu nav ul li { margin-left: 10px; }
	
	.navbar-collapse.collapse { display: none !important; }
    .navbar-collapse.collapse.in { display: block !important; }
    .navbar-header .collapse, .navbar-toggle { display:block !important; }
    .navbar-header { float:none; }
	.navbar-collapse.in { background: transparent; }
	
	.nav>li {padding: 0 8px; }
    .nav>li>a { font-size: 14px; }

    #main-menu {  float:none!important; }
	.navbar-nav { margin: 7.5px 0px; }
    .navbar-collapse.in { background: transparent; }
    .navbar-nav>li>.dropdown-menu { text-align: left; }
	.header-slider { padding-top: 135px; }
	
	.isotopeWrapper.loaded { margin-top:90px; margin-bottom:120px; }
	.slide .slide-content, .slide .slide-content::before  { display:none; }
	.slider .slick-dots { bottom: -20px; }
   

	.content-image { margin-bottom: 30px; float: none; width: 100%; }
	.udaljenosti-sadrzaj, .udaljenosti-sadrzaj-right { padding: 75px; }
	.udaljenosti-sadrzaj ul li:nth-child(2n), .udaljenosti-sadrzaj-right ul li:nth-child(2n) { margin-left: 70px; }
	.single-sidebar { padding-left: 0; }
	
	.karakteristike .karakteristika p { font-size: 15px; }
	.content-text h5 { font-size: 91px; text-align: center; }
	
	
}

@media only screen and (max-width: 767px) {

   .sub-banner { padding-top: 115px; }
   .banner { padding: 40px 15px; }
   .banner h1 { font-size: 30px; margin-bottom: 5px; }
   .header-bottom { padding: 5px 0; background: #524015; background: -moz-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #524015), color-stop(51%, #b4964e), color-stop(100%, #524015)); background: -webkit-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -o-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -ms-linear-gradient(left, #524015 0%, #b4964e 51%, #524015 100%); background: -webkit-gradient(linear, left top, right top, from(#524015), color-stop(51%, #b4964e), to(#524015)); background: linear-gradient(to right, #524015 0%, #b4964e 51%, #524015 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 ); background-size: 200% auto;}
   .navbar-header .logo { width: 110px; margin: 12px 0 11px; }
   .main-menu { margin: 0; float: left; width: 100%; }
   .main-menu nav { padding: 15px 0; }
   .main-menu nav ul li { margin-left: 0; float: none; }
   .main-menu nav ul li a { display: inline-block; }
   .header-slider { padding-top: 180px; }

	.slide .slide-content, .slide .slide-content::before  { display:none; }
   
   .content-image { margin-bottom: 50px; margin-right: 0; float: none; width: auto; }
   .karakteristike .karakteristika { border: 0px solid #eeeeee; }
   .karakteristike .karakteristika { width: 50%; border: 0px solid #eeeeee; }
   .karakteristike .karakteristika + .karakteristika { border-left: 0px solid #ddd; }
   
   .content-text h5 { font-size: 70px; text-align: center; margin-bottom: 0; }
   .content-text h4, .naslov h4 { line-height: 25px; }
   
   .btn-wrapper a { font-size: 18px; height: auto; padding: 20px 8px; margin-bottom: 25px; }
   .blog-slider-title h2 { font-size: 50px; }
   
   .udaljenosti-sadrzaj, .udaljenosti-sadrzaj-right { padding: 50px 30px; }
   .udaljenosti-sadrzaj ul li:nth-child(2n), .udaljenosti-sadrzaj-right ul li:nth-child(2n) { margin-left: 0; }
   .btn-wrapper button { font-size: 18px; height: auto; padding: 20px 8px; margin-bottom: 25px; }

   .udaljenosti-sadrzaj ul li, .udaljenosti-sadrzaj-right ul li {  margin-right: 25px; }
   
   .single-sidebar { padding-left: 0; }
   .copyright { text-align: center; }
   .design { text-align: center; }
  
   .header-contact p { font-size: 15px; line-height: 25px; float: left; margin: 1px 20px 0px 0; display: block; width: 100%; }
   .navbar-nav { margin: 7.5px 0px; }
   .navbar-collapse.in { background: transparent; }
   .navbar-nav>li>.dropdown-menu { text-align: left; }

   .nav>li>a.active::before, .nav>li:hover>a::before, .nav>li>a.active::after, .nav>li:hover>a::after { display:none;}
   
     .languages { text-align:left!important; top:10px; }
	.languages ul { margin: 20px 0 10px 0px; }
	.languages ul li { padding-left: 0; padding-right: 15px; }
	


   
   .pt-120 { padding-top: 50px; }
   .pb-120 { padding-bottom: 25px; }
   .pb-100 { padding-bottom: 25px; }
   
   #sub_footer_slika { top: 0%; }
   
   .fotka { position: none!important; width: 100%; margin: 0 0 20px 0; }
   .paginacija { left: -10px; }
   .post-nav { margin-top: 55px; float: none; }
    h3.naslov { font-size: 55px; }
   
   .header-bottom.stick .open>.dropdown-menu { width: 100%; margin:0px 0 0 0; padding-bottom: 10px; text-align: left; background: none; }
   .dropdown-menu>li:first-child { margin: 0 0 0 0; }
   .isotopeWrapper.loaded { margin-top: 120px; margin-bottom: 120px; }
   
   .podatci { text-align: center; }
   
   #page-2 form button.btn-primary { width: 100%; }
   .nopaddingr, .nopaddingl { padding-right: 0; padding-left: 0; }
}

@media only screen and (max-width: 479px) {
	.slick-slider { display: none; }
	.navbar-nav { margin: 7.5px 0px; width: 100%; }
	#scrollUp { display: none !important; }
	.container { width: 330px; }
	.sub-banner { padding-top: 70px; }
	.banner { padding: 30px 15px; }
	.banner h1 { font-size: 24px; }
	.section-title h2 { font-size: 24px; line-height: 18px; }
    .languages { text-align:left!important; top:10px; }
	.languages ul { margin: 20px 0 10px 0px; }
	.languages ul li { padding-left: 0; padding-right: 15px; }
	
	.header-slider { padding-top: 170px; }

	.content-text h1 { font-size: 30px; line-height: 30px; }
	.naslov h1 { font-size: 30px; line-height: 30px; }
	.udaljenosti-sadrzaj h2, .udaljenosti-sadrzaj-right h2 { font-size: 24px; }
	.udaljenosti-sadrzaj ul li, .udaljenosti-sadrzaj-right ul li { width: 100%; }
	.section-title h2 { font-size: 24px; line-height: 18px; } 

	
	.testimonial-section-title h2 { font-size: 24px;  line-height: 18px; }
	.blog-section-title h2 { font-size: 24px; line-height: 18px; }
	.blog-details-footer .blog-tags { float: left; width: 100%; }

	.side-navi-data { top: 30px; left: 50px; width: 300px; height: 350px; }
	.side-navi-tab p { width:85%; margin:15px auto 10px auto; font-size: 14px; padding-bottom:4px; }
	.side-navi-tab i { margin: 0 0 10px 20px; color:#fff; font-size:40px; opacity:1; }
	.karakteristike .karakteristika { width: 100%; }
}

/*-- For IE --*/
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .main-menu nav ul li a:hover, .main-menu nav ul li.active a { -webkit-filter: none; filter: none; background-color: transparent; background-image: none; color: #b4964e; }
}