@media (max-width: 1280px){
	.wrapper{
		width: 100%;
	}
	footer .partners ul{
		flex-wrap: wrap;
		justify-content: space-around;
		padding-right: 0;
	}

	main .categories div{
		height: 90px;
	    padding-top: 0;
	    text-align: left;
	    padding-left: 30px;
	    padding-right: 20px;
	}

	main .categories div a{
		flex-direction: row;
	}
	main .categories div a img{
		width: auto;
	    max-height: 50px;
	    margin-bottom: 0;
	    margin-right: 20px;
	}
	.content .about > div{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.content .about .companyServices h2{
		margin-left: 0;
	}
	.content .about .companyServices::before{
		display: none;
	}
	.content .about .companyServices .bg{
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}

	.content .projects{
		justify-content: space-around;
	}
	.content .projects .project{
		margin-right: 0;
	}
	.content .companyProfile > div{
		width: 100%;
	}
	.content .companyProfile > div:nth-child(2)::after{
		display: none;
	}
}

@media (max-width: 1190px){
	main .categories{
		justify-content: space-around;
	}
	main .categories div{
		margin-bottom: 10px;
	}
}

@media (max-width: 1024px){
	header .mainmenu{
		justify-content: flex-start;
		flex-direction: column;
		width: 80%;
		height: 100vh;
		background-color: #FFF;
		position: fixed;
		top: 0;
		right: -80%;
		padding-top: 20px;
		z-index: 23;
	}
	header .mainmenu li{
		padding: 10px 0;
		height: auto;
	}
	header .mainmenu > li > ul{
		position: static;
		transform: none;
		padding: 10px 0;
		white-space: normal;
	}
	header .mainmenu > li > ul > li > a{
		height: auto;
	}
	header .mainmenu > li > ul > li > ul li::before{
		position: static;
		margin-right: 10px;
	}
	header .mainmenu > li.hasChildren::after{
		position: absolute;
		top: 0;
		right: 0;
	}
	header .mainmenu.open{
		right: 0;
	}
	#burger{
		display: flex;
	}

	.danadgarebi{
		flex-direction: column-reverse;
	}

	.danadgarebi .production{
		width: 100%;
	}

	.danadgarebi .sidebarMenu{
		width: 300px;
	    height: 50px;
	    position: relative;
	    margin: auto;
	    overflow: hidden;
	    border-radius: 30px;
	    margin-bottom: 30px;
	}
	.danadgarebi .sidebarMenu h4{
		display: block;
		height: 100%;
		text-align: center;
		line-height: 50px;
		background-color: #fff;
		border-radius: 30px;
		position: relative;
		z-index: 2;
		border: 1px solid #c7c7c7;
	}

	.danadgarebi .sidebarMenu ul{
		position: absolute;
		top: 50%;
		left: -10px;
		width: 320px;
		padding-top: 35px;
		background-color: #ccc;
	}
	.danadgarebi .sidebarMenu ul li{
		width: 100%;
		max-width: 100%;
	}

	.danadgarebi .sidebarMenu ul li::before{
		display: none;
	}

	.danadgarebi .sidebarMenu:hover{
		overflow: visible;
	}

	footer address .wrapper{
		justify-content: center;
	}
	footer address .wrapper ul{
		margin-bottom: 10px;
		justify-content: center;
	}

}


@media (max-width: 960px){
	.content .news .newsposts .n{
		width: 100%;
	}
	footer address .wrapper{
		flex-direction: column;
		padding: 0;
	}
	footer address .wrapper ul li{
		margin: 0 10px;
	}
	.content .newsinner .newsdesc{
		width: 100%;
		padding: 0 10px;
	}
	.content .newsinner .gallery{
		margin: auto;
	}

}

@media (max-width: 800px){
	.content .contact > div{
		width: 100%;
		margin-bottom: 10px;
	}
	.content .contact > div:last-child{
		padding-left: 0;
	}
	.content .contact > div:first-child{
		padding-right: 0;
	}
}

@media (max-width: 700px){
	.danadgarebi .production .product{
		flex-direction: column;
		margin-bottom: 30px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 15px;
	}
	.danadgarebi .production .product .links{
		border: none;
	}
	.danadgarebi .production .product > div:first-child{
		width: 100%;
	}
	.danadgarebi .production .product .pic{
		border: none;
	}
	.danadgarebi .production .product > div:last-child{
		width: 100%;
	}
}

@media (max-width: 600px){
	footer address{
		height: auto;
		padding: 15px 0;
	}
}

@media (max-width: 550px){
	.content .about .companyServices .bg{
		width: 100%;
	}
	.content .news .newsposts .n{
		flex-direction: column;
	}
	.content .news .newsposts .n .pic{
		width: 100%;
		height: auto;
	}
	.content .news .newsposts .n div:last-child{
		width: 100%;
	}
	.content .newsinner .gallery{
		width: 100%;
	}
	.content .newsinner .gallery ul{
		justify-content: space-around;
	}
}

@media (max-width: 460px){
	.content .projects > .project{
		width: 100%;
	}
	.content .projects > .project .pic{
		height: auto;
	}
	footer .partners ul{
		flex-direction: column;
	}
	footer .partners ul li{
		margin-bottom: 15px;
	}
}

@media (max-width: 360px){
	.content .newsinner .gallery ul li{
		width: 100%;
		height: auto;
	}
}