/* Enter Your Custom CSS Here */
/* Import FA */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*--------------------------------------------------------------
## Proizvod single-proizvod
--------------------------------------------------------------*/

.proizvod-content {
	width: 70%;
	float: right;
	border-top: 1px solid #F2F2F3;
}
widget-area{
	width: 25%;
	
}
.lsidebar {
	width: 25%;
	float: left;
}

.wrapper .proizvod-content {
	padding: 30px;
}

.wrapper #breadcrumbs {	
	padding: 5px;
	border: 1px solid #F2F2F3;
	margin-bottom: 25px;
}

.wrapper #breadcrumbs a{
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #656D6D;
}

.feature-img{
	float:left; 
	width: 55%;
}

.teh-pod p, .opi p, .doku p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #656D6D;
    word-wrap: break-word;
    line-height: 1.9;
    letter-spacing: 1px;
    /*background-color: #F5F9F8;*/
    font-weight: 300;
    text-rendering: optimizeLegibility;
		padding-left: 10px;
}

.teh-pod{
	float: right;
	width: 40%;
}

.opi{
  clear:both;
	width: 100%;
	padding-top: 10px;
}


@media only screen and (max-width:1199px){
.proizvod-content {
	width: 100%;
}
#secondary {
display: none;
}
}

@media only screen and (max-width: 768px) {
.proizvod-content {
	width: 100%;
}
	
.feature-img{ 
	clear:both;
	width: 100%;
}
	
.teh-pod{
	clear:both;
	width: 100%;
	padding-top: 10px;
}
}