@media screen and (min-width: 1400px){
	.cont{
		width: 1250px !important;
	}
}
@media screen and (max-width: 1352px){
	ul.team li .avatar img{
		height: initial;
		display: block;
		margin: 0 auto;
	}
	ul.team li .avatar{
		height: initial;
		float: none;
	}
	ul.team li .contents{
		height: initial;
		float: none;
	}
	ul.team li{
		height: auto;
		padding-bottom: 20px;
	}
	.contacts-footer li h1{
		font-size: 40px;
	}
	.bxslider li{
		height: 630px;
	}
	.clients-list li h1{
		font-size: 14px;
	}
	ul.recent-works-list li h1{
		font-size: 14px;
	}
	.clients-popup-container .popup .image{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.clients-popup-container .popup .image img{
		width: initial;
		height: 100%;
		margin: 0 auto;
	}
	.clients-popup-container .popup .contents{
		width: 100%;
		float: none;
		padding: 0;
	}
	.clients-popup-container .popup{
		height: 400px;
	}
}
@media screen and (max-width: 1098px){
	.top-right .fb-icon{
		display: none;
	}
	.recent-works-list li h1{
		font-size: 14px;
	}
	ul.clients-list li{
		height: 190px;
	}
	.recent-works-list li{
		padding: 27px 25px;
	}
}
@media screen and (max-width: 1024px){
	.header{
		height: 455px;
	}
	.slide-caption{
		top: 294px;
	}
	.top-right{
		padding-right: 25px;
	}
	ul.menu li{
		padding: 0 10px;
	}
	ul.recent-works-list li{
		padding: 15px;
		height: 180px;
	}
	.recent-works-list li h1{
		font-size: 15px;
	}
	.recent-works-list li .image{
		width: 40px;
	}
	.recent-works-list li .image img{
		object-fit: initial;
	}
	.service-info p, ul.accordion{
		width: 70%;
	}
	ul.news li, ul.news li.sizer{
		width: 33.3%;
	}
	.contacts-footer li h1{
		font-size: 40px;
	}
	.bxslider li{
		height: 500px;
	}
	ul.clients-list li{
		padding: 15px;
	}
	.clients-list li h1{
		font-size: 15px;
	}
	.popup.next{
		right: -480px;
	}
	.popup.prev{
		left: -480px;
	}
}
@media screen and (max-width: 896px){
	.service-item{
		width: 49%;
		margin-bottom: 40px;
	}
	.about-us p{
		width: initial;
		padding: 0 50px;
	}
	.our-team-head p{
		width: initial;
		padding: 0 50px;
	}
	.contacts-footer li h1{
		font-size: 32px;
	}
	ul.clients-list li{
		height: 220px;
	}
	.clients-list li .image img{
		object-fit: initial;
	}
	.clients-list li .image{
		width: 40px;
	}
	.top.fixed{
		padding: 25px 0;
		height: 77px;
	}
	.top-right{
		padding: 0;
		height: 77px;
		line-height: 77px;
	}
	.top.fixed .lang-box{
		margin-top: 30px;
	}
	.mobile-menu{
		display: block;
	}
	.top.fixed .mobile-menu{
		display: block;
	}
	ul.menu li:not(:nth-child(3)){
		display: none;
	}
	ul.recent-works-list li{
		height: 220px;
	}
}
@media screen and (max-width: 768px){
	.our-team-head p{
		font-size: 15px;
	}
	.header{
		height: 340px;
	}
	.slide-caption{
		top: 216px;
		font-size: 23px;
	}
	.bx-wrapper .bx-controls-direction a{
		bottom: 60px;
	}
	.recent-works-list li p{
		display: none;
	}
	.recent-works-list li .contents{
		width: 100%;
		float: none;
		text-align: center;
		padding: 0;
		padding-top: 100px;
	}
	.recent-works-list li .image{
		width: 100%;
		margin-top: 20px;
	}
	.recent-works-list li .image img{
		width: initial;
	}
	#footer-contacts .contacts-item{
		float: none;
		height: initial;
		text-align: center;
		margin: 20px 0;
	}
	#footer-contacts .contacts-item .title, .contacts-item .content{
		padding-left: 0;
	}
	#footer-contacts .contacts-item .icon{
		position: initial;
		height: 50px;
		float: none;
	}
	#footer-contacts .cont{
		width: 90% !important;
	}
	ul.team li{
		width: 50%;
	}
	ul.team li .contents h1, ul.team li .contents h2, ul.team li .contents p{
		width: 100%;
		text-align: center;
	}
	.next-page, .prev-page{
		display: none;
	}
	.service-info p, ul.accordion{
		width: 80%;
	}
	ul.news li, ul.news li.sizer{
		width: 50%;
	}
	.contacts-footer ul li{
		width: 100%;
		height: 150px;
	}
	.contacts-footer ul li h1{
		line-height: 150px;
	}
	.founded .text{
		width: 90%;
		font-size: 18px;
	}
	.about-us p{
		font-size: 14px;
	}
	.about-us h1{
		font-size: 38px;
	}
	.bxslider li{
		height: 350px;
	}
	ul.clients-list li{
		width: 50%;
		padding: 25px;
		height: 180px;
	}
}
@media screen and (max-width: 650px){
	.slide-caption{
		font-size: 22px;
		left: 50px;
	}
	.bx-wrapper .bx-controls-direction a{
		display: none;
	}
	ul.clients-list li{
		height: 245px;
	}
	.clients-list li h1{
		width: 100%;
		padding-top: 15px;
		text-align: center;
	}
	.clients-list li .contents{
		width: 100%;
		padding: 0;
	}
	.clients-list li .image{
		width: 100%;
		height: 50px;
	}
	.clients-list li .image img{
		width: initial;
		margin: 0 auto;
		max-width: 200px;
		max-height: 65px;
	}
	.clients-list li p{
		text-align: center;
	}
	.clients-popup-container .popup{
		height: 400px;
	}
	.bx-wrapper img
	{
		display: none
	}
	ul.team li .contents
	{
		width: 100%
	}
}
@media screen and (max-width: 540px){
	.lang-box{
		width: 25px;
	}
	.service-item{
		width: 100%;
	}
	ul.team li{
		width: 100%;
	}
	.header.about, .header.contacts, .header.newsroom, .header.services{
		height: 330px;
	}
	.header .title{
		bottom: -9px;
		font-size: 56px;
	}
	.mobile-menu{
		top: 200px;
	}
	.about-flower{
		width: 157px;
		left: -15px;
	}
	.what-we-do-lighter{
		width: 140px;
		bottom: -170px;
	}
	ul.news li, ul.news li.sizer{
		width: 100%;
	}
	.logo{
		width: 160px;
		background-size: 100%;
	}
	ul.accordion li h1{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.slide-caption{
		width: 100%;
		left: 0;
		text-align: center;
		box-sizing: border-box;
		padding: 0 50px;
	}
	.mail-form-container{
		width: 100%;
	}
	#mail-form .form-submit{
		width: 100%;
		text-align: center;
	}
	.recent-works-list li h1{
		font-size: 12px;
	}
	ul.recent-works-list li{
		padding: 7px;
	}
	ul.clients-list li{
		width: 100%;
		height: auto;
	}
	.services-container h2{
		padding: 10px 20px;
	}
	.contacts-mailcan{
		width: 130px;
	}
}
@media screen and (max-width: 425px){
	.header .title{
		font-size: 40px;
		bottom: -6px;
	}
	.slide-caption{
		padding: 0 25px;
		top: 200px;
	}
	.lang-box{
		margin-right: 18px;
	}
	ul.recent-works-list li h1{
		display: none;
	}
	ul.recent-works-list li{
		height: 120px;
	}
	.recent-works-list li .image{
		width: 100%;
		height: 100%;
		margin-top: 0;
	}
	.recent-works-list li .image img{
		width: 50%;
	}
}
@media screen and (max-height: 400px){
	.clients-popup-container .popup{
		height: 360px;
	}
}