@media (max-width: 1360px) { 
	.footer-info-flex .right {
		padding-left: 30px
	}

	.footer-info-flex .left {padding-right: 30px;}
}

@media (max-width: 1200px) { 

	#menu-header-menu a {margin-left: 40px}


	.portfolio-item {
		padding: 140px 50px;
	}





	.footer-info-flex .right .phones {
		flex-direction: column;
		align-items: flex-end;
	}

	.footer-info-flex .right .phones div:first-child {
		padding-right: 0;
		margin-right: 0;
		border-right: none;
		margin-bottom: 4px;
	}


	.default-content .container {padding: 0;}

}



@media (max-width: 991px) { 

	#menu-header-menu a {margin-left: 40px}


	.header-flex .menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fffffff2;
		z-index: 1000;
		display: none;
	}

	.header-flex .navbar {
	    display: flex;
	    align-items: flex-start;
	    justify-content: flex-end;
	    height: 100%;
	    padding-right: 60px;
	    text-align: right;
	    padding-top: 110px
	}

	#menu-header-menu a {
		color: black;
		margin: 13px 0;
	}

	#menu-header-menu {
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
	}



	#menu-header-menu a::before {display: none;}


	.logomobile {
		display: block;
		position: absolute;
		top: 60px;
		left: 60px;

	}

	.logomobile img {
		height: 50px;
		filter: none!important;
	}


	.menu-wrapper {
		display: block;
	}

	.header {padding: 30px;}



	.flex-content-img-right {
		flex-direction: column;
	}

	.flex-content-img-right > div {
		width: 100%;
	}

	.flex-content-img-right .content {
		padding-right: 0;
		max-width: 100%;
		margin-bottom: 50px;
	}

	.flex-content {
		padding: 100px 0;
	}


	.flex-content-img-right .image img {
		width: 100%;
		object-fit: cover;
	}


	.leaders-grid {
		grid-template-columns: 1fr 1fr;
	}







	.portfolios {
		padding: 100px 0;
		margin-top: 100px;
		width: calc(100% + 60px);
		left: -30px;
		position: relative;
	}



	.portfolio-item {
		flex-direction: column;
		padding: 50px;
	}


	.portfolio-item .logo {
		order:-1;
		justify-content: flex-start!important;
		margin-bottom: 50px;
	}

	.portfolio-item .logo img {
		max-height: 150px;
		max-width: 300px;
	}

	.portfolio-item:nth-of-type(2) .logo img {
		max-height: 120px;
	}


	.portfolio-item .p_content {
		max-width: 100%;
	}

	.portfolio-item .p_content, .portfolio-item .logo {width: 100%;}





	.news {padding: 100px 0}
	.news-grid {
		grid-template-columns: 1fr;
	}	


	.leaders .container , .news .container, .flex-content .container{
		padding: 0;
	}




	.footer-info-flex {
		flex-direction: column;
	}

	.footer-info-flex > div {
		width: 100%;
	}

	.footer-info-flex .left {
		padding-right: 0;
		border-right: none;
		margin-bottom: 50px;
	}

	.footer-info-flex .right {
		padding-left: 0;
	}


	.footertop {
		padding: 52px 0;
	}

	.footertop .container {padding: 0 50px}

	.copyright .container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		line-height: 1.4;
    	padding: 0 40px;
	}

	.copyright .container p {font-size: 12px;}

	.copyright .container p:first-child {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
		margin-bottom: 4px;
	}


	.default-content {padding: 100px 0}


}



@media (max-width: 600px) { 

	.intro h1 {
		font-size: 35px;
		line-height: 55px;
		letter-spacing: 7px;
	}


	.flex-content {
		padding: 50px 0;
	}	

	.flex-content-img-right .content h2 {
		font-size: 25px; 
		letter-spacing: 5px; 
		line-height: 1.1;
		margin-bottom: 30px;
	}

	.flex-content-img-right .content {
		margin-bottom: 10px;
	}


	.leaders-grid {
		grid-template-columns: 1fr;
	}
	.leaders-text {grid-column: span 1!important}


	.portfolios .container > h2, .news .container > h2, .leaders .container > h2 {
		font-size: 25px; 
		letter-spacing: 5px; 
		line-height: 1.1;
		margin-bottom: 30px;
	}

	.leaders-text {
		padding: 50px 20px;
	}

	.portfolios {
		padding: 50px 0;
		margin-top: 50px;
	}

	.portfolio-item {
		padding: 30px;
	}

	.portfolio-item .p_content h2 {
		font-size: 20px;
		letter-spacing: 4px;
		margin-bottom: 30px;
	}

	.portfolio-item.logo-right .logo {
		margin-bottom: 30px;
	}

	.portfolio-item .leranmore {margin-top: 30px;}

	.portfolio-item:nth-of-type(2) .logo img {max-height: 100px;}
	.portfolio-item .logo img {max-height: 120px; max-width: 257px;}


	.contact-us {
		padding: 30px;
	}

	.contact-us p {font-size: 20px; line-height: 28px;}


	.news {padding: 50px 0}


	.footer-info-flex .left, .footer-info-flex .right {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.footertop .container {padding: 0 30px;}

	.footer-info-flex .right .email {justify-content:  flex-start;}



	.footer-info-flex .right .info {
		padding-left: 15px;
		margin-top: 30px
	}


	.footer-info-flex .left > p {
		max-width: 100%;
	}

	.footer-info-flex .left {margin-bottom: 20px;}
	.footer-info-flex .left address p {text-align: left;}
	.footer-info-flex .left > p {
		margin-bottom: 30px;
	}



	.copyright .container p a {display: inline-block;}


	.default-content h2 {
	    font-size: 20px;
	    letter-spacing: 2px;
	    margin-bottom: 20px;
	    margin-top: 30px;
	    line-height: 1;
	}

	.default-content {
		padding: 50px 0;
	}

	.default-content ul {
		padding-left: 20px;
	}


	.intro.intro-content {    padding: 230px 0 160px 0;}


	.footertop {
		padding: 30px 0;
	}

	.copyright {
		padding: 20px 0;
	}

}