/* RESPONSIVE */
@media(max-width:575px){
	.mp-professions-elements{
		grid-template-columns: 1fr;
	}

	.mp-engagement-elements{
		grid-template-columns: 1fr;
	}

	.mp-home-team{
		grid-template-columns: 1fr;
	}

	.mp-home-banner, .mp-profession-header-image{
		min-height: 250px;
		max-height: 250px;
	}

	.mp-title{
		font-size: 25px;
		line-height: 35px;
	}

	.mp-baseline{
		font-size: 19px;
		line-height: 25px;
	}

	.mp-title-medium{
		font-size: 22px;
		line-height: 27px;
	}

	.mp-profession-description{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.mp-profession-description-container{
		grid-template-columns: 1fr;
	}

	.mp-profession-description-container .mp-vr{
		height: 2px;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 2em;
		margin-bottom: 2em;
	}

	.mp-achievements-elements{
		grid-template-columns: 1fr;
	}

	.mp-projects-images{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mp-project-3d{
		position: relative;
	}

	.mp-project-3d-button{
		width: 45px;
		padding: 0px 15px 0px 0px;
		font-size: 18px;
		clip-path: polygon(25px 0, 100% 50%, 25px 100%, 0 100%, 0 0);
	}

	.mp-furnitures-header{
		flex-direction: column;
		row-gap: 30px;
	}

	.mp-furnitures-elements{
		grid-template-columns: 1fr;
	}

	.mp-canvas{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	body{
		padding-top: 0;
	}

	.mp-header{
		position: relative;
		top: initial;
		left: initial;
	}
}

@media(min-width:576px) and (max-width:767px){
	.mp-professions-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-engagement-elements{
		grid-template-columns: 1fr;
	}

	.mp-home-team{
		grid-template-columns: 1fr;
	}

	.mp-home-banner, .mp-profession-header-image{
		min-height: 350px;
		max-height: 350px;
	}

	.mp-achievements-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-projects-images{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mp-project-3d{
		position: relative;
	}

	.mp-project-3d-button{
		width: 45px;
		padding: 0px 15px 0px 0px;
		font-size: 18px;
		clip-path: polygon(25px 0, 100% 50%, 25px 100%, 0 100%, 0 0);
	}

	.mp-furnitures-elements{
		grid-template-columns: 1fr;
	}

	.mp-canvas{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	body{
		padding-top: 0;
	}

	.mp-header{
		position: relative;
		top: initial;
		left: initial;
	}
}

@media(min-width:768px) and (max-width:991px){
	.dropdown-menu{
		border-radius: 0;
		border: none;
		font-size: 18px;
		line-height: 23px;
	}

	.dropdown-menu.show{
		left: 50%;
		transform: translateX(-50%);
	}

	.mp-home-banner, .mp-profession-header-image{
		min-height: 450px;
		max-height: 450px;
	}

	.mp-professions-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-achievements-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-projects-images{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mp-project-3d{
		position: relative;
	}

	.mp-project-3d-button{
		width: 45px;
		padding: 0px 15px 0px 0px;
		font-size: 18px;
		clip-path: polygon(25px 0, 100% 50%, 25px 100%, 0 100%, 0 0);
	}

	.mp-furnitures-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-canvas{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.mp-header{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	body{
		padding-top: 164.95px;
	}
}

@media(min-width: 992px) and (max-width:1330px){
	.dropdown-menu{
		border-radius: 0;
		border: none;
		font-size: 18px;
		line-height: 23px;
	}

	.dropdown-menu.show{
		left: 50%;
		transform: translateX(-50%);
	}

	.mp-title{
		font-size: 30px;
		line-height: 36px;
	}

	.mp-baseline{
		font-size: 18px;
		line-height: 23px;
	}

	.mp-title-medium{
		font-size: 25px;
		line-height: 30px;
	}

	.mp-professions-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-engagement-elements{
		grid-template-columns: 1fr;
	}

	.mp-home-banner, .mp-profession-header-image{
		min-height: 450px;
		max-height: 450px;
	}

	.mp-project-3d{
		position: relative;
	}

	.mp-project-3d-button{
		width: 100px;
        padding: 0px 15px 0px 0px;
        font-size: 40px;
        clip-path: polygon(70px 0, 100% 50%, 70px 100%, 0 100%, 0 0);
	}

	.mp-furnitures-elements{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(min-width: 1331px) and (max-width:1399px){
	.dropdown-menu{
		border-radius: 0;
		border: none;
		font-size: 18px;
		line-height: 23px;
	}

	.dropdown-menu.show{
		left: 50%;
		transform: translateX(-50%);
	}

	.mp-home-banner{
		min-height: 450px;
		max-height: 450px;
	}

	.mp-professions-elements{
		grid-template-columns: 1fr 1fr;
	}

	.mp-project-3d-button{
		width: 100px;
        padding: 0px 15px 0px 0px;
        font-size: 40px;
        clip-path: polygon(70px 0, 100% 50%, 70px 100%, 0 100%, 0 0);
	}

	.mp-furnitures-elements{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media(min-width: 1400px) and (max-width:1696px){
	.dropdown-menu{
		border-radius: 0;
		border: none;
		font-size: 18px;
		line-height: 23px;
	}

	.dropdown-menu.show{
		left: 50%;
		transform: translateX(-50%);
	}

	.mp-home-banner{
		min-height: 500px;
		max-height: 500px;
	}

	.mp-project-3d-button{
		width: 100px;
        padding: 0px 15px 0px 0px;
        font-size: 40px;
        clip-path: polygon(70px 0, 100% 50%, 70px 100%, 0 100%, 0 0);
	}
}

@media(min-width: 1697px){
	.dropdown-menu{
		border-radius: 0;
		border: none;
		font-size: 18px;
		line-height: 23px;
	}

	.dropdown-menu.show{
		left: 50%;
		transform: translateX(-50%);
	}
}
/* RESPONSIVE */