/* Mobile Portrait View */
@media screen and (max-width:479px) {

.wrapper_main{ width:auto;}
.header .header-inner, .container, .client-say {width:auto; padding:0 10px;}
.responsibility-three-col, .home-we-are, .qualified-sitter, .home-testimonial, .client-say { padding:30px 0;}
.one_fourth, .sitter-grid p, .home-we-are, #carousel li{ text-align:center;}

.header .header-inner #logo{ float:none; text-align:center; margin:0 auto;}
.nivo-caption h1{ font-size:18px !important; line-height:20px; margin-top:10px;} 
.theme-default .nivo-caption a{ margin-top:0; padding:10px;}
.slide_info{ margin-left:10px; margin-top:12px;}
.one_third, .one_fourth, .footer-grid-1{ width:auto; margin-right:0; float:none;}
#sitemain, #sidebar{ width:auto; margin-right:0; margin-bottom:20px; float:none !important;}
.home-we-are p img{ max-width:94%; margin-right:0;} 
img{ max-width:100%;}
.home-we-are a{ margin-top:10px;}
.client-say h2{ font-size:38px !important;  }
.client-say h5{ margin-top:15px; text-align:left; }
.slidetop-arrow{ margin-right:0; top:0;}
.sitter-title-content, .sitter-search a, .copy-right, .design-by, .sitter-photo{ width:auto; float:none; text-align:center; display:block;}
.footer-grid-1{ margin-bottom:30px;}
.client-thumb img{ width:283px; min-height:260px; float:none; margin-right:0;}
.post-thumb img{ width:97%; height:auto;}
p.slide_more{ display:none;}
.sitter-grid{ margin-bottom:30px;}
.sitter-photo img{ box-sizing:border-box;}
.slidetop-arrow{ top:0 !important; right:0 !important;}
.sitter-social-icon{ width:236px; margin:30px auto 0;}
.blog-post-repeat{ margin-bottom:30px;}
.sitter-photo{height:auto;}
}

/* Mobile Landscape View */

@media screen and (max-width:719px) and (min-width:480px) { 

.wrapper_main{ width:auto;}
.header .header-inner, .container, .client-say {width:auto; padding:0 10px;}
.responsibility-three-col, .home-we-are, .qualified-sitter, .home-testimonial, .client-say { padding:30px 0;}
.one_fourth, .sitter-grid p, .home-we-are, #carousel li{ text-align:center;}

.header .header-inner #logo{ float:none; text-align:center; margin:0 auto;}
.nivo-caption h1{ font-size:32px !important; line-height:32px; margin-top:20px;} 
.theme-default .nivo-caption a{ margin-top:0; padding:10px;}
.slide_info{ margin-left:10px;}
.one_third, .one_fourth, .footer-grid-1{ width:auto; margin-right:0; float:none;}
#sitemain, #sidebar{ width:auto; margin-right:0; margin-bottom:20px; float:none !important;}
.home-we-are p img{width:97%; margin-right:0;} 
img{ max-width:100%;}
.home-we-are a{ margin-top:10px;}
.client-say h2{ font-size:38px !important;  }
.client-say h5{ margin-top:15px; text-align:left; }
.slidetop-arrow{ margin-right:0; top:0;}
.sitter-title-content, .sitter-search a, .copy-right, .design-by, .sitter-photo{ width:auto; float:none; text-align:center; display:block;}
.footer-grid-1{ margin-bottom:30px;}
.client-thumb img{ width:283px; min-height:260px; float:none; margin-right:0;}
.post-thumb img{ width:98%; height:auto;}

p.slide_more{ display:none;}
.sitter-grid{ margin-bottom:30px;}
.sitter-photo img{ box-sizing:border-box;}
.slidetop-arrow{ top:0 !important; right:0 !important;}
.sitter-social-icon{ width:236px; margin:30px auto 0;}
.blog-post-repeat{ margin-bottom:30px;}
.sitter-photo{height:auto;}
}


@media screen and (max-width:719px) and (min-width:320px) { 
.nav {float:none; padding:0; display:block; margin:0; text-align:left}
.nav ul li {display:block;}
.nav ul li a {display:block; padding:5px 15px;}
.nav ul li:hover > ul{ display:block; color:#47b6ed !important; background:none !important}
.nav ul li li a{ color:#fff !important;}
.nav ul li.current-menu-item a, .nav ul li a:hover{ border-radius:0;}
.nav ul li ul li.current-menu-item a, .nav ul li ul li a:hover{ background:#fff !important; color:#47b6ed !important; }

.nav ul li ul li a:before{content:"\00BB  ";}
.nav ul li ul li ul li a:before{content:"  \00BB  ";}
.nav ul li ul li a{padding-left:20px;}
.nav ul li ul li ul li a{padding-left:30px;}
.nav ul li ul li ul li ul li a{padding-left:40px;}
}


/* Tablet View */
@media screen and (max-width:979px) and (min-width:720px) { 
.nav ul li ul{display:none; z-index:2;}
.nav ul li:hover > ul{display:block; width:200px; position:absolute; top:40px; left:0; text-align:left; z-index:999;}
.nav ul li ul li{display:block; position:relative; float:none;}
.nav ul li ul li a{color:#000; display:block; padding-top:10px; padding-bottom:10px; border-top:1px #2898cf solid; border-radius:0 !important; }
.nav ul li:hover ul li ul{display:none;}
.nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:20px;}
.nav ul li ul li.current-menu-item a, .nav ul li ul li a:hover{ border-radius:0;}
.nav ul li:hover ul li ul{display:none;}
.nav ul li:hover ul li:hover > ul{display:block; position:absolute; top:0px;}

.header .header-inner, .container{width:auto; padding:0 10px; margin:0 auto;}
.header .header-inner #logo{ float:none; text-align:center; margin:0 auto;}
.nav {float:none; text-align:center;}
.one_third{ width:23.5%; padding:35px 27px; min-height:345px;}
.one_fourth{ width:47%; text-align:center;}
.one_third a{ position:absolute; bottom:20px; left:0; right:0; text-align:center;}
.home-we-are a{ margin-top:10px;}
.sitter-grid p{ text-align:center;}
.client-thumb img{ width:210px; margin-right:20px;}
.client-say{ width:54%;}
.sitter-title-content{ width:70%;}
.footer-grid-1{width:47.2%;}
.footer-grid-1:nth-of-type(2) { margin-right:0;}
.footer-grid-1:nth-of-type(3), .footer-grid-1:nth-of-type(4){ margin-top:50px;}
.theme-default .nivo-caption a{ margin-top:40px;}
.sitter-social-icon{ width:236px; margin:30px auto 0;}
.nivo-caption{ left:5%;}
.sitter-photo{height:auto;}
}


@media screen and (max-width:1159px) and (min-width:980px) { 
.header .header-inner, .container{width:auto; padding:0 10px;}
.one_third{ width:22%; min-height:375px;}
.client-say{ width:54%;}
.footer-grid-1{ margin-right:33px;}
.footer-grid-1-margin{ margin-right:0;} 
.border-grid{min-height:335px;}
}


@media screen and (min-width:980px) {
.nav ul li ul{display:none; z-index:2;}
.nav ul li:hover > ul{display:block; width:200px; position:absolute; top:40px; left:0; text-align:left; z-index:999;}
.nav ul li ul li{display:block; position:relative; float:none;}
.nav ul li ul li a{color:#000; display:block; padding-top:10px; padding-bottom:10px; border-top:1px #2898cf solid; border-radius:0 !important; }
.nav ul li:hover ul li ul{display:none;}
.nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:20px;}
.nav ul li ul li.current-menu-item a, .nav ul li ul li a:hover{ border-radius:0;}
.nav ul li:hover ul li ul{display:none;}
.nav ul li:hover ul li:hover > ul{display:block; position:absolute; top:0px;}
}