@media screen and (max-width: 1024px) {
	.h2-big-top {
		font-size: 36px;
	}
	header {
		position: static;
	}
	.row {
		margin: 0px !important;
	}
	.btn {
		width:100%;
		text-align: center;
	}
	.btn-risk {
		width:100%;
		margin-bottom:0px;
	}
	.col-8 {
		width: 100%;
		margin:0px;
		padding:0px;
	}
	.col-6 {
		width: 100%;
		margin:0px;
		padding:0px;
	}
	.col-4 {
		width: 100%;
		margin:0px;	
	}
	.team .col-3 {
		width:50%;
	}
	.team .col-3 img {
		width:100%;
	}
	.contact-row .col-8 {
		width:100% !important;
	}
	.d-m-none {
		display: none !important;
	}
	.d-m-only {
		display: inherit;
	}
	.w-sm-100 {
		width: 100%;
	}
	.p-m-0 {
		padding:0px !important;
	}
	.ps-m-0 {
		padding-left:0px !important;
	}
	.pe-m-0 {
		padding-right:0px !important;
	}
	.py-m-3 {
		padding-top:3rem !important;
	}
	.py-m-2 {
		padding-top:2rem !important;
	}
	.pb-m-0 {
		padding-bottom:0px !important;
	}
	.pb-m-1 {
		padding-bottom:1rem !important;
	}
	.m-m-0 {
		margin:0px !important;
	}
	.mt-m-1 {
		margin-top:1rem !important;
	}
	.mt-m-2 {
		margin-top:2rem !important;
	}
	.mt-m-3 {
		margin-top:3rem !important;
	}
	.mb-m-0 {
		margin-bottom:0px !important;
	}
	.mb-m-1 {
		margin-bottom:1rem !important;
	}
	.mb-m-2 {
		margin-bottom:2rem !important;
	}
	.mb-m-3 {
		margin-bottom:3rem !important;
	}
	.nav-on-top .navbar-collapse {
		display: block;
		position: fixed;
		top:80px; left:0px; right:0px; bottom:0px;
		overflow: scroll;
		background-color: #fff;
		z-index: 10000;
	}
	.nav-on-top .nav-item {
		text-transform: uppercase;
		display: block;
		font-size: 18px;
		font-weight: 500;
		line-height: 21.6px;
		text-align: center;
		padding:20px 20px;
		margin-left:0px;
	}
	.container {
		padding: 0px 20px;
	}
	.home .bloc-title {
		padding-left:0px !important;
		padding-top:40px !important;
	}
	.home .bloc-title h1 {
		font-size: 34px;
		line-height: 40px;
	}
	.home .img1 {
		margin-top:60px;
		margin-right:0px;
		width: 100%;
	}
	.home .presta {
		height:auto;
		margin-left:0px !important;
	}	
	.home .presta .bloc {
		border:none;
		border-radius: 0px;
		padding:16px 0px 16px 24px;
		margin-top:0px;
		box-sizing:border-box;
	}	
	.approach-container {
		overflow: hidden;
		padding: 0px 20px;
		box-sizing: border-box;
	}
	.approach-left {
		position:relative;
		width:100% !important;
		padding: 250px 0px 0px 0px;
	}
	.approach-left::before {
		content:"";
		position:absolute;
		top:30px;
		left:-30%;
		z-index:-5;
		background-image:url('https://dev.citizens-reim.fr/images/ellipse-mobile-1.svg');
		background-repeat:no-repeat;
		width:150%;
	}
	.approach-right {
		padding:0px;
		padding-top:0px;
		width:100% !important;
		background-color: #FFF;
	}
	.approach-right-row {
		margin-right:0px !important;
	}
	.approach .bloc {
		box-sizing:border-box;
		border-top: 1px solid #6E6E6E;
		padding-top:16px;
		margin-top:45px;
		width:100%;
		margin:0px;
	}
	.approach h2 strong {
		font-size: 48px;
		font-weight: 700;
		line-height: 50px;
	}
	.projects .btn-container {
		margin:0px 20px;
	}
	.projects .btn {
		display: block;
		width:100%;
		/*margin:0px 20px;*/
	}
	.home.projects {
		margin:0px;
	}
	.home.projects h2 {
		color:#FFF;
		font-size: 32px;
		line-height: 36px;
		padding:40px 20px;
		text-align:left;
	}
	.home .projects-items {
		padding-left:20px; padding-bottom:40px;
		height:300px;
	}
	.home.projects .projects-item h3 {
		font-size: 18px;
		line-height: 22px;
		margin-top:18px;
	}
	.home.projects .projects-item p {
		font-size: 14px;
		line-height: 20px;
	}
		.home .projects-items img {
		width:288px;
	}
	.home .contact {
		padding-top:65px;
		background-image:url('https://dev.citizens-reim.fr/images/bg-reim.svg');
		background-repeat: no-repeat;
		background-position: top right;
		background-size: calc(100% - 40px);
		background-position: top center;
	}
	.home .contact h2 {
		font-size: 24px;
		line-height: 28.8px;
	}
	.home .contact p {
		font-size: 20px;
		line-height: 24px;
	}
	.home .mindstone {
		padding-top:50px;
		/*background-image:none;*/
	}
	.home .mindstone h2 {
		font-size: 24px;
		line-height: 28.8px;
		padding-top: 60px;
		/*display: none;*/
	}
	.home .mindstone .mindstone-img {
		width:100%; 
		height: 300px;
		margin-top:0px;
		display: block;
		box-sizing:border-box;
		margin: 20px 0px 0px 0px;
		padding:0px;
	}
	.home .mindstone .mindstone-logo {
		height:100px; width:155px;
		margin:100px auto;
		padding:0px;
	}				
	.institutional.title {
		position:relative;
		height:auto;
		width:100%;
		padding:30px 20px;
	}
	.institutional h1 {
		font-size:36px;
		line-height:40px;
		position:static;
		bottom:0px; left:0px;
		padding-left:0px;
		padding-top:30px;
	}
	.institutional.title::before {
		content:"";
		background-image: none;
	}
	.profession-container ul li {
		font-size:16px;
		line-height:24px;
	}
	.dot {
		background-repeat:no-repeat;
		background-position: top left;
		margin:0px;
		margin-top:40px;
		padding-left:93px;
	}
	.dot, .profession-col {
		padding-top:14px;
		padding-left:80px;
	}
	.profession-col img {
		width:100%;
	}
	.dot-1 {
		margin-top:0px;
	}
	.dot-m-1 {
		background-image: url("../images/dot-1-7fd6f77a97735638b0052551eb0b7b1e.png");
	}
	.dot-m-2 {
		background-image: url("../images/dot-2-108ecf06e4261ffc9635d05d789db6e8.png");
	}
	.dot-m-3 {
		background-image: url("../images/dot-3-d1ddff88592de8cf609658a37c38d7a0.png");
	}
	.dot-m-4 {
		background-image: url("../images/dot-4-52bb5378ed4693f85a001972761c4515.png");
	}
	.dot-m-5 {
		background-image: url("../images/dot-5-a8c3fc4901a1f94d4b60112e7dce4ff4.png");
	}
	
	.banner {
		margin-top:20px !important;
		margin-bottom: 0px;
		height:250px;
	}
	.banner::before {
		content:' ';
		width:83px; height:83px;
		background-color:#C9503E;
		border:10px solid #FFF;
		position:absolute; right:calc(50% - 41.5px); top:-41.5px;
		border-radius:50%;
	}
	.banner-card {
		position:static;
		width:100%; height:auto;
		background-color: #363C45;
		color:#fff;
		padding:24px;
		text-align:center;
	}
	.banner-card .title {
		font-family: 'itcagg_bold';
		font-size: 28px;
		line-height: 32px;
	}
	.banner-card .sub-title {
		font-family: 'itcagg_bold';
		font-size: 24px;
		line-height: 28.8px;
		padding-top:16px;
	}
	.presentation {
		position: relative;
		margin-top:-50px;
		margin-bottom:40px;
		background-color:#FFF;
		padding :10px 30px 10px 30px;
		margin-left:20px; margin-right: 20px;
		box-sizing: border-box;
		font-size: 20px;
		line-height: 24px;
		z-index:100;
	}
	.invest-item .big-title {
		font-size: 28px;
		line-height: 38px;
	}
	.invest-item h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.specification-container {
		padding-top:30px !important;
	}
	.specification {
		display:block;
	}
	.specification-item {
		display:block;
		width:100%;
		flex: none !important;
		padding: 5px 0px;
	}
	.specification-left {
		text-align: left;
	}
	.specification-right {
		text-align: left;
	}
	.invest-item .features-data .item-right {
		text-align: right;
	}
	.history-btm-white {
		height:0px;
	}
	.history-col {
		width:100%;
		margin-bottom:40px;
	}
	.team-item {
		width:100% !important; height:auto;
		margin-bottom:20px;
	}
	.container-approach .bloc-border {
		border-top:1px solid #343C45;
		margin:40px 0px;
		padding-top:24px;
	} 
	.approach-ellipse-1::before {
		background-image:none;
	}
	.approach-ellipse-1::after {
		background-image:none;
	}				
	.container-approach .bloc-border {
		display:block;
		align-items:normal;
		flex-direction:inherit;
		height:auto;
	} 
	.commitment-ellipse::before {
		content:"";
		background-image:none;
	}
	.filter h2 {
		font-size: 32px;
		line-height: 38.4px;
		padding-left:0px;
		padding-top:0px;
	}
	.filter-group {
		font-size: 20px;
		line-height: 24px;
		padding:40px 0px 10px 0px;
	}
	.filter-type .dot-filter {
		display: block;
		text-align:center;
		padding:20p 0px 0px 0px;
		position: relative;
		opacity: 0.5;
	}
	.filter-type .dot-filter::before {
		content:"";
		background-image:url('https://dev.citizens-reim.fr/images/ellipse-1.svg');
		background-size: 16px 16px;
		background-repeat: no-repeat;
		background-position: top center;
		height:20px; width:100%;
		display: block;
		margin: 10px 0px 16px 0px;
	}
	.filter-type .dot-filter.active {
		opacity: 1;
	}
	.filter-type .arrow-select-down, .filter-type .arrow-select-up {
		position: absolute;
		top:20px; right:10px;
	}
	.filter-title {
		font-size: 22px;
		line-height: 26px;
	}
	.filter-select label {
		font-size: 20px;
		line-height: 24px;
		padding-left:0px;
		padding-bottom:10px;
	}
	.product-features .bloc {
		width:100%;
		height:auto;
	}
	.product-header {
		height:193px;
		margin-bottom:2rem;
	}
	.product-banner-imgs img {
		width:288px;
	}
	.product-banner-imgs-mg {
		margin-right:20px;
	}
	.product-carousel {
		height:193px;
	}
	.product-carousel-imgs img {
		width:288px;
		margin-right:40px;
	}
	.contact h1 {
		font-size:38px;
		line-height:46px;
		padding-top:20px;
	}
	.contact.title {
		padding-bottom:20px;
	}
	.contact.title::before {
		background-image: none;
	}
	



	.mobile-menu {
		position:absolute;
		top:0px; right:0px;
		background-image: url("https://dev.citizens-reim.fr/images/menu.svg");
		background-repeat:no-repeat;
		width:24px; height:21.33px;
		cursor: pointer;
	}
	footer .contact {
		display: none !important;
	}
	.footer-logo {
		width:100%;
		text-align: center;
	}
	.footer .navbar-nav {
		display: block !important;
	}
	.nav-on-foot-container {
		display:block;
	}
	.nav-on-foot .navbar-nav {
		display:block !important;
	}
	.nav-on-foot .navbar-menu {
		display:none;
	}
	
	.nav-on-foot .nav-item {
		text-transform: uppercase;
		display: inline-block;
		text-align: center;
		margin-right:0px;
		padding:0px;
		flex:none;
		width:auto;
	}
		
}