/* Large screens */
@media only screen and (max-width: 1824px) {
	
}
@media only screen and (max-width: 1536px) {
	.logo_zone img, .logo_zone img.transformSize{
		padding-left: 26px;
			height: 185px;
	}
	.logo_zone {
    flex: 0 0 20%;
    max-width: 20%;
	}
	.menu_zone {
    flex: 0 0 80%;
    max-width: 80%;
	}
	.carrousel_index_image {
    height: 820px;
	}
	.main_menu .navbar-nav .nav-link {
    padding: 5px 7px;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	    .carrousel_index_image {
        height: 851px;
    }

	    .logo_zone img, .logo_zone img.transformSize {
        padding-left: 15px;
        height: 105px;
    }
		    .logo_zone {
        flex: 0 0 18%;
        max-width: 18%;
    }
		.menu_zone {
        flex: 0 0 82%;
        max-width: 82%;
    }
		.top_info {
			width: 65%;
		}
		    .title .h1 {
        font-size: 26px;
        font-weight: 600;
				        padding-top: 20px;
    }
		.title .up_title{
			font-size: 20px;
		}
		.bandeau_icon{
			flex: 0 0 50%;
        max-width: 50%;
		}
		    .why-item img {
        height: 55px;
				}
				.owl-index2 .owl-nav {
    top: 18.5%;
				}
				.specialArrow.owl-carousel .owl-nav .owl-prev,
				.specialArrow.owl-carousel .owl-nav .owl-next{
					font-size: 10px;
    margin: 0px;
    padding: 2px 5px;
				}
		.specialArrow.owl-carousel .owl-nav .owl-next {
				right: -15px;
		}
		.specialArrow.owl-carousel .owl-nav .owl-prev {
				left: -15px;
		}
		.centerInMobile{
			text-align:center;
		}
		.principMenu {
    clip-path: polygon(43px 0, 100% 0, 100% 100%, 0% 100%);
    padding-left: 40px;
    margin-left: 30px;
		}
		
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar, .principMenu {
		/*display:none;*/
	}
	.logo_zone {
        flex: 0 0 20%;
        max-width: 20%;
    }
	    .menu_zone {
        flex: 0 0 80%;
        max-width: 80%;
    }
		    .logo_zone img {
        padding-left: 10px;
        height: 115px;
    }
		#btnToggleMobile{
			display:block;
			margin-left: auto;
			padding-top: 55px;
			padding-bottom:10px;
		}
		.carrousel_index_image {
    position: initial	;
		}
		.carrousel_index_image, .size_image_owl_index2 {
        height: 450px;
    }
		.responsiveImg, .img__2{
			width:50%;
			height:auto;
			display:block;
			margin: 5px auto;
		}
		.menu_zone__in {
    clip-path: polygon(75px 0, 100% 0, 100% 100%, 0% 100%);
    height: 100%;
	}
		    .top_info {
				padding-left: 30px;
				padding-top:3px;
				padding-bottom:3px;
    }
		.top_menu ul.info_box .li_info{
			font-size: 12px;
		}
		.header.other_page{
	border-bottom: 1px solid rgba(0, 0, 0, .08);
}
		
		
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.real_item .real_img, .actu_item .actu_img{
		height: 350px;
	}
	.contact_us_placement{
		flex-direction: column;
	}
	.contact_us, .contact_map {
    flex: 0 0 100%;
    max-width: 100%;
	}
	.contact_us p {
    padding: 6px 15px 0;
	}
	.footer_middle {
    padding: 30px;
	}
	.real_item .real_text{
		padding: 8px 10px;
	}
	.real_item .h4 {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
	}
	.top_info {
        padding-left: 15px;
        padding-left: 15px;
        padding-top: 3px;
        padding-bottom: 3px;
        position: relative;
        width: 100%;
    }
	#btnToggleMobile{
		padding-top: 35px;
	}
	.contact_footer .h5{
		font-size: 15px;
	}
	.responsiveImg, .img__2{
			width:65%;
			height:auto;
			display:block;
			margin: 5px auto;
		}
		
		.project-area .labels_rea label {
    height: 115px;
    width: 115px;
    padding: 8px;
		}
		.project-area .labels_rea label img {
    height: 45px;
		}
		.project-area .labels_rea label span{
			font-size: 14px;
		}
		.shuffle-wrapper .project-img-container {
    height: 280px;
		}
		.shuffle-wrapper .project-item-info .project-item-title{
			font-size: 18px;
		}
	
}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {
	
}

@media (max-width: 568px) {
	    .logo_zone img, .logo_zone img.transformSize {
        padding-left: 5px;
        height: 75px;
    }
		    #btnToggleMobile {
        padding-top: 10px;
    }
		    .top_menu ul.info_box .li_info {
        font-size: 11px;
				padding: 0px 2px;
    }
		.sticky-menu .logo_zone img {
    padding-left: 5px;
    height: 52px;
		}
		.carrousel_index_image, .size_image_owl_index2 {
        height: 210px;
    }
		    .title .h1 {
        font-size: 20px;
				}
				    .title .up_title {
        font-size: 17px;
    }
		.real_item .real_img, .actu_item .actu_img {
        height: 250px;
    }
		.specialArrow.owl-carousel .owl-nav .owl-prev, .specialArrow.owl-carousel .owl-nav .owl-next{
			top: 100%;
		}
		.specialArrow.owl-carousel .owl-nav .owl-prev {
        left: 40%;
    }
		.specialArrow.owl-carousel .owl-nav .owl-next {
        right: 40%;
    }
		.responsiveImg, .img__2{
			width:80%;
			height:auto;
			display:block;
			margin: 5px auto;
		}
		.img__2{
			padding: 0 8px;
		}
		.shuffle-wrapper .project-item-info .project-item-title{
			font-size: 15px;
		}
		.actu1_item .card_image{
			height:200px;
		}
		.map_contact_page{
				height: 100px;
		}
}

@media only screen and (max-width : 479px) {
	
	.top_menu ul.info_box{
		flex-direction: column;
	}
	.menu_zone__in {
     clip-path: polygon(50px 0, 100% 0, 100% 100%, 0% 100%);
	}
	.bandeau_icon {
        flex: 0 0 100%;
        max-width: 100%;
   }
	.responsiveImg, .img__2 {
        width: 85%;
        display: block;
        margin: 5px auto;
   }
	.flex-column-mobile{
			flex-direction: column;
	}
	.logo_footer{
			height: 140px;
	}
	.actu1_item .card_image{
			height:150px;
		}
		.section {
				padding: 2rem 0;
		}
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
	.g-recaptcha{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
	
}