/***** MEDIA QUERIES *****/


/* On smaller screens, decrease text size */     
@media screen and (max-width: 481px) {         /*******************  Rezolucija < 481px    ***********************/


	#googleMap iframe {
		width: 100%;
		height:99%;
	}

	/**********************************     P   O   C   E   T   N   A    ****************************************/	
	
   #pocetna .text {font-size: 14px}
  
   #pocetna .rezervacija {
	width: 40%;
	float: left;
	margin-right:1%;
	margin-left: 0;
	margin-top: 0;
	font-size: 13px;
	text-align: left;
	letter-spacing:-1px;
	color: white;
	}
	
   #pocetna .pratite   {
	   width: 35%;
	   margin-left: 0.2rem;
	   margin-top: 1rem;
	   
    }
    
	#pocetna .fa-facebook-square {
	     font-size: 1.5rem;
}

    #pocetna .fa-twitter-square {
	      font-size: 1.5rem;
}

    #pocetna .fa-instagram {
		 font-size: 1.5rem;
	}
	
	#pocetna .top i {
	
	opacity: 0.7;
	margin: 1%;
	
}
	
	#pocetna .english {
	
	width: 25%;
	float: right;
	margin-top: -2.3rem;
	
	
	}
	
	#pocetna .english img {
		width: 1.8rem;
		display: block;
		margin: auto;
	}
	
    #pocetna .logo {
		width: 19rem;
		padding: 0;
		overflow: auto;
	}
	
	#pocetna .logo img  {
		margin-left:5rem;
		}
	
    #pocetna .dugme {
	 
	  display: inline-block;
	  float: left;
	 	 
	}
	
	#pocetna .meni {
		position: absolute;
		top: 100%;
		z-index:99;
		display: none;
		padding:0;
		margin: 0;
	}
    #pocetna .meni li {
	  float: none;
	}
    
	#pocetna .meni li a {
		width: 100%;
		float: left;
		text-align: left;
		display: block;
		padding:10px 20px;
		background: #ccc;
		border-left: 1px solid #464646;
		color: #464646;
		text-decoration: none;
	}
	
	#pocetna .meni li a:hover {
		background: #a1a12b;
		color: #fff;
	}
    #pocetna .nav {
		background-color: #708090;
		position: absolute;
		top: 18rem;
		width: 100%;
		float: left;
	}
   
	#pocetna  hr {
		  display: none;
	}
   
    #pocetna .slideshow-container {
	     margin-top: -4.6rem;
    }
   
	#pocetna .o-nama {
		width: 98%;
		text-align: justify;
		margin-left: 1%;
	} 
	
	#pocetna .o-nama img {
		max-width: 100%;
		height: auto;
	}
	#pocetna .t_cvet {
			width: 97%;
			height: auto;
			margin-left: 1%;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			}
		
	#pocetna .t_cvet img {
			max-width: 100%;
			margin: 2%;
		   }
	
	#pocetna .info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
	}
		
	#pocetna .kontakt {
			
			width: 90%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 14px;			
	    }
	
	#pocetna #googleMap {
			width: 95%;
			height: 50%;
			margin:0;
			padding:0;
				
		}
	
	#pocetna .ivanjica {
	width: 100%;
	border-top: 1px solid gray;
   }
	#pocetna .ivanjica p {
		text-indent: 3%;
		text-align: justify;
		padding: 0% 4%;
	}

	#pocetna .ivanjica h4 {
		margin-top: 3%;
		text-indent: 3%;
		
	}


	#pocetna {
		background-color: #e2e6e9;
	}
	#pocetna h2 {
		width: 100%;
		border-bottom: 1px solid gray;
		font-size:22px;
		text-align: center;
	}

	#pocetna h3, h4 {
		text-align: center;
	}

	
	#pocetna .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:16px;
	}
		 
	#pocetna .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#pocetna .text2 {
		width: 100%;
	}
		 
	/**********************************     O    N A M A    ****************************************/	 
	
	
	#oNama {
		background-color: #e2e6e9;
	} 
		
	    
	#oNama .text {font-size: 14px}
  
    #oNama .rezervacija {
		width: 40%;
		float: left;
		margin-right:1%;
		margin-left: 0;
		margin-top: 0;
		font-size: 13px;
		text-align: left;
		letter-spacing:-1px;
		color: white;
	}
	
    #oNama .pratite   {
	   width: 35%;
	   margin-left: 0.3rem;
	   margin-top: 1rem;
	   
    }
    
	#oNama .fa-facebook-square {
	     font-size: 1.5rem;
    }

    #oNama .fa-twitter-square {
	      font-size: 1.5rem;
    }

    #oNama .fa-instagram {
		 font-size: 1.5rem;
	}
	
	#oNama .top i {
	
	opacity: 0.7;
	margin: 1%;
	}
	
	#oNama .english {
	
	width: 25%;
	float: right;
	margin-top: -2.3rem;
	}
	
	#oNama .english img {
		width: 1.8rem;
		display: block;
		margin: auto;
	}
	
    #oNama .logo {
		width: 19rem;
		padding: 0;
		overflow: auto;
	}
	
	#oNama .logo img  {
		margin-left:5rem;
		}
	
    #oNama .dugme {
	 
	  display: inline-block;
	  float: left;
	 	 
	}
	
	#oNama .meni {
		position: absolute;
		top: 100%;
		z-index:99;
		display: none;
		padding:0;
		margin: 0;
	}
    #oNama .meni li {
	  float: none;
	}
    
	#oNama .meni li a {
		width: 100%;
		float: left;
		text-align: left;
		display: block;
		padding:10px 20px;
		background: #ccc;
		border-left: 1px solid #464646;
		color: #464646;
		text-decoration: none;
	}
	
	#oNama .meni li a:hover {
		background: #a1a12b;
		color: #fff;
	}
	
    #oNama .nav {
		background-color: #708090;
		position: absolute;
		top: 18rem;
		width: 100%;
		float: left;
	}
   
	#oNama  hr {
		  display: none;
	}
   
    #oNama .slideshow-container {
	     margin-top: -4.6rem;
    }
   
	#oNama  .aboutUs {
		width:100%;
		background-color: #F5F5DC;
		font-family: Sans-Serif;
		font-size:12px;
		margin: auto;
		
	}
	
	#oNama .aboutUs h2{
		font-size:18px;
	}
	
	#oNama 	.aboutUs img {
			 margin: 0;
			 max-width: 100%;
			 height: auto;
			 }
		
	#oNama 	.aboutUs p {
			width: 100%;
			float: none;
			text-align: justify;
			
		}
		
	#oNama  .kontakt h2 {
		
		width: 100%;
		font-family: Sans-Serif;
		font-size:18px;
		
		}
	
	#oNama .info {
			
			width: 100%;
			border: none;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
	}
		
	#oNama .kontakt {
			
			width: 100%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 11px;			
	    }
	
	#oNama  #googleMap {
			width: 99%;
			height: 50%;
			margin:0;
			padding:0;
				
		}
	
	#oNama h3, h4 {
		text-align: center;
	}

	#oNama .kontakt {
		font-size: 14px;
	}

	#oNama .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:16px;
	}
		 
	#oNama .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#oNama .text2 {
		width: 100%;
	}
	
	
	
	/**********************************      C   E   N   E    ************************************/
	
	#cene .rezervacija {
		width: 40%;
		float: left;
		margin-right:1%;
		margin-left: 0;
		margin-top: 0;
		font-size: 13px;
		text-align: left;
		letter-spacing:-1px;
		color: white;
	}
	
     #cene .pratite   {
		   width: 35%;
		   margin-left: 0.2rem;
		   margin-top: 1rem;
		   
    }
    	
    #cene .pratite   {
	   width: 35%;
	   margin-left: 0.2rem;
	   margin-top: 1rem;
	}
    
	#cene .fa-facebook-square {
	     font-size: 1.5rem;
    }

    #cene .fa-twitter-square {
	      font-size: 1.5rem;
    }

    #cene .fa-instagram {
		 font-size: 1.5rem;
	}
	
	#cene .top i {
	
	opacity: 0.7;
	margin: 1%;
	
    }
	
	#cene .english {
	
	width: 25%;
	float: right;
	margin-top: -2.3rem;
		
	}
	
	#cene .english img {
		width: 1.8rem;
		display: block;
		margin: auto;
	}
	
	#cene .logo {
		width: 19rem;
		padding: 0;
		overflow: auto;
	}
	
	#cene .logo img  {
		margin-left:5rem;
		}
	
   	
    #cene .dugme {
	 
	  display: inline-block;
	  float: left;
	 	 
	}
	
	#cene .meni {
		position: absolute;
		top: 100%;
		z-index:99;
		display: none;
		padding:0;
		margin: 0;
	}
	
    #cene .meni li {
	  float: none;
	}
    
	#cene .meni li a {
		width: 100%;
		float: left;
		text-align: left;
		display: block;
		padding:10px 20px;
		background: #ccc;
		border-left: 1px solid #464646;
		color: #464646;
		text-decoration: none;
	}
	
	#cene .meni li a:hover {
		background: #a1a12b;
		color: #fff;
	}
    #cene .nav {
		background-color: #708090;
		position: absolute;
		top: 18rem;
		width: 100%;
		float: left;
	}
   
	#cene  hr {
		  display: none;
	}
   
    #cene .slideshow-container {
	     margin-top: -4.7rem;
    }
   
		
	#cene .info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
	}
		
	#cene .kontakt {
			
			width: 90%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 14px;			
	    }
	
	#cene #googleMap {
			width: 99%;
			height: 50%;
			margin:0;
			padding:0;
				
		}
	
	#cene {
		background-color: #f5f5dc;
	}

	#cene h2 {
		width: 100%;
		padding:2% 4%;
		border-bottom: 2px solid gray;
		font-size:1rem;
		text-align:center;
	}
	
	#cene h6 {
		font-size:12px;
	}

    #cene .tabela {
		width: 99%;
		margin: auto;
		overflow-x: auto;
		padding: 1%;
		font-size: 13px;
		background-color: #ffffff;
	}
	#cene .tabela h2 {
		letter-spacing: 0;
	}
	#cene table {
	
		border: 1px solid gray;
		width: 99%;
		text-align: center;
		margin: auto;
	}
	
	#cene th {
		background-color: #4CAF50;
		padding: 0;
		color: white;
	}

	#cene td {
		background-color: #dddddd;
		padding:0;
	}
	
	#cene td:hover {
		background-color: #f2f2f2;
		color: #4CAF50;
		font-weight: bold;
	}
	
	#cene .napomene {
		width: 90%;
		margin: auto;
		
	}
	
	
	#cene .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:14px;
			text-align: center;
		}
 	#cene .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#cene .text2 {
		width: 100%;
	}
	
	/**********************************  S  M  E  S  T  A  J   ***********************************************/
	
	
	
	#smestaj .rezervacija {
		width: 40%;
		float: left;
		margin-right:1%;
		margin-left: 0;
		margin-top: 0;
		font-size: 13px;
		text-align: left;
		letter-spacing:-1px;
		color: white;
	}
	
    #smestaj .pratite   {
		   width: 35%;
		   margin-left: 0.2rem;
		   margin-top: 1rem;
		   
    }
    	
       
	#smestaj .fa-facebook-square {
	     font-size: 1.5rem;
    }

    #smestaj .fa-twitter-square {
	      font-size: 1.5rem;
    }

    #smestaj .fa-instagram {
		 font-size: 1.5rem;
	}
	
	#smestaj .top i {
	
	opacity: 0.7;
	margin: 1%;
	
    }
	
	#smestaj .english {
	
	width: 25%;
	float: right;
	margin-top: -2.3rem;
		
	}
	
	#smestaj .english img {
		width: 1.8rem;
		display: block;
		margin: auto;
	}
	
	#smestaj .logo {
		width: 19rem;
		padding: 0;
		overflow: auto;
	}
	
	#smestaj .logo img  {
		margin-left:5rem;
		}
	
   	
     #smestaj .dugme {
	 
	  display: inline-block;
	  float: left;
	 	 
	}
	
	#smestaj .meni {
		position: absolute;
		top: 100%;
		z-index:99;
		display: none;
		padding:0;
		margin: 0;
	}
	
    #smestaj .meni li {
	  float: none;
	}
    
	#smestaj .meni li a {
		width: 100%;
		float: left;
		text-align: left;
		display: block;
		padding:10px 20px;
		background: #ccc;
		border-left: 1px solid #464646;
		color: #464646;
		text-decoration: none;
	}
	
	#smestaj .meni li a:hover {
		background: #a1a12b;
		color: #fff;
	}
    #smestaj .nav {
		background-color: #708090;
		position: absolute;
		top: 18rem;
		width: 100%;
		float: left;
	}
   
	#smestaj  hr {
		  display: none;
	}
   
    #smestaj .slideshow-container {
	     margin-top: -4.7rem;
    }
    

	#smestaj .central {
		width: 100%;
		padding: 0;		
	}	
		
	#smestaj .info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
			overflow: auto;
	}
		
	#smestaj .kontakt {
			
			width: 100%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 14px;			
	}
	
	#smestaj #googleMap {
			width: 99%;
			height: 50%;
			margin:0;
			padding:0;
				
		}
			
	#smestaj h2 {
		width: 100%;
		border-bottom: 2px solid gray;
		font-size:1.2rem;
		text-align:center;
		letter-spacing: 0;
	}
	
	  
	
	#smestaj  .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:14px;
			text-align: center;
	}
		
 	#smestaj .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#smestaj .text2 {
		width: 100%;
	}
	
	#smestaj .b1 {
		max-width: 100%;
		margin: auto;
		
	}

	#smestaj .b1 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b1 img {
		position: relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .b2 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}
	
	#smestaj .b2 img {
		position:relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b3 {
		max-width: 100%;
		margin-top: 1rem;		
	}

	#smestaj .b3 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	#smestaj .b3 img {
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}
	
	#smestaj .b4 {
		max-width: 100%;
		margin-top: 1rem;		
	}

	#smestaj .b4 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	#smestaj .b4 img {
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}
	
	#smestaj .g1 {
		max-width: 100%;
		margin-top: 1rem;
		
	}
	
	#smestaj .g1 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .g2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .g2 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}


	#smestaj .g2 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .krcma {
		width: 100%;
		margin-top: 1rem;
		
	}

	#smestaj .krcma h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}


	#smestaj .krcma img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		
	}

	#smestaj .krcma p {
		float: left;
		font-size:12px;
		text-indent: 5%;
		text-align: justify;
	}
	
	#smestaj .krcma .sm-lista img{
		margin-right:4%;
	}
 
	
	 
 
	/************************************    S   A  D  R  Z  A  J  I   ****************************************/
 
	#sadrzaji .text {font-size: 14px}
  
    #sadrzaji .rezervacija {
		width: 40%;
		float: left;
		margin-right:1%;
		margin-left: 0;
		margin-top: 0;
		font-size: 13px;
		text-align: left;
		letter-spacing:-1px;
		color: white;
	}
	
    #sadrzaji .pratite   {
	   width: 35%;
	   margin-left: 0.2rem;
	   margin-top: 1rem;
	   
    }
    
	#sadrzaji .fa-facebook-square {
	     font-size: 1.5rem;
    }

    #sadrzaji .fa-twitter-square {
	      font-size: 1.5rem;
    }

    #sadrzaji .fa-instagram {
		 font-size: 1.5rem;
	}
	
	#sadrzaji .top i {
	
	opacity: 0.7;
	margin: 1%;
	}
	
	#sadrzaji .english {
	
	width: 25%;
	float: right;
	margin-top: -2.3rem;
	
	
	}
	
	#sadrzaji .english img {
		width: 1.8rem;
		display: block;
		margin: auto;
	}
	
    #sadrzaji .logo {
		width: 19rem;
		padding: 0;
		overflow: auto;
	}
	
	#sadrzaji .logo img  {
		margin-left:5rem;
		}
	
   #sadrzaji .dugme {
	 
	  display: inline-block;
	  float: left;
	 	 
	}
	
	#sadrzaji .meni {
		position: absolute;
		top: 100%;
		z-index:99;
		display: none;
		padding:0;
		margin: 0;
	}
	
    #sadrzaji .meni li {
	  float: none;
	}
    
	#sadrzaji .meni li a {
		width: 100%;
		float: left;
		text-align: left;
		display: block;
		padding:10px 20px;
		background: #ccc;
		border-left: 1px solid #464646;
		color: #464646;
		text-decoration: none;
	}
	
	#sadrzaji .meni li a:hover {
		background: #a1a12b;
		color: #fff;
	}
	
    #sadrzaji .nav {
		background-color: #708090;
		position: absolute;
		top: 18rem;
		width: 100%;
		float: left;
	}
   
	#sadrzaji  hr {
		  display: none;
	}
   
    #sadrzaji .slideshow-container {
	     margin-top: -4.6rem;
    }
   
	#sadrzaji .sadrzaji1 {
		
		width: 80%;
		margin: 0%;
		font-size:1rem;
		
	}	

	#sadrzaji .sadrzaji1 li {
		list-style-type: circle;
		margin: 1%
			
	}

		#sadrzaji .sadrzaji2 li {
			list-style-type: square;
			margin: 1%;
		}

		#sadrzaji .info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
		}
		
		#sadrzaji .kontakt {
			
			width: 100%;
			margin:auto;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 14px;			
	    }
	
		#sadrzaji #googleMap {
				width: 95%;
				height: 50%;
				margin:auto;
				padding:0;
					
		}
	
	
		#sadrzaji h2 {
			width: 100%;
			border-bottom: 1px solid gray;
			font-size:22px;
			text-align: center;
		}

		#sadrzaji h3, h4 {
			text-align: center;
		}

		
		#sadrzaji .bottom-list {
			width: 100%;
			margin: auto;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:14px;
			text-align: center;
		 }
		#sadrzaji .bottom-list li {
			width: 100%;
			display: block;
		}
		
		#sadrzaji .text2 {
			width: 100%;
			
		}	 
		

		
		#sadrzaji .galerija-sadrzaja {
		
		width:100%;
		margin: auto;
		
	   }
   
		#sadrzaji .galerija-sadrzaja p{
			margin-top:3%;
			text-align: justify;
		}

		#sadrzaji .dodatno {
			width: 100%;
			margin: auto;
			text-align: justify;
		}

		#sadrzaji .dodatno img {
			
			width:100%;
			margin: auto;;
		}

		#sadrzaji .dodatno img:hover {
			
			width:100%;
			margin: auto;
		}


		#sadrzaji .galerija-sadrzaja img {
			opacity: 0.8;
			width:100%
		}



		#sadrzaji .galerija-sadrzaja img:hover {
			opacity: 1;
			width: 100%;
		}

		#sadrzaji .lista-sadrzaja {
			width: 100%;
			margin: auto;
			background-color: #ffffff;
			font-family: Sans-Serif;
			
			
		}

		#sadrzaji .lista-sadrzaja:hover {
			width:100%;
			margin: auto;
			background-color: #e1eaea;
			font-family: Sans-Serif;
			
		}



		/****************************************  G  A  L  E  R  I  J  A   ***************************************/	
		    
			
			#galerija {
			   background-color: #e6e6fa;
			  
		    }
			
			#galerija .text {font-size: 14px}
	  
			#galerija .rezervacija {
				width: 40%;
				float: left;
				margin-right:1%;
				margin-left: 0;
				margin-top: 0;
				font-size: 13px;
				text-align: left;
				letter-spacing:-1px;
				color: white;
			}
		
			#galerija .pratite   {
			   width: 35%;
			   margin-left: 0.2rem;
			   margin-top: 1rem;
			   
			}
		
			#galerija .fa-facebook-square {
				 font-size: 1.5rem;
			}

			#galerija .fa-twitter-square {
				  font-size: 1.5rem;
			}

			#galerija .fa-instagram {
				 font-size: 1.5rem;
			}
			
			#galerija .top i {
			
			opacity: 0.7;
			margin: 1%;
			}
			
			#galerija .english {
			
			width: 25%;
			float: right;
			margin-top: -2.3rem;
				
			}
		
			#galerija .english img {
				width: 1.8rem;
				display: block;
				margin: auto;
			}
			
			#galerija .logo {
				width: 19rem;
				padding: 0;
				overflow: auto;
			}
			
			#galerija .logo img  {
				margin-left:5rem;
				}
			
			#galerija .dugme {
			 
			  display: inline-block;
			  float: left;
				 
			}
			
			#galerija .meni {
				position: absolute;
				top: 100%;
				z-index:99;
				display: none;
				padding:0;
				margin: 0;
			}
			
			#galerija .meni li {
			  float: none;
			}
			
			#galerija .meni li a {
				width: 100%;
				float: left;
				text-align: left;
				display: block;
				padding:10px 20px;
				background: #ccc;
				border-left: 1px solid #464646;
				color: #464646;
				text-decoration: none;
			}
			
			#galerija .meni li a:hover {
				background: #a1a12b;
				color: #fff;
			}
			
			#galerija .nav {
				background-color: #708090;
				position: absolute;
				top: 18rem;
				width: 100%;
				float: left;
			}
		   
			#galerija  hr {
				  display: none;
			}
		   
			#galerija .slideshow-container {
				 margin-top: -4.6rem;
			}
			
			#galerija  h2 {
				width: 100%;
				border-bottom: 2px solid gray;
				font-family: Sans-Serif;
				font-size:1.2rem;
				letter-spacing: 0;
					
			}

			
			#galerija .kontakt h2 {
				font-size:1.2rem;
				text-align: center;
			}

			
			
			#galerija .info {
				
				width: 100%;
				border: none;
				background-image: url(../images/suveniri1.jpg);
				background-position: center-left;
				background-size: 100% 100%;
			}
			
			#galerija .kontakt {
				
				width: 90%;
				margin:auto;
				padding:1%;
				color: #ffffff;
				font-family: Verdana;
				font-size: 0.8rem;			
			}
		
		    #galerija #googleMap {
				width: 100%;
				height: 50%;
				margin:auto;
				
					
			}
		
				

			#galerija div.gallery {
				width: 100%;
				margin: auto;
				border: 1px solid #ccc;
			}

			#galerija div.gallery:hover {
				border: 1px solid #777;
				font-weight: bold;
				
			}

			#galerija div.gallery img {
				width: 100%;
				height: auto;
			}

			#galerija div.desc {
				padding: 1%;
				text-align: center;
			}

			

			#galerija .clearfix:after {
				content: "";
				display: table;
				clear: both;
			}

			#galerija .gallery-frame {
				width: 100%;
				margin: auto;
			}

			

			#galerija .bottom-list {
				width: 100%;
				margin: 0;
				padding-top: 2%;
				text-align: center;
				font-family: Open Sans;
				font-size:16px;
			}
			 
			#galerija .bottom-list li {
				width: 100%;
				display: block;
			}
			
			#galerija .text2 {
				width: 100%;
			}

			
			
			
			
		
 
}		 
		
		 

	/******************************		Rezolucija  od 482px do 768px         ****************************/	
		
@media screen and (max-width: 768px) and (min-width: 482px) {
	  .text {font-size: 16px}
 
	  .rezervacija {
		width: 38%;
		float: left;
		margin-left: 1%;
		margin-top: 0.5rem;
		color: white;
		font-size: 13px;
		
	   }
	   .pratite   {
		   width: 40%;
		   margin-left: 2em;
		   margin-top: 0.5rem;
		   
	   }
	   
	   .pratite img {
		 width: 30px;
		 margin-right: 1em;
	   }
	   
		.english {
			width: 30%;
			float: right;
			text-decoration: none;
			margin-top: -5em;
			color: white;
			font-size:  9px;
			text-align: center;
		}
	
		.english img {
			width: 15%;
			display: block;
			margin: auto;
		}
		
		.logo {
			
			width: 28em;
			height: auto;
			position: absolute;
			left: 1%;
			right: 1%;
			top: 9%;
					
		 }
	
		.logo img {
			width: 50%;
			float: left;
			
		}
		
		 .dugme {
			  display: none;
		}
		
		.meni {
		       display: block !important;
		  }
	  
		.nav {
			  
			width: 100%;
			display: inline-block;
			margin: 0 auto;
							
		  }
	  
		.nav ul {
			width: 100%;
			margin-top: 14em;
						
		}
		
		.nav li {  
			
			display: inline;
			padding: 0;
			margin: 0;
			
		}
		
		.nav li a{
			
			width: 15%;
			margin:  0;
			padding: 2px;
			text-decoration: none;
			color: darkgreen;
		}
	
		.nav li a:hover {
			
			text-decoration: underline;
			font-weight: bold;
			color: white;
			background-color: #708090;
			
		}
		
		.nav hr {
			  display: none;
		  }
	  
	  
	   .slideshow-container {
			margin-top: -3em;
		}
		
		.central {
			
			width: 100%;
			margin: 0;
			padding: 0;
			background-color: #E6E6FA;
		}
  
				
		.o-nama {
			width: 100%;
			text-align: justify;
			margin-left: 0;
		} 
		
		.o-nama img {
			max-width: 100%;
			height: auto;
		}
		.t_cvet {
			width: 97%;
			height: auto;
			margin-left: 1%;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			}
		
		.t_cvet img {
			max-width: 100%;
			margin: 2%;
		}
			
		
		.info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
			
		}
		
		.kontakt {
			
			width: 90%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 11px;			
	    }
	
		#googleMap {
			width: 95%;
			height: 50%;
			padding:0;
			margin: 0;
				
		}
		

		.bottom-list {
			width: 100%;
			margin:auto;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:14px;
			text-align: left;
			}
			
	/**********************************     O    N A M A    ****************************************/	 
	
	

	#oNama  .aboutUs {
		width:100%;
		background-color: #F5F5DC;
		font-family: Sans-Serif;
		font-size:12px;
		margin: auto;
		
	}
	
	#oNama .aboutUs h2{
		font-size:18px;
	}
	
	#oNama 	.aboutUs img {
			 margin: 0;
			 max-width: 100%;
			 height: auto;
			 }
		
	#oNama 	.aboutUs p {
			width: 100%;
			float: none;
			text-align: justify;
			
		}
		
	#oNama  .kontakt h2 {
		
		width: 100%;
		font-family: Sans-Serif;
		font-size:18px;
		
		}
	
	#oNama .info {
			
			width: 100%;
			border: none;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
	}
		
	#oNama .kontakt {
			
			width: 100%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 11px;			
	    }
	
	#oNama  #googleMap {
			width: 99%;
			height: 50%;
			margin:0;
			padding:0;
				
		}
	
	#oNama h3, h4 {
		text-align: center;
	}

	#oNama .kontakt {
		font-size: 14px;
	}

	#oNama .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:16px;
	}
		 
	#oNama .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#oNama .text2 {
		width: 100%;
	}
	
	
	
			
			
			
	/************************  SMESTAJ   *******************************/
	
	#smestaj h2 {
		width: 100%;
		border-bottom: 2px solid gray;
		font-size:1.4rem;
		text-align:center;
		letter-spacing:0;
	}
	
	
	

	#smestaj .b1 {
		max-width: 100%;
		margin: auto;
		
	}

	#smestaj .b1 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b1 img {
		position: relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .b2 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b2 img {
		position:relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b3 {
		max-width: 100%;
		margin-top: 1rem;
		
				
	}

	#smestaj .b3 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b3 img {
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .g1 {
		max-width: 100%;
		margin-top: 1rem;
		
	}
	
	#smestaj .g1 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .g2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .g2 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}


	#smestaj .g2 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .krcma {
		width: 100%;
		margin-top: 1rem;
		
	}

	#smestaj .krcma h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}


	#smestaj .krcma img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		
	}

	#smestaj .krcma p {
		float: left;
		font-size:12px;
		text-indent: 5%;
		text-align: justify;
	}
	
	#smestaj .krcma .sm-lista img{
		margin-right:4%;
	}
	
	#smestaj .info {
			
			width: 100%;
			border: none;
			padding: 1px 0px 0px 15px;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100% 100%;
			overflow: auto;
	}
		
	#smestaj .kontakt {
			
			width: 100%;
			margin:0;
			padding:0;
			color: #ffffff;
			font-family: Verdana;
			font-size: 14px;			

	}
	
	#smestaj  .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:16px;
			text-align: center;
	}
		
 	#smestaj .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#smestaj .text2 {
		width: 100%;
	}
	


	
	/*************************    Sadrzaji  **************************/		
	


	

	#sadrzaji .galerija-sadrzaja {
		
		width:100%;
		margin-left: 1.5%;
		
	}

	#sadrzaji .sadrzaji1 {
		
		width: 80%;
		margin: 1% 10%;
		
	}	

	#sadrzaji .sadrzaji1 li {
		list-style-type: circle;
		margin: 1%
			
	}

	#sadrzaji .sadrzaji2 li {
		list-style-type: square;
		margin: 1%;
	}

	#sadrzaji .početna:hover ~ hr {
	  margin-left: 3.4%;
	  width: 8.3%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 19.2%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 34.7%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.8%;
	  width: 5.5%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 8%;
	  margin: 0 0 0 50.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	#sadrzaji .bottom-list {
		width: 100%;
		margin: 0;
		padding-top: 2%;
		text-align: center;
		font-family: Open Sans;
		font-size:14px;
		text-align: center;
	}
		
	#sadrzaji .bottom-list li {
		width: 100%;
		display: block;
	}
		
	#sadrzaji .text2 {
		width: 100%;
	}	 
			
	
	
			
	
	
	/**************************       C  E  N  E   ********************************************/
	
	
	#cene h2 {
		width: 100%;
		padding:2% 4%;
		border-bottom: 2px solid gray;
		font-size:1rem;
		text-align:center;
	}
	
	#cene h6 {
		font-size:13px;
	}

    #cene .tabela {
		width: 99%;
		margin: auto;
		overflow-x: auto;
		padding: 1%;
		font-size: 14px;
		background-color: #ffffff;
	}
	#cene .tabela h2 {
		letter-spacing:0;
	}
	#cene table {
	
		border: 1px solid gray;
		width: 99%;
		text-align: center;
		margin: auto;
	}
	
	#cene th {
		background-color: #4CAF50;
		padding: 1%;
		color: white;
	}

	#cene td {
		background-color: #dddddd;
		padding:1%;
	}
	
	#cene td:hover {
		background-color: #f2f2f2;
		color: #4CAF50;
		font-weight: bold;
	}
	
	#cene .napomene {
		width: 90%;
		margin: auto;
		
	}
	
	#cene #googleMap {
			width: 99%;
			height: 50%;
			margin:0;
			padding:0;
				
	}
	
	#cene .napomene {
		width: 90%;
		margin: auto;
		
	}
	
	
	#cene .bottom-list {
			width: 100%;
			margin: 0;
			padding-top: 2%;
			text-align: center;
			font-family: Open Sans;
			font-size:14px;
			text-align: center;
		}
 	#cene .bottom-list li {
		width: 100%;
		display: block;
	}
	
	#cene .text2 {
		width: 100%;
	}
		
	
	/****************************  G A L E R I J A   *********************************/
	
	#galerija .bottom-list {
		width: 100%;
		margin: 0;
		padding-top: 2%;
		text-align: center;
		font-family: Open Sans;
		font-size:16px;
		}
			 
	#galerija .bottom-list li {
		width: 100%;
		display: block;
	}
			
	#galerija .text2 {
		width: 100%;
	}
	

		
}

	/***************  Rezolucija od 769px do 1024px  ****************/

@media only screen and (max-width: 1024px) and (min-width: 769px) {
		.text {font-size: 20px}
		
		.rezervacija {
			width: 29%;
			float: left;
			margin-left: 5%;
			margin-top: 0;
			text-align: left;
			color: white;
			font-family: Calibri;
		}

		.pratite {
			
			float: left;
			margin-left: 13%;
			margin-top: 0.4rem;
			
		}

		.pratite img {
			width: 2rem;
			margin-right: 5%;
		}

		.english {
			
			height: 100%;
			float: left;
			margin-left: 12%;
			text-decoration: none;
			color: white;
			font-size:  12px;
			text-align: center;
			padding-top:5px;
			
			
		}

		.english img {
			width: 2rem;
			height: auto;
			display: block;
			margin: auto;
			padding-top: 5px;
		}
		.logo {
			padding-top: 1rem;
			width: 38em;
			margin:auto;
			
					
			}
		.logo img {
			width: 18rem;
			
		}
		
		 .meni {
			  display: block !important;
		  }
		 
		 
		.central {
			
			width: 100%;
			margin: 0;
			padding: 1%;
			background-color: #E6E6FA;
		}
		
		
		
		 .o-nama {
			width: 45%;
			text-align: justify;
			font-family: Verdana;
			line-height: 1.3;
			margin: 1%;
						
		}
		.o-nama img {
			max-width: 100%;
			height: auto;
			opacity: 0.7;
			border-radius: 10px;
			border: 2px solid gray;
			
		}
		.o-nama img:hover {
			opacity: 0.9;
			border: 3px solid black:
		}

		.t_cvet {
			width: 45%;
			height: 45rem;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			margin: 1%;
			float: right;
			margin-top: -47em;
			
			
		}

		.t_cvet img {
			width: 45%;
			margin: 2%;
		}

		 
		.info {
			
			width: 100%;
			float: left;
			border: none;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 100%;
			background-repeat: no-repeat;
			
			}
			

		.kontakt {
			width: 45%;
			padding: 2%;
			color: #ffffff;
			font-family: Verdana;
			margin: 1% 2% 2% 3%;
			font-size: 13px;
		}

		.kontakt a {
			text-decoration: none;
			color: #ffffff;
		}

		.kontakt a:hover {
			color: #99a6b2;
			
		}

		#googleMap {
			width: 40%;
			height: 400px;
			float: left;
			margin: 1% 3%;
			
			
		}
		
		footer {
				
			width: 100%;
			height: 25%;
			background-color: #708090;
			clear: both;
			
		}
		.bottom-list {
			width: 100%;
			margin: auto;
			text-align: center;
			font-family: Open Sans;
			
		}

		.bottom-list a{
			color: white;
			
		}
		.bottom-list a:hover{
			color:  #d6d6c2;
			 letter-spacing: 1px;
			 text-shadow: 3px 2px black;
			
		}

		.text2 {
			width: 50%;
			margin: auto;
			color: white;
			text-align: center;
			font-family: Open Sans;
			font-size: 14px;
		}
		.nav {
			
			width: 100%;
			margin: 0 auto;
			
		}

		.back-to-top { 
			position: fixed; 
			bottom: 10px; 
			right: 1px; 
		}

		.nav ul { 
			
			margin-top: 40px;
		}

		.nav li {	
			
			list-style-type: none;
			display: inline;
			text-align: center;
			
			
		}

		.nav li  a{
			
			display: inline-block;
			width: 15%;
			margin: 0;
			text-decoration: none;
			color: darkgreen;
		 }
		 
		.o_nama:hover ~ hr {
		  margin-left: 19%;
		}

		.smeštaj:hover ~ hr {
		  margin-left: 34.5%;
		}

		.sadržaji:hover ~ hr {
		  margin-left: 50.2%;
		}

		.galerija:hover ~ hr {
		  margin-left: 65.9%;
		}

		.cene:hover ~ hr {
		  margin-left: 82.55%;
		  width:6%;
		}

		hr {
		  height: .25rem;
		  width: 8.3%;
		  margin: 0 0 0 3.3%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		
		/*********************   P O C E T N A  ****************************/
		
		#pocetna .o_nama:hover ~ hr {
			  margin-left: 19.9%;
			  width: 6.4%;
		}

		#pocetna .smeštaj:hover ~ hr {
		  margin-left: 35.3%;
		}

		#pocetna .sadržaji:hover ~ hr {
		  margin-left: 50.8%;
		}

		#pocetna .galerija:hover ~ hr {
		  margin-left: 66.3%;
		}

		#pocetna .cene:hover ~ hr {
		  margin-left: 82.7%;
		  width: 4.4%;
		}

		#pocetna hr {
		  height: .25rem;
		  width: 6.2%;
		  margin: 0 0 0 4.4%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		
		#pocetna .bottom-list {
		
		margin:0;
		padding:0;
		} 
		
		#pocetna .text2 {
			width: 100%;
			margin: auto;
			padding:3%;
		}
		
		#pocetna footer {
			padding-top:3%;
		}
		
		
		
		
		
		/********************     O nama     ****************************/

	#oNama .početna:hover ~ hr {
	  margin-left: 4.2%;
	  width: 6.5%;
	}

	#oNama .smeštaj:hover ~ hr {
	  margin-left: 35.4%;
	}

	#oNama .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	  width: 6.2%;
	}

	#oNama .galerija:hover ~ hr {
	  margin-left: 66.4%;
	}

	#oNama .cene:hover ~ hr {
	  margin-left: 82.8%;
	  width: 4.5%;
	}

	#oNama hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 19.9%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	#oNama footer {
		padding-top: 3%;
	}
	
	#oNama .bottom-list {
		
		margin:0;
		padding:0;
	} 
	
	#oNama .text2 {
		width: 100%;
		margin: auto;
		padding:3%;
	}



	/****************      Smestaj    ******************/
	
	#smestaj h2 {
		font-size: 2rem;
	}
	
	#smestaj .b1 {
		max-width: 100%;
		margin: auto;
		
	}

	#smestaj .b1 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b1 img {
		position: relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .b2 h3 {
		height: 2rem;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b2 img {
		position:relative;
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .b3 {
		max-width: 100%;
		margin-top: 1rem;
		
				
	}

	#smestaj .b3 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	

	#smestaj .b3 img {
		max-width: 45%;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .g1 {
		max-width: 100%;
		margin-top: 1rem;
		
	}
	
	#smestaj .g1 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}

	#smestaj .g2 {
		max-width: 100%;
		margin-top: 1rem;
		
		
	}

	#smestaj .g2 h3 {
		height: 2rem;
		position: relative;
		background-color: #708090;
		padding: 1% 2%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}


	#smestaj .g2 img {
		max-width: 45%;
		position: relative;
		height: auto;
		margin: auto;
		float: none;
	}
	
	
	#smestaj .krcma {
		width: 100%;
		margin-top: 1rem;
		
	}

	#smestaj .krcma h3 {
		height: 3rem;
		background-color: #708090;
		padding: 2% 4%;
		margin:0;
		font-family: Sans-Serif;
		color: #ffffff;
	}

	#smestaj .krcma h3:hover {
		height: 3rem;
		background-color: #9aa6b1;
		padding: 2% 4%;
		margin:0;
		font-family: Sans-Serif;
		color: #000000;
	}

	#smestaj .krcma img {
		max-width: 45%;
		height: auto;
		margin: auto;
		
	}

	#smestaj .krcma p {
		float: left;
		text-indent: 5%;
		text-align: justify;
	}
	
	#smestaj .krcma .sm-lista img{
		margin-right:4%;
	}
	
	

	#smestaj .početna:hover ~ hr {
	  margin-left: 4.5%;
	  width: 6.2%;
	}

	#smestaj .o_nama:hover ~ hr {
	  margin-left: 19.9%;
	}

	#smestaj .sadržaji:hover ~ hr {
	  margin-left: 50.9%;
	}

	#smestaj .galerija:hover ~ hr {
	  margin-left: 66.4%;
	}

	#smestaj .cene:hover ~ hr {
	  margin-left: 82.6%;
	  width: 4.5%;
	}

	#smestaj hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 35.4%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	#smestaj footer {
		padding-top: 3%;
	}
	
	#smestaj .bottom-list {
		
		margin:0;
		padding:0;
	} 
	
	#smestaj .text2 {
		width: 100%;
		margin: auto;
		padding:3%;
	}
	


	/****************      Sadrzaji    *******************/
	
	#sadrzaji .galerija-sadrzaja {
		
		width:100%;
		margin-left: 1.5%;
		
	}

	#sadrzaji .sadrzaji1 {
		
		width: 80%;
		margin: 1% 10%;
		
	}	

	#sadrzaji .sadrzaji1 li {
		list-style-type: circle;
		margin: 1%
			
	}

	#sadrzaji .sadrzaji2 li {
		list-style-type: square;
		margin: 1%;
	}

	#sadrzaji .početna:hover ~ hr {
	  margin-left: 4.2%;
	  width: 6.5%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 19.9%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 35.4%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66.4%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.6%;
	  width: 4.5%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 50.9%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
		

	/***********************    Galerija     ***********************/


	#galerija .početna:hover ~ hr {
	  margin-left: 4.2%;
	  width: 6.5%;
	}

	#galerija .o_nama:hover ~ hr {
	  margin-left: 19.9%;
	}

	#galerija .smeštaj:hover ~ hr {
	  margin-left: 35.4%;
	}

	#galerija .sadržaji:hover ~ hr {
	  margin-left: 50.9%;
	}

	#galerija .cene:hover ~ hr {
	  margin-left: 82.6%;
	  width: 4.5%;
	}

	#galerija hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 66.4%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	#galerija footer {
		padding-top: 3%;
	}
	
	#galerija .bottom-list {
		
		margin:0;
		padding:0;
	} 
	
	#galerija .text2 {
		width: 100%;
		margin: auto;
		padding:3%;
	}

	/******    CENE   **********/


	#cene .početna:hover ~ hr {
	  margin-left: 4.2%;
	  width: 6.5%;
	}

	#cene .o_nama:hover ~ hr {
	  margin-left: 19.9%;
	  width: 6%;
	}

	#cene .smeštaj:hover ~ hr {
	  margin-left: 35.4%;
	  width: 6%;
	}

	#cene .sadržaji:hover ~ hr {
	  margin-left: 50.9%;
	  width: 6%;
	}

	#cene .galerija:hover ~ hr {
	  margin-left: 66.6%;
	  width: 6%;
	}

	#cene hr {
	  height: .25rem;
	  width: 4.5%;
	  margin: 0 0 0 82.6%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	#cene footer {
		padding-top: 3%;
	}
	
	#cene .bottom-list {
		
		margin:0;
		padding:0;
	} 
	
	#cene .text2 {
		width: 100%;
		margin: auto;
		padding:3%;
	}
		
}
	
	/*********************   Rezolucija od 1025px do 1367px  *********************/

	@media only screen and (max-width: 1367px) and (min-width: 1025px) {
	
	
	
		.text {font-size: 22px}
		
		
		.logo {
			padding-top: 1rem;
			width: 40em;
			margin:auto;
			
					
			}
		.logo img {
			width: 18rem;
			
		}
		
		.nav {
			
			width: 90%;
			margin: auto;
			
		}
		
		
		 .meni {
			  display: block !important;
		  }
		
		
		.o_nama:hover ~ hr {
		  margin-left: 19.8%;
		}

		.smeštaj:hover ~ hr {
		  margin-left: 35.2%;
		}

		.sadržaji:hover ~ hr {
		  margin-left: 50.7%;
		}

		.galerija:hover ~ hr {
		  margin-left: 66.2%;
		}

		.cene:hover ~ hr {
		  margin-left: 82.7%;
		  width: 4.2%;
		}

		hr {
		  height: .25rem;
		  width: 8%;
		  margin: 0 0 0 4.4%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		
		/********************  P O C E T N A  ****************************/
		
		#pocetna .o_nama:hover ~ hr {
		  margin-left: 19.8%;
		}

		#pocetna .smeštaj:hover ~ hr {
		  margin-left: 35.2%;
		}

		#pocetna .sadržaji:hover ~ hr {
		  margin-left: 50.7%;
		}

		#pocetna .galerija:hover ~ hr {
		  margin-left: 66.2%;
		}

		#pocetna .cene:hover ~ hr {
		  margin-left: 82.7%;
		  width: 4.2%;
		}

		hr {
		  height: .25rem;
		  width: 6%;
		  margin: 0 0 0 4.5%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		
		#pocetna .o-nama {
			width: 50%;
			text-align: justify;
			font-family: Verdana;
			line-height: 1.3;
			margin-left: 1%;
			padding: 2% 2% 0% 2%;
			float: left;
		}
		#pocetna .o-nama img {
			opacity: 0.7;
			border-radius: 10px;
			border: 2px solid gray;
		}
		#pocetna .o-nama img:hover {
			opacity: 0.9;
			border: 3px solid black:
		}

		#pocetna .t_cvet {
			width: 45%;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			margin-top:2rem;
			float: left;
			
		}

		#pocetna .t_cvet img {
			width: 45%;
			margin: 2%;
			filter: grayscale(100%);
		}

		#pocetna .t_cvet img:hover {
			width: 45%;
			margin: 2%;
			filter: grayscale(0%);
		}

		#pocetna .t_cvet:hover {
			background-color: #7c8d9c;
			box-shadow: 10px 10px 5px #c5ccd3;
			
		}
		
		#pocetna .ivanjica {
			width: 100%;
			border-top: 1px solid gray;
			clear: both;
		}
		#pocetna .ivanjica p {
			text-indent: 3%;
			text-align: justify;
			padding: 0% 4%;
		}

		#pocetna .ivanjica h4 {
			margin-top: 3%;
			text-indent: 3%;
			
		}
		
		/*****     O nama     *****/

	#oNama .početna:hover ~ hr {
	  margin-left: 4.35%;
	  width: 6.2%;
	}

	#oNama .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	}

	#oNama .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#oNama .galerija:hover ~ hr {
	  margin-left: 66.3%;
	}

	#oNama .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#oNama hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 19.9%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}



	/*****      Smestaj    *****/

	#smestaj .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#smestaj .o_nama:hover ~ hr {
	  margin-left: 20%;
	}

	#smestaj .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#smestaj .galerija:hover ~ hr {
	  margin-left: 66.3%;
	}

	#smestaj .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#smestaj hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 35.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	

	/***************      Sadrzaji    **************/
	
		#sadrzaji .galerija-sadrzaja {
		
		width:100%;
		margin-left: auto;
		
	}

	#sadrzaji .sadrzaji1 {
		
		width: 80%;
		margin: 1% 10%;
		
	}	

	#sadrzaji .sadrzaji1 li {
		list-style-type: circle;
		margin: 1%
			
	}

	#sadrzaji .sadrzaji2 li {
		list-style-type: square;
		margin: 1%;
	}

	#sadrzaji .početna:hover ~ hr {
	  margin-left: 3.4%;
	  width: 8.3%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 19.2%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 34.7%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.8%;
	  width: 5.5%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 8%;
	  margin: 0 0 0 50.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/********    Galerija     *********/


	#galerija .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#galerija .o_nama:hover ~ hr {
	  margin-left: 20%;
	}

	#galerija .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	}

	#galerija .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#galerija .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#galerija hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 66.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/******    CENE   **********/


	#cene .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#cene .o_nama:hover ~ hr {
	  margin-left: 20%;
	  width:6%;
	}

	#cene .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	  width:6%;
	}

	#cene .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	  width:6%;
	}

	#cene .galerija:hover ~ hr {
	  margin-left: 66.3%;
	  width:6%;
	  
	}

	#cene hr {
	  height: .25rem;
	  width: 4.2%;
	  margin: 0 0 0 82.7%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
}



	/****************    Rezolucija od 1368px do 1900px   **************************/

@media only screen and (max-width: 1600px) and (min-width: 1368px) {
		
		.text {font-size: 24px}
		
		.rezervacija {
			width: 30%;
			float: left;
			margin-left: 5%;
			margin-top: 0;
			text-align: left;
			color: white;
			font-family: Calibri;
		}

		.pratite {
			
			float: left;
			margin-left: 11%;
			
		}

		

		.english {
			
			float: left;
			margin-left: 12%;
			text-decoration: none;
			color: white;
			font-size:  12px;
			text-align: center;
			padding-top:5px;
			
			
		}

		.english img {
			
			width: 2rem;
			height: auto;
			display: block;
			margin: auto;
			padding-top: 5px;
		}
		.logo {
			padding-top: 2%;
			width: 45em;
			margin:auto;
			
					
			}
		.logo img {
			width: 45%;
			
		}
		 .meni {
			  display: block !important;
		  }
		  
		  
		 .nav {
		    width: 100%;
	    }
		
		.central {
		
			width: 100%;
			margin-top: 1%;
			padding-bottom:2%;
			background-color: #E6E6FA;
			
		}

		.info {
			width: 100%;
			padding:auto;
			height:27em;
			background-image: url(../images/suveniri1.jpg);
			background-position: center-left;
			background-size: 90%;
			background-repeat: repeat-x;
			border-left: 10px solid grey;
			border-top: 1px groove;
			border-bottom: 2px solid black;
		}
		
		 .o-nama {
			width: 45%;
			text-align: justify;
			font-family: Verdana;
			line-height: 1.3;
			margin: 1%;
			
			
			
		}
		.o-nama img {
			max-width: 100%;
			height: auto;
			opacity: 0.7;
			border-radius: 10px;
			border: 2px solid gray;
			
		}
		.o-nama img:hover {
			opacity: 0.9;
			border: 3px solid black:
		}

		.t_cvet {
			width: 45%;
			height: 40rem;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			margin: 2%;
			float: right;
			margin-top: -47rem;
			
			
		}

		.t_cvet img {
			width: 45%;
			margin: 2%;
		}

		.t_cvet:hover {
			background-color: #7c8d9c;
			box-shadow: 10px 10px 5px #c5ccd3;
		}
		
				
	#pocetna .o_nama:hover ~ hr {
		  margin-left: 20.8%;
		}

	#pocetna .smeštaj:hover ~ hr {
		  margin-left: 36%;
		}

	#pocetna .sadržaji:hover ~ hr {
		  margin-left: 51.30%;
		}

	#pocetna .galerija:hover ~ hr {
		  margin-left: 66.7%;
		}

	#pocetna .cene:hover ~ hr {
		  margin-left: 82.4%;
		  width: 3%;
		
		}

	#pocetna hr {
		  height: .25rem;
		  width: 4%;
		  margin: 0 0 0 5.5%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		/*****     O nama     *****/

	#oNama .početna:hover ~ hr {
	  margin-left: 5.5%;
	}

	#oNama .smeštaj:hover ~ hr {
	  margin-left: 36%;
	}

	#oNama .sadržaji:hover ~ hr {
	  margin-left: 51.3%;
	}

	#oNama .galerija:hover ~ hr {
	  margin-left: 66.7%;
	}

	#oNama .cene:hover ~ hr {
	  margin-left: 82.5%;
	  width: 3.3%;
	}

	#oNama hr {
	  height: .25rem;
	  width: 4%;
	  margin: 0 0 0 20.9%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}



	/*****      Smestaj    *****/

	#smestaj .početna:hover ~ hr {
	  margin-left: 5.5%;
	}

	#smestaj .o_nama:hover ~ hr {
	  margin-left: 20.8%;
	}

	#smestaj .sadržaji:hover ~ hr {
	  margin-left: 51.3%;
	}

	#smestaj .galerija:hover ~ hr {
	  margin-left: 66.7%;
	}

	#smestaj .cene:hover ~ hr {
	  margin-left: 82.5%;
	  width: 3%;
	}

	#smestaj hr {
	  height: .25rem;
	  width: 4%;
	  margin: 0 0 0 36.1%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/****      Sadrzaji    ******/
	
	

	#sadrzaji .početna:hover ~ hr {
	  margin-left: 5.5%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 20.8%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 36%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66.7%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.5%;
	  width: 3%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 4%;
	  margin: 0 0 0 51.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/********    Galerija     *********/


	#galerija .početna:hover ~ hr {
	  margin-left: 5.5%;
	}

	#galerija .o_nama:hover ~ hr {
	  margin-left: 20.8%;
	}

	#galerija .smeštaj:hover ~ hr {
	  margin-left: 36%;
	}

	#galerija .sadržaji:hover ~ hr {
	  margin-left: 51.3%;
	}

	#galerija .cene:hover ~ hr {
	  margin-left: 82.5%;
	  width: 3%;
	}

	#galerija hr {
	  height: .25rem;
	  width: 4%;
	  margin: 0 0 0 66.7%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/******    CENE   **********/


	#cene .početna:hover ~ hr {
	  margin-left: 5.25%;
	  width: 4.4%;
	}

	#cene .o_nama:hover ~ hr {
	  margin-left: 20.6%;
	  width: 4.4%;
	}

	#cene .smeštaj:hover ~ hr {
	  margin-left: 36%;
	  width: 4.3%;
	}

	#cene .sadržaji:hover ~ hr {
	  margin-left: 51.26%;
	  width: 4.4%;
	}

	#cene .galerija:hover ~ hr {
	  margin-left: 66.7%;
	  width: 4%;
	  
	}

	#cene hr {
	  height: .25rem;
	  width: 3%;
	  margin: 0 0 0 82.5%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
		
}	
		


	/*************************   Rezolucija 1366 px   ***************************/

@media screen and (width: 1366px) {
	
		#pocetna .o_nama:hover ~ hr {
		  margin-left: 20.4%;
		  width:5%;
		}

		#pocetna .smeštaj:hover ~ hr {
		  margin-left: 35.7%;
		}

		#pocetna .sadržaji:hover ~ hr {
		  margin-left: 51.15%;
	      width: 5.1%;
		}

		#pocetna .galerija:hover ~ hr {
		  margin-left: 66.6%;
		  width: 5%;
		}

		#pocetna .cene:hover ~ hr {
		  margin-left: 82.7%;
		  width: 3.5%;
		}

		#pocetna hr {
		  height: .25rem;
		  width: 5%;
		  margin: 0 0 0 5%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		#pocetna .o-nama {
			width: 50%;
			text-align: justify;
			font-family: Verdana;
			line-height: 1.3;
			margin-left: 1%;
			padding: 2% 2% 0% 2%;
			float: left;
		}
		#pocetna .o-nama img {
			opacity: 0.7;
			border-radius: 10px;
			border: 2px solid gray;
		}
		#pocetna .o-nama img:hover {
			opacity: 0.9;
			border: 3px solid black:
		}

		#pocetna .t_cvet {
			width: 45%;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			margin-top:2rem;
			float: left;
			
		}

		#pocetna .t_cvet img {
			width: 45%;
			margin: 2%;
			filter: grayscale(100%);
		}

		#pocetna .t_cvet img:hover {
			width: 45%;
			margin: 2%;
			filter: grayscale(0%);
		}

		#pocetna .t_cvet:hover {
			background-color: #7c8d9c;
			box-shadow: 10px 10px 5px #c5ccd3;
			
		}
		
		#pocetna .ivanjica {
			width: 100%;
			border-top: 1px solid gray;
			clear: both;
		}
		#pocetna .ivanjica p {
			text-indent: 3%;
			text-align: justify;
			padding: 0% 4%;
		}

		#pocetna .ivanjica h4 {
			margin-top: 3%;
			text-indent: 3%;
			
		}


		#pocetna h2 {
			width: 100%;
			padding:0% 5% 2% 5%;
			border-bottom: 2px solid gray;
			font-size:2.5rem;
			letter-spacing: 1rem;
			
		}	

		#pocetna .kontakt {
			font-size: 1rem;
		}

		
		/*****     O nama     *****/

	#oNama .početna:hover ~ hr {
	  margin-left: 5%;
	  width:5%;
	}

	#oNama .smeštaj:hover ~ hr {
	  margin-left: 35.7%;
	  
	}

	#oNama .sadržaji:hover ~ hr {
	   margin-left: 51.15%;
	   width: 5.1%;
	 
	}

	#oNama .galerija:hover ~ hr {
	  margin-left: 66.6%;
	}

	#oNama .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 3.5%;
	}

	#oNama hr {
	  height: .25rem;
	  width: 5%;
	  margin: 0 0 0 20.4%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}



	/*****      Smestaj    *****/

	#smestaj .početna:hover ~ hr {
	  margin-left: 5%;
	  width: 5%;
	}

	#smestaj .o_nama:hover ~ hr {
	  margin-left: 20.4%;
	}

	#smestaj .sadržaji:hover ~ hr {
	   margin-left: 51.15%;
	   width: 5.1%;
	}

	#smestaj .galerija:hover ~ hr {
	  margin-left: 66.6%;
	}

	#smestaj .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 3.5%;
	}

	#smestaj hr {
	  height: .25rem;
	  width: 5%;
	  margin: 0 0 0 35.8%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/****      Sadrzaji    ******/

	#sadrzaji .početna:hover ~ hr {
	  margin-left: 5%;
	  width: 5%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 20.4%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 35.7%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66.6%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 3.4%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 5%;
	  margin: 0 0 0 51.20%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/********    Galerija     *********/


	#galerija .početna:hover ~ hr {
	  margin-left: 5%;
	  width: 5%;
	}

	#galerija .o_nama:hover ~ hr {
	  margin-left: 20.4%;
	}

	#galerija .smeštaj:hover ~ hr {
	  margin-left: 35.7%;
	 
	}

	#galerija .sadržaji:hover ~ hr {
	   margin-left: 51.15%;
	   width: 5.1%;
	 
	}

	#galerija .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 3.4%;
	}

	#galerija hr {
	  height: .25rem;
	  width: 5%;
	  margin: 0 0 0 66.6%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/******    CENE   **********/


	#cene .početna:hover ~ hr {
	  margin-left: 5%;
	  width: 5%;
	}

	#cene .o_nama:hover ~ hr {
	  margin-left: 20.4%;
	   width: 5%;
	}

	#cene .smeštaj:hover ~ hr {
	  margin-left: 35.7%;
	   width: 5%;
	}

	#cene .sadržaji:hover ~ hr {
	  margin-left: 51.15%;
	   width: 5.1%;
	}

	#cene .galerija:hover ~ hr {
	  margin-left: 66.6%;
	   width: 5%;
	  
	}

	#cene hr {
	  height: .25rem;
	  width: 3.4%;
	  margin: 0 0 0 82.7%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
}
	/******** REZOLUCIJA 1024px   **************/

@media screen and (width: 1024px) {
	
	
	
	
		.o_nama:hover ~ hr {
		  margin-left: 19.8%;
		}

		.smeštaj:hover ~ hr {
		  margin-left: 35.2%;
		}

		.sadržaji:hover ~ hr {
		  margin-left: 50.7%;
		}

		.galerija:hover ~ hr {
		  margin-left: 66.2%;
		}

		.cene:hover ~ hr {
		  margin-left: 82.7%;
		  width: 4.2%;
		}

		hr {
		  height: .25rem;
		  width: 6.2%;
		  margin: 0 0 0 4.4%;
		  background: #edf211;
		  border: none;
		  transition: .3s ease-in-out;
		}
		
		/*****     O nama     *****/

	#oNama .početna:hover ~ hr {
	  margin-left: 4.35%;
	  width: 6.2%;
	}

	#oNama .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	}

	#oNama .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#oNama .galerija:hover ~ hr {
	  margin-left: 66.3%;
	}

	#oNama .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#oNama hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 19.9%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}



	/*****      Smestaj    *****/

	#smestaj .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#smestaj .o_nama:hover ~ hr {
	  margin-left: 20%;
	}

	#smestaj .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#smestaj .galerija:hover ~ hr {
	  margin-left: 66.3%;
	}

	#smestaj .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#smestaj hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 35.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	
	/****      Sadrzaji    ******/

	#sadrzaji .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#sadrzaji .o_nama:hover ~ hr {
	  margin-left: 20%;
	}

	#sadrzaji .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	}

	#sadrzaji .galerija:hover ~ hr {
	  margin-left: 66.3%;
	}

	#sadrzaji .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#sadrzaji hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 50.8%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/********    Galerija     *********/


	#galerija .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#galerija .o_nama:hover ~ hr {
	  margin-left: 20%;
	}

	#galerija .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	}

	#galerija .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	}

	#galerija .cene:hover ~ hr {
	  margin-left: 82.7%;
	  width: 4.2%;
	}

	#galerija hr {
	  height: .25rem;
	  width: 6%;
	  margin: 0 0 0 66.3%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}

	/******    CENE   **********/


	#cene .početna:hover ~ hr {
	   margin-left: 4.35%;
	   width: 6.2%;
	}

	#cene .o_nama:hover ~ hr {
	  margin-left: 20%;
	  width:6%;
	}

	#cene .smeštaj:hover ~ hr {
	  margin-left: 35.3%;
	  width:6%;
	}

	#cene .sadržaji:hover ~ hr {
	  margin-left: 50.8%;
	  width:6%;
	}

	#cene .galerija:hover ~ hr {
	  margin-left: 66.3%;
	  width:6%;
	  
	}

	#cene hr {
	  height: .25rem;
	  width: 4.2%;
	  margin: 0 0 0 82.7%;
	  background: #edf211;
	  border: none;
	  transition: .3s ease-in-out;
	}
	
	
}

/***********************   Rezolucija 1600 px   ***************************/

@media screen and (width: 1600px) {
	
	.t_cvet {
			width: 45%;
			height: 40rem;
			background-color: #99a6b2;
			text-align: justify;
			color: white;
			border-radius: 50px 0 50px 0;
			padding: 2% 3%;
			margin: 2%;
			float: right;
			margin-top: -50%;
			
			
		  }
		  
	.logo {
		padding: 0;
		width: 47%;
		margin:auto;
	}
   .logo img {
		width: 45%;
		margin-top: 0%;
	} 
	.nav {
		padding: 0;
		margin-top: -1%;
	}
}

@media only screen and (max-width: 1024px){
    #galerija .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}



@media only screen and (max-width: 700px){
    #galerija .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    #galerija .responsive {
        width: 100%;
		margin: auto;
    }
}

@media only screen and (max-width: 2200px) and (min-width: 1600px) {
	.logo {
		padding: 0;
		width: 47%;
		margin:auto;
	}
   .logo img {
		width: 35%;
		margin-top: 1%;
	}
	.nav {
		margin-top: -1%;
	}
}