@media (max-width: 1280px){
	.wrapper{
		width: 100%;
	}
	header div.m{
		border-bottom: 5px solid #c6c6c6;
	}
	.content .cont .otxicali > article{
		margin-right: calc((100% - 675px) / 3);
	}
	.content .cont .otxicali > article:nth-child(3n){
		margin-right: 0;
	}
	.content .cont .otxicali > article:nth-child(4n){
		margin-right: calc((100% - 675px) / 3);
	}
	.content .cont .projects > div, .content .cont .projects > a > div{
		width: 280px;
	}
}

@media (max-width: 1160px){
	.content .cont .projects{
		justify-content: space-around;
	}
	.pinkdiv{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.pinkdiv div:first-child{
		width: 100%!important;
	}
	.pinkdiv div:last-child{
		width: 100%!important;
	}
	footer div.m{
		height: auto;
		padding: 40px 0;
	}
	footer div.m div.wrapper{
		height: auto;
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 0;
	}
	footer div.m div.wrapper div:first-child{
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid #b0b0b0;
		margin-bottom: 40px;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	footer div.m div.wrapper div:first-child p{
		width: 50%;
		text-align: center;
		margin-top: 30px;
	}
	footer div.m div.wrapper div:last-child{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	footer div.m div.wrapper div:last-child h2{
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 1109px){
	main div.wrapper div.pb div.how{
		margin-top: 30px;
	}
}

@media (max-width: 1090px){
	header div.b div.wrapper nav ul li a{
		font-size: 13px;
	}
}


@media (max-width: 1024px){
	div.banerebi, div.nerrow{
		width: 100%;
	}
	.content .cont .otxicali > article{
		margin-right: calc((100% - 450px) / 2);
	}
	.content .cont .otxicali > article:nth-child(2n){
		margin-right: 0;
	}
	.content .cont .otxicali > article:nth-child(3n){
		margin-right: calc((100% - 450px) / 2);
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 55;
	}
	header div.t{
		height: 50px;
	}
	header div.t div.wrapper{
		display: block;
	}
	#burger{
		display: flex;
		display: -webkit-flex;
	}
	header div.m div.wrapper > ul{
		display: none;
	}
	header div.b{
		display: none;
	}
	.soc.btm{
		display: flex;
	}
	main{
		margin-top: 130px;
	}
	.allnews .wrapper .newses .newsarticle{
		width: 100%;
	}
}

@media (max-width: 900px){
	main div.wrapper div.news{
		flex-direction: column;
	}
	main div.wrapper div.news div.side{
		order: -1;
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		padding-left: 0;
	}
	main div.wrapper div.news div.n{
		width: 100%;
	}

	footer div.t div.wrapper{
		height: auto;
		flex-direction: column;
		-webkit-flex-direction: column;
		padding: 40px 0;
	}
	footer div.t div.wrapper > div{
		width: 100%;
		padding-left: 0!important;
		align-items: center;
		-webkit-align-items: center;
		background-position: top center;
		margin-bottom: 40px;
	}
	footer div.t div.wrapper div.mail{
		margin-bottom: 0;
		padding-top: 50px;
	}
	footer div.t div.wrapper div.tell{
		padding-top: 50px;
	}
	footer div.t div.wrapper div.mis{
		padding-top: 50px;
	}
	footer div.t{
		height: auto;
	}
	main div.wrapper div.news div.side a.subscnews{
		margin-top: 0;
	}
	.newsinner .wrapper .newscont{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.newsinner .wrapper .newscont > div:last-child{
		width: 100%;
		padding: 20px 0;
	}
}

@media (max-width: 739px){
	.galleryinner .item{
		width: 100%;
	}

	.contact form{
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.contact form div{
		width: 100%;
		float: initial!important;
	}
	.contact form div:nth-child(3){
		order: -1;
	}
	.contact form div:nth-child(4){
		order: -1;	
	}
	img.desk{
		display: none;
	}

	img.responsiveimg{
		display: inline-block;
	}
	.content .cont{
		padding-top: 20px;
	}
	.content .cont .otxicali{
		margin-top: 20px;
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
	}
	.content .cont .otxicali > article{
		margin-right: 0!important;
	}
	.contentBody{
		padding-top: 20px;
	}
	main div.wrapper div.pb div.mieci{
		margin-top: 30px;
	}
	.content aside.left{
		width: 100%;
	}
	.content aside.left ul{
		width: 100%;
	    position: relative;
	    display: none;
	}
	.content{
		margin-top: 0;
	}
	.content aside.left ul.open{
		display: block;
		position: absolute;
		background-color: #e4e4e4;
		width: 100%;
		left: 0;
		margin-top: -25px;
		padding-top: 25px;
		z-index: 20;
	}
	.content aside.left ul.open li{
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		margin-bottom: 0;
		text-align: center;
	}
	.content .cont{
		width: 100%;
	}
	.innerpage h3.title{
		width: 100%;
		height: 50px;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #c2c2c2;
		border-radius: 30px;
		background-color: #FFF;
		padding: 0;
		color: #0d4e9e;
		position: relative;
		z-index: 50;
	}
	.innerpage h3.title::after{
		content: '';
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 13px solid #57a575;
		position: absolute;
		right: 25px;
		top: 20px;
	}
	.content .cont ul.smallprojects li{
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		text-align: center;
	}
	.content .cont ul.smallprojects{
		margin-top: 20px;
	}
	.content .cont ul.smallprojects li h3{
		margin-top: 20px;
	}
}


@media (max-width: 664px){
	footer div.m div.wrapper div:last-child a:last-child{
		margin-top: 30px;
	}
}

@media (max-width: 580px){
	.content .cont .bluebg{
		flex-direction: column;
	}
	.content .cont ul.like, .content .cont ul.smile, .content .cont ul.green{
		background-position: center 20px!important;
		padding-top: 160px;
		padding-left: 20px;
	}
	.content .cont ul.like::before, .content .cont ul.smile::before, .content .cont ul.green::before{
		right: calc(50% - 27px);
	}
	main div.wrapper div.pb > div{
		width: calc(100% - 20px);
	}
	footer div.m div.wrapper div:first-child p{
		width: 90%;
	}
	main div.wrapper div.news{
		margin-top: 60px;
	}
	main div.wrapper div.news div.side{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	main div.wrapper div.news div.side a.about{
		width: 100%;
		height: 80px;
		margin-top: 0;
	}
	main div.wrapper div.news div.side a.about div.img{
		width: 100%;
		height: 100%;
		position: static;
	}
	main div.wrapper div.news div.side a.about div.img:after{
		display: none;
	}
	main div.wrapper div.news div.side a.about div.img img{
		display: none;
	}
	main div.wrapper div.news div.side a.about div.img a{
		position: static;
		line-height: 80px;
	}
	main div.wrapper div.news div.side a.about div.img a br{
		display: none;
	}
	main div.wrapper div.news div.side a.about:after{
		display: none;
	}
	main div.wrapper div.news div.side a.subscnews{
		width: 100%;
		height: 80px;
		margin-top: 20px;
	}
	main div.wrapper div.news div.side a.subscnews:after{
		display: none;
	}
	main div.wrapper div.news div.side a.subscnews div.img{
		width: 100%;
		height: 100%;
		position: static;
	}
	main div.wrapper div.news div.side a.subscnews div.img img{
		display: none;
	}
	main div.wrapper div.news div.side a.subscnews div.img a{
		position: static;
		line-height: 80px;
	}
	main div.wrapper div.news div.n article{
		flex-direction: column;
		-webkit-flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
	}
	main div.wrapper div.news div.n article div.img{
		width: 100%;
		height: auto;
	}
	main div.wrapper div.news div.n article div.desc{
		order: 1;
		width: 100%;
		height: auto;
	}
	main div.wrapper div.news div.n article div.desc h3{
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	main div.wrapper div.news div.n article div.desc p{
		text-align: center;
	}
	main div.wrapper div.news div.n article h4.date{
		text-align: center;
	}
	main div.wrapper div.news div.n div.h{
		display: none;
	}
	main div.wrapper div.pb{
		border: none;
		padding-top: 0;
	}
	.allnews .wrapper .newses .newsarticle{
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.allnews .wrapper .newses .newsarticle div:last-child{
		width: 100%;
		padding: 20px 0;
	}
}

@media (max-width: 430px){
	.newsinner .wrapper .newscont > div:first-child{
		width: 100%;
	}
	footer div.b div.wrapper h4{
		line-height: initial;
	}
	main div.slider{
		display: none;
	}
}