@media only screen and (max-width: 1400px) {
	.servtitle, .servskup {
		width: 100%
	}
	.services  {
		flex-wrap: wrap;
	}
	.servskup .swiper {
		padding: 30px 0
	}
	.w1400 {
		width: 100%;
		margin: 0
	}
	.fnews {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 1200px) {
	.mobmenu {
		display: block;
		width: 45px;
		height: 45px;
		padding: 15px 5px;

		background: #e03a40;
		text-align: center;
		position: fixed;
		right: 20px;
		top: 5px;
		cursor: pointer;
		z-index: 5200;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.mobmenu .bar {
		width: 90%;
		display: block;
		margin: 3px auto;
		height: 1px;
		background: #fff
	}
	.menu ul {
		right: -300px;
z-index: 9000;
position: fixed;
background: #e03a40;
height: 100vh;
overflow-y: scroll;
width: 300px;
top: 0;
padding: 30px;
display: block;
	}
	.menu ul li {
		display: block;
		padding: 7px 0;
		line-height: 160%
	}
		.menu ul li a {
			text-transform: uppercase;
		}
	.quick {
	position: absolute;
	top: 15px;
	right: 70px;
	z-index: 200
	}
	.nav {
		padding: 10px 20px
	}
	.tag, .topimg {
		width: 100%;
	}
	.naslovni  {
		flex-wrap: wrap;
	}
	.topimg.fronty {
		height: 450px
	}
}

@media only screen and (max-width: 1100px) {
	.w1100 {
		width: 100%;
		margin: 0;

	}
	.services {
		padding: 60px;
	}
	.main {
		padding: 50px 50px
	}

}

@media only screen and (max-width: 800px) {
	.w800 {
		width: 100%;
		margin: 0;
		padding: 0 50px;
	}
	.flex {
		flex-wrap: wrap;
	}
	.flex:not(.quest, .imp ) > div {
		width: 100%
	}
	.slideproj .swipeprev3 {
		left:-8px;
		top: 57%
	}
	.fnews h4 a {
	white-space: normal;
	}
	.slideproj .swipenext3 {
		right: 20px;
		top: 57%;
	}

	.slideproj .navbots	.readmore a span {
		color: #fff
	}
	.aimg  {
		margin-bottom: 50px
	}
	.projtxt {
		margin-left: 0
	}
	.slideproj {
		padding: 80px 50px
	}
	.finner  {
		padding: 50px 20px 50px 100px;
		width: 85%;
	}
	.why h2 {
		padding-bottom: 25px;
	}
	.abo .singlekat {
		width: 45%!important
	}
	.quick {
		flex-wrap: wrap;
		width: auto;
	}
	.qwr {
		width: 100%;
		text-align: right;
	}
	.tag {
		padding: 70px 50px
	}

}

@media only screen and (max-width: 500px) {
	.abo .singlekat {
		width: 100%!important
	}
	.main {
		padding: 50px 20px
	}
.services {
	padding: 60px 20px
}
.footer {
	 padding: 120px 20px 50px 20px;
	}
	.footer.hasnews {
		padding: 50px 20px
	}
	.fnews {
		 padding: 100px 20px 50px 20px;
		}
}

@media only screen and (max-width: 480px) {
	.quick {
		top: 50px;
		right: 10px
	}
	.tag {
		padding: 70px 20px
	}
	.tag h1 {
		font-size: 70px
	}

	.slidenews {
		padding-left: 30px
	}
	.fnews {
		padding: 80px 20px
	}

		.tag {
			min-width: 100%
		}
}
@media only screen and (max-width: 320px) {
	.tag h1 {
		font-size: 60px
	}
}