@media screen and (max-width: 1200px) {
	.marg{margin:0 auto; width:96%; overflow:hidden;}
	.moto{display:none;}
	.mainMenu{float:left; width:100%; height:auto; border-top:1px solid #fff; background-color:#a8cf45;}
	.mainUl { padding:0; margin:0; height:auto; text-align:center; font-size:15px; font-weight:700; }
		.mainUl li {float:left; width:auto; display:block; height:auto;   padding:15px 7px 15px 7px; cursor:pointer;}
		.mainUl li:hover {background-color:#00afef;} 
		.mainUl li.act {float:left; width:auto; display:block;  padding:15px 7px 15px 7px; background-color:#00afef; cursor:pointer;}	
		.mainUl li a {color:#fff;  text-decoration:none; }
		.mainUl li a:hover {color:#fff;  text-decoration:none; }
		.mainUl li.act a {color:#fff;  text-decoration:none; }
}

@media screen and (max-width: 1020px) {
	
	.mainMenu{display:none;}
	.logo img{max-width:180px;}
	.headElement{display:none;}
.sBanner{display:none;}
	
	.clearfix:before,
	.clearfix:after {content: " ";display: table;}
	.clearfix:after {clear: both;}
	.clearfix {*zoom: 1;}
	.menuMob{ float:left; width:100%; height:auto; border-top:1px solid #fff; background-color:#a8cf45; text-align:center; display:block; }
	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 {	background-color: #a8cf45; height: 38px; padding-top:15px; width: 100%; color:#fff; float:left;   }
	nav a#pull:after {content:"";background-image:url(../images/menu.svg); background-size:25px; background-position: center; background-repeat:no-repeat;	width: 100%; height:25px; float:left; color:#fff;}
	nav li {float:left; width: 100%; margin:0; padding:0; background-color:#000;  height:30px; padding:9px 0 3px 0; list-style:none; cursor:pointer; border-bottom:1px solid #626262; font-size:16px;}
	nav li a {color:#fff; text-decoration:none;}nav li a:hover {color:#fff; text-decoration:none;}
	.active{text-decoration:none; background-color:#fff;}
	nav a {	text-align: left;	width: 100%;	text-indent: 25px;}
	
	.footElement{float:left; width:100%; height:auto; font-size:15px; line-height:20px;}
.infos{margin-top:35px; float:left; width:100%; text-align:center;}.infos strong{color:#fff;}

.posljiLook{float: left; width:98%; height:auto; padding:10px 0 10px 0; background-color:#00afef; color:#fff; outline:none; cursor:pointer; border:0px; font-family: 'PT Sans', sans-serif;font-weight:700; font-size:16px; text-align:center;}

.mLok,.mTel,.mMail{display:block; float:right; width:auto; height:auto; padding:3px; border:1px solid #ddd; margin-left:10px; max-height:25px; margin-top:15px;}
.mMail img{max-height:25px;}.mTel img{max-height:25px;}.mLok img{max-height:25px;}
}

@media screen and (max-width: 1000px) {
	.element{float:left; width:31%; margin:0 1% 25px 1%; text-align:center;}
	.element h3{background-color:#333; color:#fff; padding:0; margin:0; padding:8px 0 8px 0; font-size:12px; font-weight:400;}
	
	h1{margin:0; padding:0; font-size:25px; font-weight:400; color:#000; line-height:25px; text-align:center; margin:35px 0 35px 0; padding-bottom:20px; background-image:none; border-bottom:2px solid #a8cf45;}
	h3{margin:0; padding:0; font-size:16px; font-weight:700; margin:20px 0 10px 0; color:#00afef;}
}

@media screen and (max-width: 600px) {
	.element{float:left; width:47%; margin:0 1% 25px 1%; text-align:center;}
	.element h3{background-color:#333; color:#fff; padding:0; margin:0; padding:8px 0 8px 0; font-size:12px; font-weight:400;}
}

@media screen and (max-width: 500px) {
	.okras{float:left; width:100%; padding:0; border:none; margin:0 0 0 0; clear:both; margin-bottom:25px;}

}