
@media screen and (max-width: 1100px) {/*MOBITEL*/
	
	.noMobile1 { display:none;}
	.marg{margin:0 auto; width:96%; margin-left:2%; margin-right:2%;}
	
.slikaStran{float:left; width:98%; height:auto;  padding:5px; border:1px solid #ddd; clear:both; margin-top:20px; margin-bottom:20px;}
	
	.mainUl li {margin:0; width:auto; height:auto; display:inline; padding:10px 15px 10px 0;}
	.mainUl li.act {margin:0; width:auto; height:auto; display:inline;  padding:10px 15px 10px 0; }
	.mainUl li a {color:#828181; text-decoration:none; font-weight:400; font-size:13px;}
	
	.katalog{float:left; width:98%; height:58px; background-image:url(../images/body/katalog.jpg); margin-bottom:11px;  font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%; }
	.pora2{float:left; width:auto; height:auto; padding:8px 0 0 70px; text-shadow:1px 1px #000; color:#fff; font-size:16px; }
	.najlepse{float:left; width:98%; height:60px; background-image:url(../images/body/najlepseTerase.jpg); margin-bottom:16px; font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	.f12{font-size:10px;}
	.poklicite{float:left; width:98%; height:58px; background-image:url(../images/body/poklicite.jpg); margin-bottom:11px; font-weight:300; cursor:pointer; background-repeat:no-repeat;  background-size:100%;}
	.pora{float:left; width:auto; height:auto; padding:15px 0 0 70px; text-shadow:2px 2px #1b4d7c; color:#fff; font-size:16px;}

h1{margin:0; padding:0; padding-top:5px; color:#788792; font-size:20px; margin-bottom:30px; line-height:25px;}
h2{margin:0; padding:0; padding-top:5px; color:#788792; font-size:16px; margin-bottom:30px; line-height:25px;}
h5{margin:0; padding:0; font-size:25px; color:#1f1d18; margin-bottom:20px; font-weight:700;}
	
	
	.animacija{ overflow:hidden; height:auto;}
  .slideEl{width:100%; height:auto; line-height:21px; background-repeat:no-repeat;	-webkit-background-size: cover;	-moz-background-size:cover;	-o-background-size:cover;	background-size:cover; background-position:bottom; text-align:center;}
  .abs{position:relative; width:100%; top:65%; left:20%;}
  blockquote {margin:auto;width:340px; height:auto; padding:35px; color:#e2e1e0; font-size:18px; font-weight:300; background-image:url(../images/body/dark.png); border:1px solid #fff; border-radius:5px; text-align:center; }
  .abs h1{margin:0; padding:0; font-weight:300; font-size:20px; color:#fff; display:inline; font-family: 'Exo 2', sans-serif; line-height:30px;}

	

}
@media screen and (max-width: 900px) {
	
	.marg{margin:0 auto; width:96%; margin-left:2%; margin-right:2%;}
	
	.mainUl li {margin:0; width:auto; height:auto; display:inline; padding:10px 10px 10px 0;}
	.mainUl li.act {margin:0; width:auto; height:auto; display:inline;  padding:10px 10px 10px 0; }
	.mainUl li a {color:#828181; text-decoration:none; font-weight:400; font-size:12px;}
	
	
	.katalog{float:left; width:98%; height:45px; background-image:url(../images/body/katalog.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%; }
	.najlepse{float:left; width:98%; height:45px; background-image:url(../images/body/najlepseTerase.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%; margin-top:5px;}
	.pora2{float:left; width:auto; height:auto; padding:4px 0 0 50px; text-shadow:1px 1px #000; color:#fff; font-size:12px; line-height:15px;}
	.f12{font-size:10px;}
	.poklicite{float:left; width:98%; height:45px; background-image:url(../images/body/poklicite.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat;  background-size:100%;}
	.pora{float:left; width:auto; height:auto; padding:4px 0 0 50px; text-shadow:1px 1px #000; color:#fff; font-size:12px; line-height:15px;}
	h5{margin:0; padding:0; font-size:20px; color:#1f1d18; margin-bottom:20px; font-weight:400; line-height:25px;}
	
	.akcijaSto{float:left; width:98%; margin:0; padding:2px 0 10px 2%; font-size:15px; line-height:25px; color:#fff; background-color:#d90909; text-align:left; border-top-right-radius:5px; border-top-left-radius:5px; font-weight:300; }
	.akcijaLeft h4{float:left; width:100%; margin:0; padding:3px 0 3px 0; font-size:15px; color:#fff; margin-bottom:3px; font-weight:300;   }
	
	.footEl{float:left; width:28%; height:auto; padding-left:2.5%;padding-right:2.5%; margin-bottom:20px;}

}
@media screen and (max-width: 800px) {
	
	.menuMin{float:right; width:auto; font-size:12px; margin-top:32px; clear:right; margin-bottom:5px;}
	.segment{float:left; width:100%; height:auto; margin-bottom:30px;}
	.marg{margin:0 auto; width:96%; margin-left:2%; margin-right:2%;}
 	img { max-width: 100%; height: auto;}
	.mobShow{display:block;}
	.noMobile{display:none;}
	.mobShow{display:block;}
	
	.akcijaLeft h4{float:left; width:100%; margin:0; padding:3px 0 3px 0; font-size:18px; color:#fff; margin-bottom:3px; font-weight:300;   }
	
	.animMin h3{margin:0; padding:0; background-image:url(../images/body/dark.png); color:#fff; font-size:20px; text-align:center; font-weight:300; padding:30px 0 35px 0; text-shadow:2px 2px #000; margin-top:9%; line-height:25px;}

	.clearfix:before,
	.clearfix:after {content: " ";display: table;}
	.clearfix:after {clear: both;}
	.clearfix {*zoom: 1;}
	.menuMob{float:left; width:99%; height:auto; display:block; overflow:hidden; margin-top:20px; margin-bottom:10px;}
	nav {border-bottom: 0; width:100%; margin:0; padding:0; margin-bottom:0px;}
	nav ul {display: none;height: auto; margin:0; padding:0; list-style:none;}
	nav a#pull {display: block;	border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height: 35px; padding-top:15px;width: 100%;position: relative; color:#d4d4d4;}
	nav a#pull:after {content:"";background-image:url(../images/nav-icon.png); background-position:right center; background-repeat:no-repeat;	width: 30px;	height: 40px;	display: inline-block;	position: absolute;	right: 15px; top:4px; color:#fff;}
	nav li {float:left; width: 100%; margin:0; height:30px; padding:15px 0 5px 25px; border-bottom:1px solid #e5e5e5; list-style:none; cursor:pointer;}
	nav li a {color:#d4d4d4;; text-decoration:none;}
	.active{text-decoration:none;}
	nav a {	text-align: left;	width: 100%;	text-indent: 25px; }

	.desno{float:right; width:100%; height:auto; font-weight:300; margin-bottom:10px;}
	.levo{float:left; width:100%; height:auto; margin-bottom:10px;}
	
	.submenu{float:left; width:96%; height:auto; padding:2%; border-radius:5px; background-color:#e8edf1; font-size:14px; font-weight:400; margin-bottom:11px;}
	.subItem{float:left; width:100%; height:auto; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d6dce1; cursor:pointer; text-align:center;}
	.subItemAct{float:left; width:100%; height:auto; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d6dce1; cursor:pointer; text-align:center;}
	
	.katalog{float:left; width:45%; height:60px; background-image:url(../images/body/katalog.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	.najlepse{float:right; width:45%; height:60px; background-image:url(../images/body/najlepseTerase.jpg); margin-bottom:16px; font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	.pora2{float:left; width:auto; height:auto; padding:7% 0 0 25%; text-shadow:1px 1px #000; color:#fff; font-size:18px; }
	.f12{font-size:12px;}
	.poklicite{float:right; width:45%; height:60px; background-image:url(../images/body/poklicite.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat;  background-size:100%;}
	.pora{float:left; width:auto; height:auto; padding:7% 0 0 25%; text-shadow:1px 1px #000; color:#fff; font-size:18px; }
	
	.obrazec{float:left; width:96%; height:auto; padding:2%; border-radius:5px; background-color:#c9d4dd; font-size:14px; font-weight:400; margin-bottom:11px;}
	.pokliciteDiv{float:left; width:96%; height:auto; padding:2%; margin-top:-11px; margin-bottom:10px; border-radius:5px; border-top: none; background-color:#e8edf1; font-size:12px; /*font-weight:400; margin-bottom:11px;*/}
	.akcijaLeft{float:left; width:100%; height:auto; margin-bottom:18px; }
	.areaF{width:96%; height:50px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; padding-top:7px; margin-bottom:11px;  font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	.inputF{width:96%; height:25px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; margin-bottom:11px; font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	
	
	
}

@media screen and (max-width: 600px) {
	
	.footEl{float:left; width:42%; height:auto; padding-left:2.5%;padding-right:2.5%; margin-bottom:20px;}
		.menuMin{float:left; width:100%; font-size:12px; margin-top:15px;clear:none; text-align:center; margin-bottom:0;}
	.marg{margin:0 auto; width:96%; margin-left:2%; margin-right:2%;}
	
	.animMin h3{margin:0; padding:0; background-image:url(../images/body/dark.png); color:#fff; font-size:20px; text-align:center; font-weight:300; padding:30px 0 35px 0; text-shadow:2px 2px #000; margin-top:9%; line-height:25px;}
	
	.katalog{float:left; width:45%; height:50px; background-image:url(../images/body/katalog.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	
	.pora2{float:left; width:auto; height:auto; padding:3% 0 0 25%; text-shadow:1px 1px #000; color:#fff; font-size:18px; }
	.noMobileMin{display:none;}
	.f12{font-size:12px;}
	.poklicite{float:right; width:45%; height:50px; background-image:url(../images/body/poklicite.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat;  background-size:100%;}
	.pora{float:left; width:auto; height:auto; padding:6% 0 0 25%; text-shadow:2px 2px #1b4d7c; color:#fff; font-size:18px;}
	
	
	.obrazec{float:left; width:96%; height:auto; padding:2%; border-radius:5px; background-color:#c9d4dd; font-size:14px; font-weight:400; margin-bottom:11px;}
	.areaF{width:96%; height:50px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; padding-top:7px; margin-bottom:11px;  font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	.inputF{width:96%; height:25px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; margin-bottom:11px; font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	
.animacija{ overflow:hidden; height:auto;}
  .slideEl{width:100%; height:auto; line-height:21px; background-repeat:no-repeat;	-webkit-background-size: cover;	-moz-background-size:cover;	-o-background-size:cover;	background-size:cover; background-position:bottom; text-align:center;}
  .abs{position:relative; width:100%; top:65%; left:20%;}
  blockquote {margin:auto;width:140px; height:auto; padding:35px; color:#e2e1e0; font-size:18px; font-weight:300; background-image:url(../images/body/dark.png); border:1px solid #fff; border-radius:5px; text-align:center; }
  .abs h1{margin:0; padding:0; font-weight:300; font-size:15px; color:#fff; display:inline; font-family: 'Exo 2', sans-serif; line-height:30px;}

	.slikaOkras{display:none;}
	
	
	.lan{float:right; width:auto; margin-left:0; font-size:13px; font-weight:300; margin-top:20px;}
	.socialIco{float:right; clear:right; width:auto; margin-top:20px;; margin-left:0;}
		.socialIco img{max-width:20px;}
}

@media screen and (max-width: 480px) {
	
	.marg{margin:0 auto; width:96%; margin-left:2%; margin-right:2%;}
	.logo img{padding-bottom:10px; width:80%;}
	.animMin h3{margin:0; padding:0; background-image:url(../images/body/dark.png); color:#fff; font-size:18px; text-align:center; font-weight:300; padding:30px 0 35px 0; text-shadow:2px 2px #000; margin-top:9%; line-height:25px;}
	
	.katalog{float:left; width:100%; height:auto; min-height:80px; background-image:url(../images/body/katalog.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	.najlepse{float:right; width:100%; height:auto; min-height:80px; background-image:url(../images/body/najlepseTerase.jpg); margin-bottom:16px; font-weight:300; cursor:pointer; background-repeat:no-repeat; background-size:100%;}
	.pora2{float:left; width:auto; height:auto; padding:6% 0 0 25%; text-shadow:1px 1px #000; color:#fff; font-size:18px; }
	.noMobileMin{display:none;}
	.f12{font-size:10px;}
	.poklicite{float:right; width:45%; height:40px; background-image:url(../images/body/poklicite.jpg); font-weight:300; cursor:pointer; background-repeat:no-repeat;  background-size:100%;}
	.pora{float:left; width:auto; height:auto; padding:7% 0 0 25%; text-shadow:1px 1px #000; color:#fff; font-size:18px; }
	
	.obrazec{float:left; width:96%; height:auto; padding:2%; border-radius:5px; background-color:#c9d4dd; font-size:14px; font-weight:400; margin-bottom:11px;}
	.areaF{width:96%; height:50px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; padding-top:7px; margin-bottom:11px;  font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	.inputF{width:96%; height:25px; background-color:#fff; border:1px solid #e3e3e3; outline:none; padding-left:2%; margin-bottom:11px; font-family: 'Oswald', sans-serif; color:#727272; font-size:13px; font-weight:300;}
	
	
}

@media screen and (max-width: 420px) {
.footEl{float:left; width:100%; height:auto; padding-left:0;padding-right:0%; margin-bottom:20px; text-align:center;}
}