@media screen and (min-width:960px) and (max-width:1200px){
.header {width: 960px!important; margin: 0 auto;  padding: 0 20px!important;height: auto; display: table;}
.menu {width: 960px!important; margin: 0 auto;  padding: 0 20px!important;height: auto; display: table;}
#glavni {width: 960px!important; margin:auto;  padding:20px!important; height:auto; display:table; background:rgba(255,255,255,.95); }
	.sort {width:239px; height: auto; display:table; float:left; margin:0.5px;}
	.sort h3 { font-size:16px; color:#fff; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a; padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort img { width:100%; height:auto; display:table;  transition: all 1s}
	.sort1 {width:239px; height: auto; display:table; float:left; margin:0.5px;}
	.sort1 h3 { font-size:16px; color:#f2f2f2; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a;padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort1 img { width:100%; height:auto; display:table;  transition: all 1s}
	.row1000 {width: 960px!important; margin: 0 auto;  padding: 0 20px!important;height: auto; display: table;}
	.produkt { width:90px!important; float:left; height:130px; text-align:center}
.produkt img { margin:0 auto 10px auto}
.produkt a { text-decoration:none; color:#444; width:100%; float:left; font-size:14px}
.sl-n { width:960px!important; height:auto; display:table}
.sl-n1 { width:703px!important; height:auto; display:table}
.sl-n2  { width:348px!important; height:auto; display:table}
.row22p {     padding: 0% 0.2% 2% 1.5%!important;}
.row22 {     padding: 0% 0.2% 2% 1.5%!important;}
.caes-oc {width: 348px!important;
height: auto;
display: table;}
.pgran { height:155px!important}
.caes-oc1 { width:703px!important}
.menu ul li a { padding:8px 13px!important}


}

@media only screen and (min-width:720px) and (max-width:959px){


.header {width: 740px!important; margin: 0 auto;  padding: 0 0px!important;height: auto; display: table;}
.menu {width: 740px!important; margin: 0 auto;  padding: 0 0px!important;height: auto; display: table;}
	.menu ul { padding:0px; list-style:none; margin:0 auto; text-align:center!important}
	.menu ul li { float:left; }
	.menu ul li a { height:auto; display:table; text-decoration:none; color:#fff; padding:8px 7px!important; letter-spacing:1px;  transition: all 1s; font-size:15px}
	.menu ul li a:hover { background:#222}
	.menu ul li ul { display:none;width:136px; position:absolute; z-index:5555555; background:#5C5F67}
	.menu ul li ul li { height:auto; display:table; width:136px; margin:0px;}
		.menu ul li ul li a { height:auto; display:table; padding:5px 8px 6px 8px!important; width:120px; text-align:left}
		.menu ul li ul li ul { display:none;width:136px!important; position:absolute; z-index:5555555; background:#40434A; margin-left:136px!important; margin-top:-31px} 
		.menu ul li ul li ul li a:hover {background:#222!important}
		#st-and { display:none!important}
		#sadrzaj { margin:10px 0 20px 0!important}
#glavni {width: 740px!important; margin:auto;  padding: 0 5px!important; height:auto; display:table; background:rgba(255,255,255,.95); }
	.sort {width:184px; height: auto; display:table; float:left; margin:.5px;}
	.sort h3 { font-size:16px; color:#fff; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a; padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort img { width:100%; height:auto; display:table;  transition: all 1s}
	.sort1 {width:184px; height: auto; display:table; float:left; margin:.5px;}
	.sort1 h3 { font-size:16px; color:#f2f2f2; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a;padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort1 img { width:100%; height:auto; display:table;  transition: all 1s}
	.row1000 {width: 740px!important; margin: 0 auto;  padding: 0 0px!important;height: auto; display: table;}
	.produkt { width:130px!important; float:left; height:130px; text-align:center}
.produkt img { margin:0 auto 10px auto}
.produkt a { text-decoration:none; color:#444; width:100%; float:left; font-size:14px}
.side-p { height:600px!important}
.bad3 { height:557px!important}
.sl-n { width:740px!important; height:auto; display:table}
.sl-n1 { width:732px!important; height:auto; display:table; margin-left:4px; margin-right:4px}
.sl-n2  { width:364px!important; height:auto; display:table}
.row73 { width:740px!important; padding:0px!important; border:0px!important}
.row22 { width:100%; padding:10px 0px 10px 0!important; float:left!important}
.social-i img { width:31%!important; margin-left:6px!important; margin-right:6px!important}
.prod-55 {
width: 155px;
height: auto; height:135px!important;
display: table;}
.prod-55 img { width:160px!important;}
.inf-med { text-align:center!important; height:auto; display:table; float:left; width:100%}
.sid-ul li { float:left; margin-right:30px; margin-left:15px!important; width:auto!important}
.social { display:none!important}
.h3-lf { text-align:center; padding:8px 0; background:#ddd;}
.bad3 { height:auto!important; display:table}
.caes-oc {width: 364px!important;
height: auto;
display: table;}
.col-h { width:100%; float:left}
/*produkt*/
.row22p {width: 100%;float: left;padding: 0% 0.5% 2% 0%;height: auto;display: table;color: #444;}
.ppppm { width:99%!important}
/*produkt kr*/

.h1-prod { margin:7px 0 5px 0!important}
.inf-prod1 { display: block!important; width:94%; padding:3%;background: rgba(122,112,87,.1); margin:0 0 20px 0}
.inf-prod1 a { text-decoration:none; background: #663; color:#f2f2f2; padding:5px 0; width:100%; text-align:center; margin:10px 0; float:left}
.trep-lag { width:45%!important}
.skicet { text-align:center!important}
}



@media screen and (min-width:361px) and (max-width:719px){
.slikaraba { display:none!important}
.slikaraba2 { display:none!important}
#responsive-menu{display:block!important; z-index:5555555555555555555555555555555555!important; width:100%!important; float:left; background:#444; padding:0; margin-top:8px!important}
.r-m5 { width:100%!important; 
overflow:hidden; letter-spacing:2px; text-align:center;
		-webkit-appearance: none;
		padding: 5px;
		font: 12px Arial, Helvetica, sans-serif;
		margin: 0;
		width: 40%;
		float:right;
		max-width: 100%;
		display: block;background:#444;
		/*background: rgba(255, 255, 255, 0.8) url('../images/menu12.png') no-repeat 75% center;*/
		color:#f2f2f2;
		/*border:1px solid #5E7638;*/ 
		   }
		   .im11 { width:21.9%!important; padding:0.6%; border:1px solid #ddd; margin:0.5%; float:left; height:80px!important}
.galha { width:100%; height:auto; display:table; padding:20px 0; margin:15px 0; border-bottom:2px solid #ddd; border-top:2px solid #ddd}
		   .row73{ width:100%!important; padding:0!important; border:0px!important;}
		    .side-p { width:100%!important; padding:0!important; border:0px!important;}
.menu { display:none!important}

.header {width: 450px!important; margin: 0 auto;  padding: 0 5px!important;height: auto; display: table;}
.logo { margin-right:10px}

#glavni {width: 450px!important; margin:auto;  padding:5px!important; height:auto; display:table; background:rgba(255,255,255,.95); }
	.sort {width:228px; height: auto; display:table; float:left; margin:0.5px;}
	.sort h3 { font-size:16px; color:#fff; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a; padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort img { width:100%; height:auto; display:table;  transition: all 1s}
	.sort1 {width:228px; height: auto; display:table; float:left; margin:0.5px;}
	.sort1 h3 { font-size:16px; color:#f2f2f2; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a;padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort1 img { width:100%; height:auto; display:table;  transition: all 1s}
	.row1000 {width: 450px!important; margin: 0 auto;  padding: 0 5px!important;height: auto; display: table;}
	.produkt { width:110px!important; float:left; height:130px; text-align:center}
.produkt img { margin:0 auto 10px auto}
.produkt a { text-decoration:none; color:#444; width:100%; float:left; font-size:14px}
.bx-wrapper img  { height:300px!important}
.side-p { height:310px!important}
.bad3 { height: auto!important}
.kombi { margin:0 55px 10px 55px!important}
.row323, .row32 { width:47%!important; height:240px!important}
#copr { height:auto!important; display:table!important}
#copr .p50r { float:left!important}
#deu-tran {display:none!important}
.h3-gp { margin:15px 0 5px 0!important}
.ko-pp, .ko-pp1{ width:98%!important; float:left!important}
.row22 { width:100%; padding:10px 0px 10px 0!important; float:left!important;}
.social-i img { width:30%!important; margin-left:5px!important; margin-right:5px!important; height:auto; display:table}
.h3-lf { text-align:center; padding:8px 0; background:#ddd;}
.inf-med { text-align:center!important; height:auto; display:table; float:left; width:100%}
.sl-n { width:450px!important; height:auto; display:table}
.sl-n1 { width:450px!important; height:auto; display:table; margin:0x!important}
.sl-n2  { width:222px!important; height:auto; display:table}
.social { display:none!important}
.caes-oc { width: 364px; float: left; height: auto; display: table; margin: 0 45px 20px 45px!important;}
.caes-oc1 { width: 450px!important; float: left;  height: auto;display: table; margin: 0 0px 20px 0px;}
.ddl { height: 175px; width: 135px!important; padding: 5px; border: 1px solid #ddd; float: left; margin: 1px; text-align: center;color: #7A7057;font-size: 14px;  transition: all 500ms;}
.ddl img { height:auto; width:100%; display:table}
.row22p { width:100%!important; padding:0!important}
.partner, .partner1 { width:98%!important; padding:1%!important; margin:0 0px 10px 0!important; }
.sid-ul li {float: left; margin-right: 30px; margin-left: 15px !important;  width: auto !important;}
.h1-prod { margin:7px 0 5px 0!important}
.prod-55 { height: 175px!important; width: 135px!important; padding: 5px; border: 1px solid #ddd; float: left; margin: 1px; text-align: center;color: #7A7057;font-size: 14px;  transition: all 500ms;}
.prod-55 img { height:auto; width:100%; display:table}
.mCSB_container { padding:0px!important}
.inf-prod1 { display: block!important; width:94%; padding:3%;background: rgba(122,112,87,.1); margin:0 0 20px 0}
.inf-prod1 a { text-decoration:none; background: #663; color:#f2f2f2; padding:5px 0; width:100%; text-align:center; margin:10px 0; float:left}
.trep-lag { width:90%!important}
.skicet { text-align:center!important}
}

@media only screen and (max-width : 360px) {
.inf-prod1 { display: block!important; width:94%; padding:3%;background: rgba(122,112,87,.1); margin:0 0 20px 0}
.inf-prod1 a { text-decoration:none; background: #663; color:#f2f2f2; padding:5px 0; width:100%; text-align:center; margin:10px 0; float:left}
.slikaraba { display:none!important}
#deu-tran {display:none!important}
.slikaraba2 { display:none!important}
.single { margin:5px 0 10px 0!important; width:96%!important}
.single img { width:100%!important; height:auto; display:table}
.h3-lf { text-align:center; padding:8px 0; background:#ddd;}
.inf-med { text-align:center!important; height:auto; display:table; float:left; width:100%}
.social { display:none!important}
.ddl {
height: 175px;width: 130px!important;padding: 5px;border: 1px solid #ddd;float: left;margin: 1px;text-align: center;color: #7A7057;font-size: 14px;
/* transition: all 500ms; */
}
.ddl img { height:auto; display:table; width:100%!important}

.prod-55 {
width: 122px!important;
height: 175px!important;
margin-bottom: 10px;
padding: 5px!important;
border: 1px solid #ddd;
background: rgba(222,222,222,.15);
float: left;
text-align: center;
color: #7A7057!important;
font-size: 14px;
}
.trep-lag img { width:285px!important}
.ko-pp { width:98%!important; margin-bottom:10px!important}
.ko-pp1{ width:98%!important; margin-bottom:10px!important}
.mapa-ko { width:295px!important}
.prod-55 img { height:auto; display:table; width:100%!important}
.row22 { width:100%!important; padding:0!important; margin:10px 0!important}
#responsive-menu{display:block!important; z-index:5555555555555555555555555555555555!important; width:100%!important; float:left; background:#444; padding:0; margin-top:8px!important}
.sl-n { width:290px!important; height:180px!important}
.sl-n1 { width:290px!important; height:auto; display:table; margin:0px!important}
.sl-n2  { width:290px!important; height:auto; display:table}
.r-m5 { width:100%!important; 
overflow:hidden; letter-spacing:2px; text-align:center;
		-webkit-appearance: none;
		padding: 5px;
		font: 12px Arial, Helvetica, sans-serif;
		margin: 0;
		width: 40%;
		float:right;
		max-width: 100%;
		display: block;background:#444;
		/*background: rgba(255, 255, 255, 0.8) url('../images/menu12.png') no-repeat 75% center;*/
		color:#f2f2f2;
		/*border:1px solid #5E7638;*/ 
		   }
		   .row73, .side-p { width:100%!important; padding:0!important}
.menu { display:none!important}

.header {width: 290px!important; margin: 0 auto;  padding: 0 5px!important;height: auto; display: table;}
.logo { margin:0px 00px 10px 90px}
.kont-hed { margin:0px 60px 0px 0px}

#glavni {width:290px!important; margin:auto;  padding:5px!important; height:auto; display:table; background:rgba(255,255,255,.95); }
	.sort {width:149px; height: auto; display:table; float:left; margin:0.5px;}
	.sort h3 { font-size:16px; color:#fff; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a; padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort img { width:100%; height:auto; display:table;  transition: all 1s}
	.sort1 {width:149px; height: auto; display:table; float:left; margin:0.5px;}
	.sort1 h3 { font-size:16px; color:#f2f2f2; text-align:center; font-weight:normal; letter-spacing:1px; background:#40434a;padding:5px 0; margin:0px; border-top:1px solid #fff;}
	.sort1 img { width:100%; height:auto; display:table;  transition: all 1s}
	.row1000 {width: 300px!important; margin: 0 auto;  padding: 0px!important;height: auto; display: table;}
	.produkt { width:110px!important; float:left; height:130px; text-align:center}
.produkt img { margin:0 auto 10px auto}
.produkt a { text-decoration:none; color:#444; width:100%; float:left; font-size:14px}
.bx-wrapper img  { height:230px!important}
.side-p { height:310px!important}
.bad3 { height: auto!important}
.kombi { margin:0 0px 10px 0px!important; width:285px!important; height:auto; display:table}
.row323, .row32 { width:46%!important;     height: auto!important;
    display: table; padding:0 2%!important}
#copr { height:auto!important; display:table!important}
#copr .p50r { float:left!important}
.h3-gp { margin:15px 0 5px 0!important}
.row22p { width:100%!important; padding:0!important}

}