/*

Project: Broadway Dental
Author: James Holmes
Date Created: 26/06/2013

*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 800px) {
/* remove focus styles for android */
 * {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
	
/* display mobile navigation */

div.mobile-header {
 width:100%;
 height:140px;
 background:#FFF;
 position:relative;
 border-bottom:1px solid #EEE;
}
a.mobile-logo {
 width:92px;
 height:120px;
 display:block;
 background:url(/img/logo.png);
 position:absolute;
 left:4%;
 top:10px;
}
 ul#nav {
 width:100%;
display:none;
background:#FFF;
}
 ul#nav li {
 border-bottom:1px solid #EEE;
}
 ul#nav li a {
 text-transform:uppercase;
 color:#999;
 padding:3.5% 0;
 text-align:center;
 display:block;
 font-family: 'swiss_721_condensed_btregular';
 font-size:1em;
 text-decoration:none;
}
 ul#nav li a:hover {
background:#AAC4BF;
color:#FFF;
}
 #menu-icon {
width:50px;
height:50px;
display:block;
position:absolute;
top:10px;
right:10px;
background:url(/mobile-nav-icon.png);
}
 img {
max-width:100%;
height:auto;
}
	
/* hide the desktop header */
div.desktop-header {
display:none;
}
 div.main-wrapper {
width:100%;
margin-bottom:0;
}
 div.main-wrapper-internal {
top:0;
position:relative;
}
 div.left-column {
width:92%;
float:none;
padding:4%;
}
 div.right-column {
width:92%;
float:none;
padding:4%;
}

div.intro {
background:#FFF;
padding:0.5em 0;	
}



div.body-border-left, div.body-border-right {
	display:none;	
}

/* show mobile image */

div.mobile-static-img {
display:block;	
}


/* shrink slideshow bg */
div.slideshow-bg {
display:none;
}

/* hide captions */

.nivo-caption {
 display:none!important;
}
 div.slideshow {
display:none;
}

/* service boxes */

div.service-info {
 width:76%;
 height:auto;
 margin-bottom:4%;
 padding:3% 20% 2% 4%;
}
 div.service-info img {
display:none;
}


/* hide internal img column */

div.img-column {
display:none;	
}

div.text-column {
width:100%;
margin-left:0;	
}

/* contact form */

ul.contact-form li label {
	margin:1% 0 2% 0;
}

label.spacer {
display:none;	
}

ul.contact-form li textarea {
	margin:2% 0;
}

ul.contact-form li select {
	clear:both;
}


ul.contact-form li input[type="text"], ul.contact-form li textarea {
	padding:2%;
}






}