/* 
*  Mobile Responsive v1.5  
*/

body {
	position: relative;
	} 

/* site name */
h1.title {
  float: left;
  font-size: 15px;
  -webkit-text-size-adjust:100%;
  line-height: 100%;
  display: none;
  margin: 2px 0 0;
} 
  
/* icon images  */

a.btn-tel {
    font-size: 1.3em !important;
    border: solid 1px;
    color: #fff;
    padding: 10px 13px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    float: right;
    margin: 0;
    position: relative;
    right: 50px;
	margin-bottom: 5px !important;
	line-height: 20px !important;
}

.navbar .btn-navbar {
    font-size: 1.3em !important;
    border: solid 1px;
    color: #fff;
    padding: 9px 13px 11px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    background: none;
    float: right;
    margin: 0;
    position: relative;
    left: 40px !important;
	margin-bottom: 5px !important;
	line-height: 20px !important;
}

a.btn-tel:hover, .navbar .btn-navbar:hover {
    background: none;
    text-decoration: none;
}

/* ld branding */

#footer-branding {
	width: 100%;
	text-align: center;   
	bottom: 0; 
	left: 0;
	}
	 


/* -------------------------------------MAX WIDTH 979px (tablet) ---------------------------------------- */

@media (max-width: 979px) { 
    body {
        padding-top: 0
    }	
	
	#footer-branding {
		display: none !important;	
	}
	
	a.btn-tel {
		display: none ;
		visibility: hidden;
		opacity: 0;
		}
}

/* -------------------------------------MAX WIDTH 800px (portrait tablet) ---------------------------------------- */

@media (max-width: 800px) {
	
	#logo {
		text-align: center;
		margin: 20px auto 10px;
		}

    #slider {
        display: none
    }
	
	.navbar { 
	}
	
	.navbar-inner {
	    border: none; 	
		padding-top: 10px
	}
	
	.navbar-inner .container{
	    border: none !important; 
		padding-bottom: 10px;
	}

	.sticky {
		position: fixed !important;
		z-index: 9999; 
		background: #000;
		top: 0;	
		animation:thedrop 1s 1;
		-moz-animation:thedrop 1s 1;
		-webkit-animation:thedrop 1s 1;
		width: 728px;
		left: 0;
	}
	
	h1.title {
		display: block;
		max-width: 600px;
		display: none	
	}
	
	.sticky h1.title {
		display: block
	}
	
	a.btn-tel {
		visibility: hidden !important;
		opacity: 0 !important;
		}
	
	.main-footer {
        display: none
	}		
	
	#footer-branding {
		display: block !important;	
	}
	
	/*#ld_branding_link_mobile {
		 position:absolute;   
		 float:left;
		 background-image:url("http://cdn.myld.com.au/1/images/logos/poweredbyld_lightgrey.png");
		 padding:10px;
		 margin-left:10px;
		 width:180px;
		 height:0px;
		 text-indent:-200px;
	}
	*/
	
	#ld_branding_link_mobile { 
		 display: block;
		 background-image:url("http://cdn.myld.com.au/1/images/logos/poweredbyld_lightgrey.png");
		 padding:10px; 
		 width:180px;
		 height:0px;
		 text-indent:-9999px;
		 margin: 10px auto 10px; 
	}
	
	
}


/* -------------------------------------IPHONE5 MAX WIDTH 568px (landscpae)---------------------------------------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	
	.sticky {
		width: 528px;
	}
	
	a.btn-tel {
		visibility: visible !important;
		
		opacity: 1 !important;
		}
	
}


/* -------------------------------------MAX WIDTH 480px---------------------------------------- */
@media (max-width: 480px) { 
	
	a.btn-tel {
		visibility: visible !important;		
		opacity: 1 !important;
		display: block; 
		}

    #slider {
        display: none
    }	
	
	h1.title {
		max-width: 300px;	
	}
	
	.sticky {
		width: 440px;
	}
	
	.sticky.navbar-inner {
		padding-top: 0px;
	}
	 
	
}

@media (max-width: 320px) {
		
	h1.title {
		max-width: 160px;
	}
	
	.sticky {
		width: 280px;
	}
	
}


/*GOOGLE API MAP FIX*/
.gmnoprint img{
  max-width:none !important;
}

/*404 page*/
#page-not-found div#error{ 
    margin: 0 auto;
    padding: 30px;
    background: #fff  
}  
#page-not-found div#error h1, #page-not-found div#error p  {
    text-align: center;                 
    color: red;   
}