ul#navigation { height:auto; background-color:#644d32;z-index:4444;}
ul#navigation li a {height:auto; padding: 8px 9px; width:100%;}
.flexnav li, .flexnav li > a {width:auto; background-color:#644d32;}
.flexnav li ul li a { display: block; background: #644d32;}
.flexnav .touch-button { width:auto; height:100%; background:none;}
.flexnav .touch-button .navicon {top:4px; font-size:1em;}
li.item-with-ul {padding-right: 6px;}
.flexnav li:first-child a { border-left: none; }
.menu-button {background-color:#644d32; text-align:center; color:white; text-transform:uppercase; letter-spacing:2px; }
.sm-screen li {float:none; display:block;}
.flexnav.lg-screen {max-height:none;}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}





@media  (max-width: 1270px) {

#homepage #content {padding: 0;}
.flexslider { width:100%!important; box-sizing:border-box; margin:0!important;}
#wrapper {padding:0;}
#client_form { width: 300px; min-height:0; margin-right:20px;}
#client_form legend { padding: 20px 0; font-size: 1.1em; font-weight:800;}
input, select, textarea { margin: 2px 5px;}
label { width:100px;}
input [type=submit] { float:right; margin-right: 80px;}
#homepage #client_form {
  position: absolute;
  z-index: 333;
  background: rgba(255,255,255,0.8);
  width: 300px;
  right: 0;
  padding: 0 0 10px 10px;
  margin: 0;
  min-height: auto;
}
#domestic_staff_positions {margin:30px 0!important;}
}




@media  (max-width: 990px) {


#page, #header, #navigation, #maincontent, #content, #billboard, #footer { width:100%;}
#wrapper {padding:0;}
#page { box-shadow: none; filter: none;}
#homepage #content {box-sizing:border-box; padding:0;}
#tagline { width: 350px; margin-top:30px; font-size: 21px;}
#tagline2 {font-size: 18px; width: 340px; line-height:1.5em; margin: 20px 25px 0 0;}
#homepage-testimonial {padding: 10px;}
#navigation { height: auto; overflow:hidden;}
#navigation li a { font-size: 11px; padding: 8px; height: auto;}
#navigation li { margin:0;}

#content { padding: 25px 10px; }

#ambassador {width: 50%;}

#social-tagline {margin: 0;}

.scripty h1 {padding: 10px; font-size: 36px;}
.scripty h2 {font-size: 30px;}
p {padding: 1px 10px;}
#homepage #household_staff, #homepage #personal_staff, #homepage #travel_staff {width: 30%; padding: 0 10px;}
#homepage #domestic_staff_positions img { width:100%; height:auto; max-width:450px;}
h2#homepage-call {width:auto; margin: 30px 0;}
h2#call-to-action { width:100%; font-size: 22px;}
#homepage-testimonial {width:350px;}
#footer {background-color: #e9dab9; margin:0; padding: 10px 0;}


.staff-photo img { max-width: 100%; border-width:0; border-style:none; padding:0;}


#table1, #table1 td { width:auto; }



}







@media  (max-width: 765px) {

.scripty h2 {font-size: 24px;}
#content {padding: 0 5px;}
#homepage #content { padding:0; margin:0;}
#header {height:auto; background-size:cover;}
#logo, #tagline {float:none; width:100%; text-align:center; font-size:21px; margin:0; padding:5px; box-sizing:border-box;}
#logo img {width:100%; height:auto; max-width:400px;}

#tagline2 {font-size: 15px; float:none; margin:0 auto;}

.nav-toggle {  text-align: center; width: 100%; display: block; padding: 5px 0;
  background-color: #644d32; color:white;font-weight:800;text-transform:uppercase;}
#navigation li {float:none;}
#navigation li#domestics {float:none;}
#navigation li a {font-size: 15px; padding: 12px 10px; width:100%;}
#navigation li ul li a {padding-left:40px;}
.staff #navstaff {display:none;}
.flexnav .touch-button {width:100%; background: rgba(0,0,0,0.2); text-align:right;height:2.4em;}
.flexnav .touch-button .navicon {top:8px; font-size:1.4em;}
.flexslider, #homepage #client_form, #homepage-testimonial, .awarddiv { width: 100%; float:none;}
.flexslider {margin-left:0!important;width:100%!important; position:relative;}


#ambassador {width: 90%;}


#homepage #client_form, #client_form { position:relative; min-height:0; float:none;}
#client_form { width:90%; max-width: 370px; margin: 20px auto;}
#homepage #client_form {padding:0; margin-left: 0; width:100%; max-width:100%; background: url(images/form-bg.jpg); background-size: cover; text-align:center;}
#homepage #client_form form { width: 370px; display:inline-block; }
#client_form legend { font-size: 1.4em; text-align:center; }
#client_form p, #client_form legend { text-align:center; width:100%;}
#homepage #client_form label { width:140px; }


h1 { font-size: 22px; padding:10px;}
h2 { padding-left: 10px; }
h2#homepage-call { margin: 30px 0; padding: 10px; font-size:20px;}

.staff #content { margin-left: 0;}

#homepage #household_staff, #homepage #personal_staff, #homepage #travel_staff { width: 90%; }
#domestic_staff_positions h2 {font-size: 22px;}

.footer-locations div {width: 48%; display: inline-block; vertical-align: top; }

#homepage-testimonial {text-align:center; padding: 0;}
blockquote#testimonial:after {position:absolute; right:11px;}
.awarddiv img#awards { width:100%; height:auto; float:none; max-width:450px;}
.awarddiv {text-align:center;cursor:default;}
a.awardsa:hover #awards { width:100%; height:auto; position:relative; top:0;}


.staff #navstaff { float:none; width:100%; margin:0; text-align:center; border-right:none;}


#ina-logo, #dema-logo, #nanny-logo, #icca { float:none;display:inline-block;padding:0;margin:1%; width:22%; height:auto; }
#memberships {float:none; display:block; margin-bottom: 50px; width:100%;}
.staff #icca {width:150px; padding:0; margin: 0 0 0 20px;}

#ambassador {max-width:90%;}
#in_the_news {float:none; max-width:80%; clear:left; margin:20px auto; display:block; }

#social-tagline {font-size: 20px;}







}