/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.navigation ul{
			display: none;
		}
		.navigation select{
			display: block !important;
			width: 100%;
		}

	
	}
	
	
	/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		.navigation ul{
			display: none;
		}
				.navigation select{
			display: block !important;
			width: 90%;
		}
		.content{
			margin-top: -250px !important;
		}
		.light-speech, .dark-speech{
			margin: 20px !important;
			margin-bottom: 50px !important;
		}
		
		.secondary-content input, .secondary-content textarea{
			width: 70% !important;
		}
		.tagline h2{
			font-size: 20px !important;
		}
		.header-bg-inner{
			padding: 20px !important;
		}
		.logo img{
			width: 90% !important;
		}
		.footer p{
			padding: 20px !important;
		}
		.secondary-content{
			margin-top: -50px !important;
		}
		.logo-inner{
			padding-left: 0px !important;
		}
			
	}
		
		
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
  		
  		.navigation ul{
    			display: none;
		}
		.navigation select{
			display: block !important;
			width: 90%;
		}	
 		.logo-inner{
			padding-left: 0px !important;
		}   
    
    }