/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px){	
	
	/* Resize main layout items */
	
	body { width: auto; max-width: 480px }
	img { max-width: 90%; height: auto; }
	
	#container { width: auto; }
	
	#content .wrap {
		width: auto;
		display: block;
		float: none;
		clear: both;
		margin: 10px auto;
	}
	
	#header, #footer-wrapper, #footer {
		width: auto;
		min-width: 320px;
		max-width: 480px;
	}
	
	#footer {
		padding: 0 10px;
		display: block;
	}
	
	/* Hide other elements not for mobile */
	
	#testimonials,
	#featured,
	#sidebar,
	.page-template-template_contact-php #autoresponder {
		display: none;
		width: 0px;	
	}
	
	/* Navigation Menu */
	
	#main-menu {
	    height: 100%;
	    margin: 20px 0px;
	    position: relative;
	    top: 0px;
	    bottom: 0px;
	    z-index: 700;
	    width: 100%;
	}
	
	#navigation a {
	    display: block;
	    font-weight: bold;
	    line-height: 35px;
	    padding: 5px 10px;
	    width: 100%;
	    text-decoration: none;
	}
	
	#navigation > ul {
		position: relative;
	    float: none;
	    display: block;
	    clear: both;
	    margin: 30px 0px 30px 0px;
	}
	
    #navigation > ul > li {
    	float: none;
    	display: block;
    	margin: 0px;
    }
    
    #navigation > ul > li > a {
    	display: block;
    	border-left: none;
    	border-right: none;
    	border-top: none;
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
	}
	
	#navigation li ul.sub-menu {
		width: 90%;
		height: 100%;
		display: none;
	    position: relative;
	    top: 100%;
	    left: 10px;
	    
	}
	
	#navigation li li ul.sub-menu {
	    display: none;
	    left: 15px;
	    position: relative;
	    top: 0;
	}
	
	#navigation li:hover ul.sub-menu {
		display: none;	
	}
	
	#navigation li ul.sub-menu li a { 
		font-size: 14px;	
	}
	
	#main-menu li.current-menu-item ul.sub-menu,
	#main-menu li.current-menu-parent ul.sub-menu {
		display: block;
	}
	
	#navigation li ul.sub-menu ul.sub-menu li {
		border-left: none;	
	}
	
	#navigation li ul.sub-menu li:hover a,
	#navigation li ul.sub-menu li.current-menu-item a,
	#main-menu li.current-menu-parent a,
	#main-menu li.current-menu-item a,
	#navigation li ul.sub-menu li a {
		background: none;
	}
	
	#navigation li ul.sub-menu li a,
	#navigation li li ul.sub-menu li a {
	  border-bottom: none;
	}
	
	#navigation ul.sub-menu li a {
		font-weight: normal;
		padding: 5px 10px;	
	}
	
	#navigation ul.sub-menu li:last-child a {
		margin-bottom: 10px;	
	}
	
	#navigation ul li ul.sub-menu li ul.sub-menu li {
		list-style-type: bullet;
	}
	
	#navigation ul.sub-menu li ul.sub-menu li a {
		padding: 2px 10px;	
	}

    
	/* Other Styles */
	
	#header { padding: 0px 10px; }
	#logo { padding-top: 25px; }
	
	#click_call {
		margin: 20px auto 20px auto;
		text-align: center;
		clear: both;
		display: block;
	}
	
	#click_call a {
		padding: 15px 25px;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}
	
	#click_call .icon {
		position: relative;
		left: -10px;
		top: 5px;	
	}
	
	#template_contact #gmap {
		clear: both;
		margin: 20px auto 20px auto;
		float: none;
	}
	
	#template_contact #gmap iframe {
		width: 270px;
		height: 250px;
	}
	
	#commentform input[type="text"], #commentform textarea {
		max-width:260px;
	}
	
	#contactform input {
		max-width:260px;
	}
	
	#contactForm input[type="text"], #contactForm textarea {
		width:260px;
	}
	
	#testimonial-form label, #testimonial-form input[type="text"], #testimonial-form textarea {
		display:block;
		float:none;
	}
	
	/* Autoresponder */
	
	#autoresponder {
		top: 10px;
		margin: 20px auto;
		position: relative;
		float: none;
		padding: 0px 10px;
		color: #000;
		background-size: 100% 100%;
	}
	
	#ar_tail {
		visibility: hidden;
		/*
		width: 100%;
		background-size: 120%;
		position: relative;	
		color: #000;
		
		left: -10px;
		right: -10px;
		*/
		
	}
	
	#autoresponder #ar_wrapper input.text, textarea.text { width: 90%; max-width: 200px; }
	#ar_wrapper.email #ar_header { height: 180px; }
	#submit_tail { background: none; }
	a[href^=tel] { color: #000; text-align: center; }
	
	#footer {
		background-image: none;	
	}
	
	#footer-wrapper table td {
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.5em;	
	}
	
}