/* ================================================================= */
/* SCREEN SIZE Max width 1440px */
/* ================================================================= */

@media only screen and (max-width: 1440px){
	.project-infos{
		width: 100%;
		padding-top: 40px;
		padding-bottom: 60px;
		height: auto;
		overflow: hidden;
		font-size: 0.5em;
		display: block;
	}

	.project-desc{
		font-size: 1.8em;
	}

	.title a{
		font-size: 1.5em;
	}


	.home-projects-nav{

	}

	.projets-filter a{
		margin-bottom: 10px;
	}
}

/* ================================================================= */
/* SCREEN SIZE Max width 1280px */
/* ================================================================= */

@media only screen and (max-width: 1280px){
	.project-infos{
		width: 100%;
		padding-top: 40px;
		padding-bottom: 60px;
		height: auto;
		overflow: hidden;
		font-size: 0.5em;
		display: block;
	}

	.project-infos-container{
		width: 60%;
	}

	.project-desc{
		font-size: 1.8em;
	}

	.title a{
		font-size: 1.5em;
	}

	.home-projects-nav{

	}


	.contactform fieldset{
		width: 100%;
	}

}


/* ================================================================= */
/* SCREEN SIZE Max width 1160px */
/* ================================================================= */

@media only screen and (max-device-width: 1160px){

	.project-infos{
		width: 100%;
		padding-top: 40px;
		padding-bottom: 60px;
		height: auto;
		overflow: hidden;
		font-size: 0.5em;
		display: block;
	}

	.project-infos-container{
		width: 50%;
	}

	.project-desc{
		font-size: 1.8em;
	}

	.title a{
		font-size: 1.2em;
	}

	.home-projects-nav{

	}

	.contactform{
		width: 100%;
		margin-left: 0px;
	}

	.projets-details,
	.news-content{
		margin-top: 100px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

}

/* ================================================================= */
/* SCREEN SIZE Max width 979px */
/* ================================================================= */

@media only screen and (max-width: 979px){

	.project-infos{
		width: 100%;
		padding-top: 40px;
		padding-bottom: 60px;
		height: auto;
		overflow: hidden;
		font-size: 0.5em;
		display: block;
	}

	.project-infos-container{
		width: 40%;
	}

	.project-desc{
		font-size: 1.8em;
	}

	.title a{
		font-size: 1.2em;
	}

	.home-projects-nav{

	}

	.agence,
	.boxslideup{
		display: block;
		margin-bottom: 40px;
	}

	.boxslideup{
		height: auto;
	}

	.logoinmenu img{
	    margin-bottom: 20px;
    }

    .nav-container nav ul li:last-child,
	.nav-container2 nav ul li:last-child{
		margin-bottom: 0px !important;
	}

	.history h1{
		margin-top: 10px;
	}

	.contactform{
		width: 100%;
		margin-left: 0px;
	}

	.contactform h1{
		margin-top: 30px;
	}

	.contactform fieldset{
		width: 50%;
	}

	#map2{
		height: 400px;
	}

	.news-content h3{
		margin-top: 20px;
	}

	.projets-details,
	.news-content{
		margin-top: 100px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}


/* ================================================================= */
/* SCREEN SIZE Max width 812px iPhone Landscape x/x plus */
/* ================================================================= */
@media only screen and (max-width: 812px){

	.pagename-box{
		display: none;
	}

	.pagename{
		display: none;
	}

	.nav-container nav ul li,
	.nav-container2 nav ul li{
		margin-bottom: 20px !important;
	}

	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 14px;
    }

    .logoinmenu img{
	    width: 140px;
    }

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .logoinmenu{
	    margin-bottom: 30px;
    }


    .projets{
      	padding-top: 10px;
    }

    .projets-filter a{
	    margin-bottom: 10px;
    }

    .projets-details,
    .news-content{
	    margin-top: 100px;
    }

    .backbtn{
	    float: left;
	    margin-bottom: 10px;
	    width: 100%;
    }

    .contactform fieldset{
		width: 50%;
	}

	#home-news{
		display: none;
	}

	#home-news2{
		display: block;
	}

    .contactform{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}

	.news-content h3{
		margin-top: 20px;
	}

	.news-container2{
		width: auto;
	}

	.news-container2 .box{
		float: left;
		width: 50%;
		text-align: left;
	}

	.news-container2 .box:last-child{
		padding-left: 20px;
	}

	.news-container2 .box:last-child h4{
		margin-top: 0px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}



/* ================================================================= */
/* SCREEN SIZE Max width 767px */
/* ================================================================= */

@media only screen and (max-width: 767px){


	#home-projects,
	home-projects-nav,
	.home-logo,
	.home-menu,
	.nav-container,
	.home-projects-nav i{
		display: none !important;
	}

	.header{
		display: block;
	}

	#menu2.home-menu2 #toggle-menu2{
		top: 40px;
	}

	.home-projects2{
		display: block;
		width: 100%;
		float: left;
	}

	.bottom-home-logo2{
		display: block;
	}


	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 20px;
    }

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .home-projects2,
    .maincontainer{
	    margin-top: 100px;
    }

    .logoinmenu img{
	    margin-bottom: 20px;
    }


		.projets-details,
    .news-content{
	    margin-top: 100px;
    }


    .projets-filter a{
	    margin-bottom: 10px;
    }

    .contactform{
		width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}

	.contactform fieldset{
		width: 100%;
	}

	#home-news2{
		display: block;
	}

	.news-container2{
		width: 600px;
	}

	.news-container2{
		width: auto;
	}

	.news-container2 .box{
		float: left;
		width: 50%;
		text-align: left;
	}

	.news-container2 .box:last-child{
		padding-left: 20px;
	}

	.news-container2 .box:last-child h4{
		margin-top: 0px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}




/* ================================================================= */
/* SCREEN SIZE Max width 667px iPhone Landscape 6/7/8 plus */
/* ================================================================= */
@media only screen and (max-width: 736px){

	.pagename-box{
		display: none;
	}

	.pagename{
		display: none;
	}

	.nav-container nav ul li,
	.nav-container2 nav ul li{
		margin-bottom: 20px !important;
	}

	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 14px;
    }

    /*.logoinmenu img{
	    width: 80px;
    }*/

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .logoinmenu{
	    margin-bottom: 60px;
    }

    .projets-details,
    .news-content{
	    margin-top: 100px;
    }

    .contactform{
		width: 100%;
		margin-left: 0px;
	}

	.contactform fieldset{
		width: 100%;
	}

	#home-news{
		display: none;
	}

	.news-container2{
		width: auto;
	}

	.news-container2 .box{
		float: left;
		width: 50%;
		text-align: left;
	}

	.news-container2 .box:last-child{
		padding-left: 20px;
	}

	.news-container2 .box:last-child h4{
		margin-top: 0px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}

/* ================================================================= */
/* SCREEN SIZE Max width 667px iPhone Landscape*/
/* ================================================================= */
@media only screen and (max-width: 667px){

	.pagename-box{
		display: none;
	}

	.pagename{
		display: none;
	}

	.nav-container nav ul li,
	.nav-container2 nav ul li{
		margin-bottom: 20px !important;
	}

	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 12px;
    }

    .logoinmenu img{
	    width: 140px;
    }

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .boxslideup{
	    height: 500px;
    }

    .logoinmenu{
	    margin-bottom: 60px;
    }

    .projets{
      	padding-top: 10px;
    }

    .projets-details,
    .news-content{
	    margin-top: 100px;
    }

    .contactform{
		width: 100%;
		margin-left: 0px;
	}

	.project-infos-container2 .title-des{
		font-size: 12px;
	}

	.news-container2{
		width: auto;
	}

	.news-container2 .box{
		float: left;
		width: 50%;
		text-align: left;
	}

	.news-container2 .box:last-child{
		padding-left: 20px;
	}

	.news-container2 .box:last-child h4{
		margin-top: 0px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}


/* ================================================================= */
/* SCREEN SIZE Max width 480px iPhone Landscape*/
/* ================================================================= */
@media only screen and (max-width: 480px){

	.pagename-box{
		display: none;
	}

	.pagename{
		display: none;
	}


	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 12px;
    }

    /*.logoinmenu img{
	    width: 80px;
    }*/

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .logoinmenu{
	    margin-bottom: 60px;
    }

    .nav-container nav ul li:last-child,
	.nav-container2 nav ul li:last-child{
		margin-bottom: 0px !important;
	}

	.projets{
      	padding-top: 80px;
    }

    .projets-details,
    .news-content{
	    margin-top: 100px;
    }

    .contact-page{
	    margin-top: 80px;
    }

    .contactform{
		width: 100%;
		margin-left: 0px;
	}

	.news-container2{
		width: 320px;
	}

	.news-container2 .box{
		float: left;
		width: 100%;
		text-align: left;
	}

	.news-container2 .box:last-child{
		padding-left: 0px;
	}

	.news-container2 .box:last-child h4{
		margin-top: 20px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

}


/* ================================================================= */
/* SCREEN SIZE Max width 360px  iPhone Portrait */
/* ================================================================= */
@media only screen and (max-width: 360px){

	.nav-container nav ul li a,
    .nav-container2 nav ul li a {
	    font-size: 14px;
    }

    /*.logoinmenu img{
	    width: 80px;
    }*/

    #menu.home-menu #toggle-menu,
    #menu2.home-menu2 #toggle-menu2{
	    top: 30px;
    }

    .logoinmenu{
	    margin-bottom: 60px;
    }

    .projets{
      	padding-top: 10px;
    }

    .projets-details,
    .news-content{
	    margin-top: 100px;
    }

    .contactform{
		width: 100%;
		margin-left: 0px;
	}

	.news-content-box,
	.news-content-box img{
		height: auto;
	}

	.projets-filter{
		margin-top: 80px;
	}

}