/* HELEN'S DOG WALKING */

@media all and (max-width: 480px) {
    /* Mobile Phones */
body {    
    }
.desktop, .tablet {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    }
#outerWrapper {
    width: 100%;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    }
#wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    }
/* Masthead */
#masthead {
    width: 100%;
    height: auto;
    margin: 50px 0 0;
    padding: 0;
    }
#top {
    width: 100%;
    height: auto;
    margin: 1em 0;
    padding: 0;
    }    
#logo {
    max-width: 80%;
    height: 49px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 100;
    }
#logo img {
    width: 100%;
    height: 49px;    
    }
#strapline {
    width: 70%;
    height: auto;
    margin: 0;
    padding: 0;
    }
#strapline img {
    max-width: 100%;
    height: auto;
    padding: 0;
    }    
#navigation {
    display: none;
    }

/* Banner */
#banner {    
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
    padding: 0;
    }
#slideshow {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }
#banner img, #slideshow img {    
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

/* Main */
#mainContent {
    width: 98%;
    padding: 1em 0 2em 0;
    margin: 0 1%;
    }
#main {
    width: 100%;
    margin: 0 0 2em;
    padding: 0;
	background: none;
    } 
#pic {
    width: 30%;
    }
#pic img {
    width: 100%;
    }
#text {
    width: 70%;
    }
h1, h3, h5 {
    width: auto;
    }
p {
	font-size: 1.5em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
	}
    
/* Sidebar */
#sidebar {
    width: 100%;
    margin: 0;
    padding: 0 0 7em 0;
    }
#inner {
    width: 100%;
    background-image: none;
    margin: 0;
    border-radius: 0;
    }    
#inner h4 {
    border-radius: 0;
    }    
h4 {
    font-family: "Nueva Std", Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    height: 50px;
    line-height: 1.33333333em;
    padding-top: 15px;
    padding-left: 15px;
    }
h4#price {
    background: #2B3807 url(../images/dog-lrg.png) 90% 50% no-repeat;
    }
        
/* Footer */
#footer {
    width: 96%;
    padding: 0 2%;
    margin: 0;
    }
#areas {
    width: 100%;
    margin: 2em 0 2em 0;
    padding: 0;
    }
.fifth {
    width: 50%;
    }
.fifth ul {
	margin-bottom: 0;
	}
#basenav {
    width: 100%;
    padding: 0;
    }
#basenav span {
	float: left;
	}
#legal {
    width: 98%;
    margin: 2em 1% 0;
    padding-bottom: 0.5em;
    }
#copyright {
    width: 100%;
    padding: 0;
    margin: 0;
    }
#splink {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    }

/* Forms */
form {
    width: 100%;
    padding-left: 0;    
    }
fieldset {
	width: 96%;
	padding: 2%;
	margin: 1em 0;
	}
#form1 fieldset div {
	width: 96%;
	}
label {
    width: 100%;    
    }
input {
    width: 100%;   
    margin-left: 0; 
    }
#postcode {
	margin-right: 0;
	}
.radio_set {
	width: 100%;
	}
.radio_set p {
width: 100%;

	}
.radio_set label {
	width: 100%;
	}
.radio_set input {
	width: 40%;
	}
.radio_set span {
	width: 40%;
	}
textarea {
    width: 100%;   
    margin-left: 0; 
    }
#submit {
    width: auto;
    margin-left: 0;
    }

}





@media all and (min-width: 481px) and (max-width: 959px) {
    /* Tablets */
body {    
    }
.phones {
    display: none;
    }
#outerWrapper {
    width: 100%;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    }
#wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    }

/* Masthead */
#masthead {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }
#top {
    width: 98%;
    height: auto;
    margin: 1em 1% 0 1%;
    padding: 0;
    }    
#logo {
    width: 48%;
    height: auto;
    margin: 0 2% 1em 0;
    padding: 0;
    }
#logo img {
    max-width: 100%;
    height: auto;    
    }
#flags {
    width: 50%;
    height: auto;
    margin: 0 0 1em 0;
    }
#strapline {
    width: 50%;
    height: auto;
    }
#strapline img {
    max-width: 100%;
    float: right;
    padding-left: 0;
    }    
    
/* Navigation */
.slicknav_menu {
    display: none;
    height: 0;
    }    
#navigation {
    width: 100%;
    height: auto;
    margin: 1em 0 0 0;
    padding: 0;
    }
#navigation ul {
    width: 60%;
    margin: 0 0 0 40%;
    padding: 0;
    }
#navigation li {
    width: 24%;
	height: auto;
    font-size: 1em;
    margin: 0 0 0 1%;
    padding: 1em 0 0;
    }
#navigation li img {
    width: 100%;
	height: 100%;
    }
#navigation li a {
	display: block;
	}


/* Banner */    
#banner {    
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
    padding: 0;
    }
#slideshow {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    }
#banner img, #slideshow img {    
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

/* Main */    
#mainContent {
    width: 98%;
    padding: 1em 0 2em 0;
    margin: 0 1%;
    }
#main {
    width: 68%;
    margin: 0 2% 0 0;
    padding: 0;
	background: none;
    }
#pic {
    width: 30%;
    }
#pic img {
    width: 100%;
    }
#text {
    width: 70%;
    }
h1, h3, h5 {
    width: auto;
    }
    
/* Sidebar */
#sidebar {
    width: 30%;
    margin: 0;
    padding: 0;
    }
#inner {
    width: 100%;
    margin: 0;
    }
h4 {
    font-family: "Nueva Std", Georgia, "Times New Roman", Times, serif;
    font-size: 2.5em;
    height: 40px;
    line-height: 1.33333333em;
    padding-top: 15px;
    padding-left: 15px;
    }
h4#price {
    background: #2B3807 url(../images/dog-sml.png) 90% 50% no-repeat;
    }

/* Footer */
#footer {
    width: 96%;
    padding: 0 2%;
    margin: 0;
    }
#areas {
    width: 100%;
    margin: 2em 0 2em 0;
    padding: 0;
    }
.fifth {
    width: 19%;
    margin-right: 1%;
    }
#basenav {
    width: 100%;
    padding: 0;
    }
#basenav span {
	float: left;
	}
#legal {
    width: 98%;
    margin: 2em 1% 0;
    padding-bottom: 0.5em;
    }
#copyright {
    width: 100%;
    padding: 0;
    margin: 0;
    }
#splink {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    }

/* Forms */
form {
    width: 100%;
    padding-left: 0;    
    }
fieldset {
	width: 96%;
	padding: 2%;
	margin: 1em 0;
	}
#form1 fieldset div {
	width: 96%;
	}
label {
    width: 100%;    
    }
input {
    width: 100%;   
    margin-left: 0; 
    }
#postcode {
	margin-right: 0;
	}
.radio_set {
	width: 100%;
	}
.radio_set p {
width: 100%;

	}
.radio_set label {
	width: 100%;
	}
.radio_set input {
	width: 40%;
	}
.radio_set span {
	width: 40%;
	}
textarea {
    width: 100%;   
    margin-left: 0; 
    }
#submit {
    width: auto;
    margin-left: 0;
    }


}




@media all and (min-width: 960px) {
        /* Desktops and Laptops */
.phones, .tablets {
    display: none;
    }
.slicknav_menu {
    display: none;
    height: 0;
    }
    
}