@media screen and (max-width: 480px) {

html {
		-webkit-text-size-adjust: none;
	}
body {
	font-size:12px;
	
}
#leftcontent {
	
	}
div #sadrzaj td, #sadrzaj th{
    position:relative;
    float:left;
    clear:both;
    width:100% !important;
    text-align:center;
	padding: 3px 0px;
}

}


@media  (max-width: 767px) {

html {
		-webkit-text-size-adjust: none;
	}
#headeroklop {
  padding-top: 20px;
}
div #logo {
  margin: 0px 0px 0px 0px;
}
div #state {
  float: none;
  margin: 0px 0px 0px 220px;
}
.fixed-header #state, .fixed-header #logo, .fixed-header #water, .fixed-header #date{
  display:none;
}
div #water {
  width: 300px;
  height:auto;
  margin: 0px 0px 0px 0px;
  font-size: 16px;
}
div #date {
  padding: 10px 0px 0px 0px;
  font-size: 16px;
    height:auto;
}
div #maincontent, #headeroklop, #footerup {
	margin:0 auto;
	width:450px;
	display:block;
}
.fixed-header #navigacijaback {
  width: 450px;
}
div #navigacija {
	width:450px;
	padding:0px;
   }
.sf-menu, .fixed-header .sf-menu {
  padding-left: 20px;
}
.sf-menu li {
  background: none;
  margin-left:0px;
}

.sf-menu a, .fixed-header .sf-menu a {
  padding: 1em 0px 1em 13px;
	font-size:12px;
	text-transform:none;
}
.mobnav-subarrow {
    display: none;
}
.end {
     margin: 0px 15px 15px 0px !important;
}
.country {
     margin: 0px 15px 15px 0px !important;
}
div #sadrzaj {
	width:430px;
	padding-left:0px;
}
div #sadrzaj td, #sadrzaj th{
    position:relative;
    float:left;
    clear:both;
    width:100% !important;
    text-align:center;
	padding: 3px 0px;
}

#dwp{
	width: 240px !important;
}
#dwp_text{
	width:450px !important;
	margin-left: 0px !important;
}
.nav-toggle {
  text-decoration: none;
  text-indent: -999px;
  position: absolute;
  overflow: hidden;
  width: 14px;
  height: 30px;
  top: 131px;
}
.nav-toggle:before {
	color: #36a7e9;
  font-size: 20px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  speak: none;
  width: 100%;
  left: 0;
}
.pad .nav-toggle {
  position: fixed;
  top: 10px;
  z-index:100;
}
}


@media (min-width: 768px) and (max-width: 992px) {
html {
		-webkit-text-size-adjust: none;
	}
div #maincontent, #headeroklop, #footerup {
	margin:0 auto;
	width:750px;
	display:block;
}
#headeroklop {
  padding-top: 40px;
}
.fixed-header #logo {
  display:none;
}
.fixed-header #state {
  display:none;
}
div #date {
  margin: 0px 0px 0px 35px !important;
  padding: 5px 0px 0px 0px !important;
}
div #navigacija {
	width:750px;
	padding:0px !important;
   }
.sf-menu {
  padding-left: 0px !important;
}
.sf-menu li {
	margin-left:18px;
	
}
#naviglinks {
	width:160px !important;
  padding: 20px !important;
}
.mobnav-subarrow {
    display: none;
}

div #sadrzaj {
	width:730px;
	padding-left:20px;
}

.end {
     margin: 0px 30px 30px 0px !important;
}
#dwp{
	width: 180px !important;
}
#dwp_text{
	width:540px !important;
	margin-left: 20px !important;
}
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {

div #maincontent, #headeroklop, #footerup {
	margin:0 auto;
	width:970px;
	display:block;
}

div #navigacija {
	width:970px;
   }
.sf-menu {
  padding-left: 30px;
}
.fixed-header .sf-menu {
  padding-left: 0px;
}
.fixed-header .sf-menu li {
  margin-left: 10px;
}
.fixed-header .sf-menu li.first {
  margin-left: 0px;
}
#naviglinks {
  padding: 20px !important;
}
.mobnav-subarrow {
    display: none;
}

div #sadrzaj {
	width:940px;
	padding-left:30px;
}
.end {
     margin: 0px 30px 30px 0px !important;
}
#dwp{
	width: 220px !important;
}
#dwp_text{
	width:720px !important;
	margin-left: 30px !important;
}
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


@media (min-width: 1200px) {

div #maincontent, #headeroklop, #footerup {
	margin:0 auto;
	width:1170px;
	display:block;
}

div #navigacija {
	width:1170px;
   }
.mobnav-subarrow {
    display: none;
}

div #sadrzaj {
	width:1160px;
	padding-left:40px;
}

#dwp{
	width: 240px;
}
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}