@media screen and (max-width: 1000px){
	#boxcontainer{
	background-color:#fff;
	padding-bottom:15px;
}
    #search_buttons{
        display:none;
    }
    #search_buttons_mobile{
        display:block;
    }
    ul.custom-menu li a{
        font-size:12px;
    }
    ul.custom-menu li{
        margin-top:3px;
        margin-bottom:3px;
    }
    .small_banner{
        left:auto;
        margin-left:0;
        background-image:url('/images/homepage/title_banner_1.png');
        width:100%;
        
    }
#join1,#join2,#join3
{
  margin: 0 auto;
  float: none;
}
#menu{
    height:auto;
}
    ul.custom-menu li{
        margin-bottom: 5px;
    }
    .nannyProfile .page_content_right, .jobProfile .page_content_right{
    width:500px;
    float:left;
}
.profileInfo .item{
    width:203px;
/*    margin-left:0;*/
}
#banner, #menu, #ad, #how_it_works{
    width:100%;
}
#content-container.home{
    height:auto;
}
#nanny_pic{
    margin-top:40px;
}
#family_pic{
    margin-top:35px;
}
}
@media screen and (max-width: 990px){/*Allow 30px for the scrollbar*/
.nannysearch .post_thumb_alternate_mobile.mobilesecond {
display: none;
}
    #menu{
        background-image:none;
        background-color:#054880;
    }
ul.custom-menu li{
    float:none;
    display:inline-block;
}
.custom-menu{
    text-align:center;
}
#grass, #tree, #title_banner_shadow, #clouds_background, #selectOption, #curved_underline, #ground,
.st_facebook, .st_email, .st_twitter, .st_pinterest, .st_linkedin, #quickSearch, #home.small_banner, #grass_divider{
    display:none;
}
.nannyProfile .page_content_right, .jobProfile .page_content_right{
    width:350px;
}
#nannySearch, #nannySearchOverseas{
    width:430px;
    float:left;
    margin-left:20px;
}
.post, .summary_info, .post_descr_alternate{
    width:100%;
}
.post_thumb_alternate{
    display:none;
}
.post_thumb_alternate_mobile{
    display:block;
}
#housekeeperDiv{
    margin-left:0;
}

.top-aside, header, .banner, .banner-slider, #content-container, .footer-callout, footer {
min-width:100%;
}

p{
/*line-height:1.6em !important;	*/
}

.footer-nav {
margin-left: 20px;
}

#main-wrap,
.center-wrap, #join-wrap {
width: 90%;
}

.slides_container{
width: 100%;
}

html, body, #mainContainer{
width: 100%;
}
/*body{
    overflow-x:hidden;
}*/

.slides_container iframe {
width: 100%;
}

.slides_container .single-post-thumb {
float: none;
}

.full-third-short{
width: 100%;
max-width: 300px;
overflow: hidden;
height: auto;
}

.img-frame{
background-image: none;
box-shadow: 1px 1px 1px #ccc;
background-color:#FFF;
border-left:1px solid #DDD;
border-top:1px solid #DDD;
}

.banner-slider .img-frame {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
border:0;
}

.img-frame img{
width: 96%;
height: auto;
margin: 2%;
background-position: bottom right;
}

.small-banner img{
width: 98%;
margin: 1%;
}

#home-marketing-icons .tt-icon{
width: 77%;
min-height: 50px;
}

.page_content_right,
.page_content{
width: 64%;
margin-left:4%
}

.small-banner{
width: 100%;
height: auto;
overflow: hidden;
}

div + .sidebar{
float: right;
margin-left: auto;
}

#gallery-nav{
width: 100%;
}

.full-third,
.full-half,
.full-fourth-portrait,
.full-third-portrait {
width: 94%;
height: auto;
}

#content-container input[type="text"],
#content-container input[type="password"],
#content-container input[type="file"],
/*#content-container .button,*/
#content-container select{
width: 88%;
}
#content-container #loginFrame input[type="text"],
#content-container #loginFrame input[type="password"],
#content-container #loginFrame select{
    width:170px;
    float:right;
    margin:0;
}
/*may have messed this up for login/application - this was 48%*/
#content-container .apply .button{
    width:178px;
}
#loginFrame{
    margin:10px;
}

.full-banner {
width:100%;
height:auto;
}

.full-banner img{
margin:1%;
width: 98%;
}

.faq-content{
width: 80%;
}

.s-one,
.s-three{
width: 19.19%;
}

.s-two{
margin-left: 6.56%;
width: 46.46%
}

.full-fourth{
width: 100%;
height: auto;
}

.blog_page_content{
width: 67.18% !important;
}

div + .blog_sidebar{
width: 22.91% !important;
}

article {
width: 100%;
}

.blog-frame{
width: 100%;
height: auto;
}

#gallery-outer-wrap .one_fourth{
width: 211px;
margin: 10px;
}

#gallery-outer-wrap .one_third{
width: 294px;
margin: 10px;
}

#gallery-outer-wrap .one_half{
width: 461px;
margin: 5px;
}

}

@media screen and (max-width: 950px){
    #fourone, #fourtwo, #fourthree, #fourfour{
	margin-bottom:10px;
}
    #bubbles{
        display:none;
    }
    .fourpics label { font-size: 13px; }
}
@media screen and (max-width: 800px){
    #search_buttons_overseas{
        display:none;
    }
    #search_buttons_overseas_mobile{
        display:block;
    }    
    .clear_mobile{
        clear:both;
    }
    #registerButton{
        display:none;
    }
    #registerButton_mobile{
        display:none;
    }
    .small_banner.search .page-banner-heading{
        font-size:18px;
        margin-top:8px;
        width:100%;
        text-align:center;
	margin-left: 0;
    }
    .small_banner.search .page-banner-heading.join {
        width: 80px;
        display: block;
        height: 21px;
        margin-top: 0;
	margin: 0 5px 0 !important;
	padding: 3px !important;
    }
    .small_banner.search .page-banner-subheading{
        float:none;
        width:158px;
        left:50%;
        position:relative;
        margin:0;
        margin-left:-79px; 
        text-align:center;
    }
    .small_banner.search .page-banner-subheading a{
        font-size:14px;        
    }
    
    .fourpics label { font-size: 10px; }
    .mobile_br{
        display:block;
    }
#how_it_works_glow{
    display:none;
}
#bubbles{
    display:none;
}    
.nannyProfile .page_content_right, .jobProfile .page_content_right{
    margin-left:0;
}
.nannyProfile .normal_screen, .jobProfile .normal_screen{
        display:none;
}
.nannyProfile .mobile_screen, .jobProfile .mobile_screen{
        display:block;
}
.profileInfo h2.name{
    float:left;
}
.profileInfo a#backLink{
    float:right;
}
#nannyLogin, #familyLogin{
    width:80%;
    margin:10px 10%;
}
#agreement_screen{
    display:none;
}
#agreement_mobile_div{
    display:block;
}
.nannyProfile .page_content_right, .jobProfile .page_content_right{
    width:100%;
    margin-left:0;
}
#nannySidebar, #profileSidebar, #familySidebar{
    display:none;
}
.addEditNanny .page_content_right{
    width:100%;
}
.addEditNanny .mobile_screen, .profileInfo .mobile_screen, .editFamily .mobile_screen{
    display:block;
}
#ad_family{
        display:none;
}
#ad_mobile_family{
    display:block;
}
#familyAccount{
    float:left;
}
.apply #loginFrame p.tt-icon{
        display:none;
}
.spacer{
    display:none;
}
.one_half + .one_half{
    margin-left:0;
}
.nannyProfile .one_half + .one_half,
.apply .one_half + .one_half{
    margin-left:4%;
}
.page_content_right .one_half{
    width:260px;
}
.addEditNanny .page_content_right .one_half,
.nannyProfile .page_content_right .one_half,
#familyAccount.page_content_right .one_half{
    width:48%;
}
#nannySearchForm .sidebar-widget select,
#nannySearchOverseasForm .sidebar-widget select,
#nannySearchForm .sidebar-widget input[type="text"],
#nannySearchOverseasForm .sidebar-widget input[type="text"]{
    width:100%;
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.top-aside ul,
.foot-copy,
.footer-nav {
text-align:center;
width:100%;
}
.custom-menu{
    text-align:center;
}

#loginFrame{
    margin: 5px 2px;
}
nav ul{
margin-left:8%;
}

.two_thirds {
width: 98%;
clear: both;
}

.one_third + .two_thirds{
margin-left: 0;
}

.two_thirds + .one_third{
width: 100%;
margin: 0 auto;
}

.footer-callout-content{
width: 62%;
}

#mc_signup .mc_input{
width: 100%;
}

.companyIdentity a{
width: auto;
margin: auto;
display: block;
text-align: center;
}

.companyIdentity img{
float: none;
}

header nav{
position: relative;
top: 30px;
padding:5px 0 15px 0;
margin:0;
}

#nannySearch, #nannySearchOverseas{
    width:54%;
    float:right;
}
.sidebar{
    width:32%;
}
#nannySidebar.sidebar{
    width:245px;
}

.member-contact{
float: none;
width: 100%;
}

.member-bio{
width: 66%;
}

.faq-content{
width: 70%;
}

.page-not-found{
margin: 0;
min-height: 226px;
height: auto;
}

.post-thumb {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
margin-bottom:15px;
overflow: hidden;
}

.post-thumb iframe,  
.post-thumb object,  
.post-thumb embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hero-wrap{
background: none;
position: relative;
width: 80%;
left: 10%;
padding-bottom: 0;
}

.home-lightbox-banner-content{
top: 400px;
left: 10%;
width: 80%;
}

.lightbox-link {
left: 0;
}

.home-primary-image{
left: 0;
}

.home-secondary-image{
right: 0;
left: auto;
}

.top-aside ul li,
.top-aside .social_icons li,
.foot-copy,
.footer-nav li {
float:none;
display:inline-block;
}

}
@media screen and (max-width: 710px){
    #duster_lady{
        display:none;
    }
    #title{
        position:relative;
        left:50%;
        margin-left:-198px;
        margin-top:10px;
    }
    #banner{
        height:100px;
    }
    .fourpics div { margin: 10px 0.2%; width: 48%; display: inline-block;text-align:center;}
}

@media screen and (max-width: 639px){
    #job_buttons{
        display:none;
    }
    #job_buttons_mobile{
        display:block;
    }    
    #signupform
    {
      min-height: 280px;
    }
    
    #content-container.how_it_works{
        margin-top:0;
    }
    .small_banner{
        height:40px;
    }
    .small_banner.search{
        height:86px;
    }
    .small_banner .page-banner-heading{
        margin-top:8px;
        font-size:18px;
        text-align:center;
        width:80%;
    }
    #profileAd{
        display:none;
    }
    .custom-menu{
        text-align:left;
        width:100%;
    }
    #jobseekers{
        /*margin-top:40px;*/
    }
    #how_it_works{
        margin-top:10px;
    }
#families h3{
    text-align:left;
}
#vertical_divider, #vertical_divider_long, #jobseekers .read_more{
    display:none;
}
#families .read_more{
    left:45px;
    right:0;
    top:0;
    position:relative;
}
#jobseeker_home{
    margin-top:120px;
}
#nanny_pic, #family_pic{
    left:50%;
    margin-left:-110px;
    position:relative;
    float: none;
}
#family_pic{
    margin-top:10px;
    float:none;
    margin-right:0;
    top:60px;
}
/*#im_a_jobseeker{
    position:relative;
    left:50%;
    margin-left:-115px;
}*/
#im_a_family{
    position:absolute;
    left:50%;
    margin-left:-104px;
    float:none;
    margin-right:0;
}
#jobseekers #hongKongHeader{
    margin-top:10px;
}
#jobseekers, #families{
    z-index:4;
}
#how_it_works2 #jobseekers{
    margin-bottom:0;
}
/*.custom-menu{
    margin-left:-20px;
    left:10px;
    width:80%;
}*/

#content-container #loginFrame input[type="text"],
#content-container #loginFrame input[type="password"],
#content-container #loginFrame select,
#content-container #loginFrame button{
    width:55%;
    float:right;
    margin:0;
}
.apply .one_half + .one_half{
    margin-left:0;
    margin-top:10px;
}
.loginRow{
    width:100%;
}
#searchAd, #jobSearchAd{
        display:none;
}
#ad_mobile{
    display:block;
    margin-top:40px;
}
#nannySearch, #nannySearchOverseas{
    float:left;
    width:90%;
}
.sidebar {
width: 28% !important;
}

/*#loginFrame p.tt-icon{
        display:block;
}*/

#menu ul{
display: none;
}

#menu select{
display: block;
margin:10px 25%;
width:50%;
padding:5px;
background:#FFF;
float:left;
border:1px solid #DEDEDE;
color:#636B75;
cursor:pointer;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
		border-radius:3px;
border: 1px solid #CFCFCF;
border-radius: 2px 2px 2px 2px;
margin-bottom: 42px;
/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, -5px -5px 0 0 #F8F8F8, 5px 5px 0 0 #F8F8F8, 5px 0 0 0 #F8F8F8, 0 5px 0 0 #F8F8F8, 5px -5px 0 0 #F8F8F8, -5px 5px 0 0 #F8F8F8;*/
}

.foot-copy,
.footer-nav,
#scroll_to_top {
padding:6px 0;
margin:0;	
}

.footer-nav {
float:left;
}

#scroll_to_top {
float:left;
width:100%;
text-align:center;
background:none;
}

/*.small_banner .page-banner-description {
display:none;	
}*/

.member-photo {
float:left;	
}

.member-bio {
padding-top:10px;	
}

.top-aside .one_half{
padding:4px 0;
}

.one_half{
width: 100%;
}

.one_half + .one_half{
margin: 0;
}
.nannyProfile .one_half + .one_half{
    margin-left:4%;
}
.apply #loginFrame p.tt-icon{
        display:block;
}
.top-aside .one_half + .one_half .social_icons{
float: none;
}


.footer-callout-content{
width: 52%;
margin-top: 30px;
}

.footer-callout-button {
margin: 64px 0 0;
}

.page_content_right,
.page_content{
width: 100%;
}

.sidebar{
width: 80% !important;
margin: auto;
float: none;
background: none;
margin-bottom: 40px;
min-height: 0;
}

.sidebar .subnav {
background:#F1F1F1;
border: 1px solid #DADADA;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.subnav ul a:link, .subnav ul a:visited {
color: #636B75;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}

.sidebar .subnav li,
.sidebar .subnav li:first-child {
border:0 !important;	
}

.subnav_cont {
width:70% !important;	
}

.sidebar .subnav .current_subpage a,
.sidebar .subnav .current_subpage a:hover,
.sidebar .subnav a:hover  {
background-image: none !important;
background: #DDD !important;
color: #444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
margin-right: 0px !important;
}

.sidebar .subnav .current_subpage a,
.sidebar .subnav .current_subpage a:hover {
font-weight:bold;	
}

div + .sidebar{
float: none;
margin-left: 0;
}

.member-bio{
width: 100%;
}

.member-photo{
margin-top: 0;
}

.faq-content{
width: 100%;
}

.footer-default-one,
.construction-default-one{
width: 100%;
clear: both;
}

.footer-default-two,
.construction-default-two{
width: 50%;
margin-left: 0;
}

.footer-default-three,
.construction-default-three{
width: 100%;
}

.page-not-found{
padding-left: 0;
}

.blog_page_content{
width: 100% !important;
}

div + .blog_sidebar{
width: 100% !important;
}

.one_third{
width: 100%;
}

.one_third + .one_third{
margin-left: 0;
}

#gallery-outer-wrap .one_half{
width: 100%;
}

footer .one_fourth,
footer .one_fifth,
footer .one_sixth
{
width: 90% !important;
margin: 0;
float: none;
margin: 0 !important;
}

.footer-callout {
padding:0px 0 8px 0;	
}

#slides .one_half {
padding-bottom:20px;	
}

#slides .one_half + .one_half {
padding-bottom:0px;	
}

html {-webkit-text-size-adjust: none;}

.home-secondary-image{
display:none;	
}

.lightbox-link{
display: none;
}

.serviceblocks img
{
  width: 100%;
  vertical-align: top;
}
.serviceblocks div
{
  width: 100%;
}


}
@media screen and (max-width: 480px){
#main-wrap, .center-wrap, #join-wrap{
	width:100%;
}
#welcomeMsg.addFamily {
	width: 90%;
	margin-left: 0%;
}
    .small_banner .page-banner-heading{
        font-size:16px;
    }
    #loginFrame #changePasswordForm .spaceLeft{
        margin-left:0;
    }
    #loginFrame #changePasswordForm label{
        font-size:10px;
    }
    a#changePasswordSubmit{
        font-size:12px;
    }
    #loginFrame.lostPassword{
        height:auto;
    }
    #emailLinks{
        margin-top:-15px;
    }
    #emailForm .loginRow{
        width:100%;
        margin-left:0;
    }
    #emailSubmit, #changePasswordSubmit{
        height:20px;
        padding-top:10px;
    }
    #loginFrame p.info{
        width:100%;
        font-size:12px;
    }
    .profileInfo a#backLink{
        font-size:14px;
    }
    h4.notice{
        font-size:18px;
    }
    .profileInfo div.itemDetail{
        font-size:13px;
    }
    #sponsorInfo h3{
        font-size:20px;
    }
    a.navLink{
        font-size:16px;
    }
    #profileTable p{
        font-size:13px;
    }
    .mobile_screen #addNannyAd{
        margin-top:10px;
    }
    #availabilityChart{
        width:100%;
    }
    .rowTitle{
        font-size:11px;
        width:115px;
    }
    .availCheck{
        padding:1px;
    }
    #nannyLogin, #familyLogin{
        min-width:270px;
        width: 95%;
    }
    #loginNannySubmit, #loginFamilySubmit, #emailSubmit, #changePasswordSubmit{
        width:50%;
        
    }
    .loginLink{
        font-size:11px;
    }
    #loginNannyForm, #loginFamilyForm, #emailForm, #changePasswordForm{
        width:100%;
    }
    #loginRow{
        width:100%;
    }
    #loginFrame label{
        font-size:12px;
    }
    #loginNannyForm, #loginFamilyForm{
        height:auto;
    }
    #nannyLogin, #familyLogin{
    margin:10px 2%;
}
    #contact label, #contact input[type="text"], #contact select, #contact textarea{
        margin-left:0;
    }
#title{
    width:259px;
    margin-left:-130px;
    margin-top:10px;
}
#the{
    width:32px;
}
#nanny_pages{
    width:222px;
}
#tagline{
    display:none;
}
#banner{
    height:70px;
}
#loginFrame.lostPassword p.tt-icon{
        display:none;
}
#menu select{
display: block;
margin:10px 0 42px 20px;
width:50%;
padding:5px;
background:#FFF;
float:left;
border:1px solid #DEDEDE;
color:#636B75;
cursor:pointer;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
		border-radius:3px;
border: 1px solid #CFCFCF;
border-radius: 2px 2px 2px 2px;
/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, -5px -5px 0 0 #F8F8F8, 5px 5px 0 0 #F8F8F8, 5px 0 0 0 #F8F8F8, 0 5px 0 0 #F8F8F8, 5px -5px 0 0 #F8F8F8, -5px 5px 0 0 #F8F8F8;*/
}
.addEditNanny .page_content_right .one_half,
#familyAccount.page_content_right .one_half{
        width:280px;
}
#loginFrame{
    margin:10px;
}
#home-marketing-content,
#home-marketing-blogposts,
#home-marketing-icons,
#home-marketing-testimonials{
width: 100%;
}

#home-marketing-icons .tt-icon{
width: 34%;
}

.one_fourth{
width: 48%;
}

.one_fourth + .one_fourth + .one_fourth {
margin-left: 0;
}

.s-two{
clear:left;
margin-left: 0;
width: 65%;
}

.s-three{
width:30%;
}

.s-one{
width: 100%;
}

.home-vertical-callout .img-frame {
float: none;
}

.footer-callout-content{
width: 100%;
}

.footer-callout-button{
margin: 10px 0 20px 0;
float: left;
}

.footer-callout {
padding:0px 0 8px 0;	
}

.home-lightbox-banner-content{
top: 220px;
}

}

@media screen and (max-width: 400px){
/*    .nannyProfile .page_content_right{
    width:500px;
}*/
#loginFrame p.tt-icon{
        display:none;
}
.top-aside .one_half + .one_half,
.top-aside .one_half + .one_half .social_icons,
.top-aside .one_half + .one_half ul
{
text-align: right;
float: none;
}

#home-marketing-icons .tt-icon{
width: 77%;
}
#families .read_more{
    left:0;
}
#jobseekers{
    margin-top:40px;
}
#how_it_works2 #jobseekers{
    margin-top:0;
}
#loginFrame div.icon{
    display:none;
}
}

@media screen and (max-width: 359px){
    .small_banner.search .page-banner-heading{
        font-size:16px;
}
}

@media screen and (max-width: 320px){
body{
    overflow-x:scroll;
}

}