/*===================================================================================*/
/*  TABLET PORTRAIT                                                                  */ 
/*===================================================================================*/

    @media only screen and (min-width : 690px) and (max-width : 1000px) { 

        .menu { display: none; }
        .mobile-btn { display: table-cell; } 
        .slide { width: auto; }
		.home-wrapper .slider-text h1 {
            font-size: 4em;}
        .parallax [class*="span"].last { margin-bottom: 0; }
        .parallax .container { padding: 50px 0; }

        .project-details li { width: 50%; margin-bottom: 30px; }
        .single-portfolio .container { padding-bottom: 30px; }

        #footer { text-align: center; padding: 25px 0 20px 0 ; }
        #footer .logo { float: none; display: block; margin-bottom: 20px; }
        #footer p { display: block; margin-bottom: 20px; }
        #footer .social { float: none; margin-top: 0; display: inline-block; }

    }


    
/*===================================================================================*/
/*  MOBILE LANDSCAPE                                                                 */ 
/*===================================================================================*/

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

         .menu { display: none; }
        .mobile-btn { display: table-cell; height: 35px } 
        .nav { padding: 0px 25px; }
		.nav .alignleft { max-width: 30%;}
		.logo {height: 35px;}
        .parallax .container { padding: 50px 0; }
		
		.home-wrapper .slider-text h1 {
            font-size: 4em;}
			
        #filtrable a { margin-bottom: 5px; }


        .project-details li { width: 100%; margin-bottom: 30px; }
        .single-portfolio .container { padding-bottom: 30px; }


        #footer { text-align: center; padding: 25px 0 20px 0 ; }
        #footer .logo { float: none; display: block; margin-bottom: 20px; }
        #footer p { display: block; margin-bottom: 20px; }
        #footer .social { float: none; margin-top: 0; display: inline-block; }

    }