
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .brand-container { width: auto !important; float: none; max-width: 2000px !important; padding: 30px; text-align: center; margin: 0 !important; }
    .brand-container .buttons { position: relative; bottom: auto; margin-top: 30px; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    html { -webkit-text-size-adjust: none; }

    .mobile-only { display: block; }
    .mobile-only-inline { display: inline-block !important; }
    .desktop-only { display: none; }

    .container,
    .footer { width: 90%; }

    .brand-container { border-right: 0; border-bottom: 1px solid #eae9e7; padding-bottom: 50px; width: auto; float: none; }
    .brands > div .brand-container:last-child { border: 0; padding-bottom: 0; margin-bottom: 25px; }
    .brand-container .buttons { position: relative; bottom: auto; margin-top: 30px; }

    .header { padding: 0 15px; height: auto; margin-bottom: 10px; }
    .header .contact-details { display: none; }
    .header .resizer { display: none; }
    .header .logo { position: relative; text-align: center; }
    .header .logo img { max-height: 50px; }
    .header.ccs .logo img { width: 100%; max-width: 200px; }
    .header.ccs { border-bottom: 0; }
    .header div.search { display: none; }

    .mobile-menu-buttons { margin-bottom: 20px; }
    .mobile-menu-buttons.active { margin-bottom: 10px; }
    .mobile-menu-buttons a { float: left; width: 50%; background: #fff; display: block; font-size: 18px; line-height: 18px; color: #999; text-align: center; line-height: 45px; cursor: pointer; }
    .mobile-menu-buttons a.menu { width: 49%; margin-right: 1%; }
    .mobile-menu-buttons i { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 24px 24px; margin-right: 10px; position: relative; top: 6px; }
    .mobile-menu-buttons i.menu { background-image: url(../images/retina/menu.png); }
    .mobile-menu-buttons i.contact { background-image: url(../images/retina/phone.png); }

    div.nav { margin-bottom: 20px; height: auto; background: none; display: none; }
    div.nav li { float: none; margin-bottom: 1px;  }
    div.nav li a { border: 0 !important; background: #fff; }
    div.nav ul ul { display: none; }

    .banner .flex-container { width: auto; height: auto; margin-right: 0; float: none; margin-bottom: 20px; }
    .banner p.flex-caption { width: auto; position: relative; bottom: auto; font-size: 24px; line-height: 24px; }
    .banner .slides a { position: relative; bottom: auto;  }
    .homepage-intro { width: auto; height:auto; float: none; margin-bottom: 20px; }

    .services { background: #fff; margin: 0 0 20px 0; padding: 20px; }
    .services .service { float: none; width: auto; margin: 0 !important; clear: both; }
    .services .service div.image { float: left; width: 30%; margin-right: 3%; }
    .services .service div.image img { width: 100%; }
    .services .service div.info { float: left; width: 67%; }
    .services .service div.info ul { margin-bottom: 20px; }

    .subscribe-panel p { margin-bottom: 15px; }
    .subscribe-panel label { font-size: 14px; }
    .subscribe-panel form div.gform_body > ul > li { float: none; margin: 0 0 15px 0; width: 100%; }
    .subscribe-panel form div.gform_body { display: block; }
    .subscribe-panel input[type="text"],
    .subscribe-panel input[type="email"] { width: 96% !important; padding: 10px 2%; }
    .subscribe-panel .gform_footer { float: none; margin-top: 0; }

    .help { padding-bottom: 20px; }
    .help div { float: none; margin: 0 0 20px 0 !important; width: auto !important; height: auto !important; }

    .footer { padding-bottom: 60px; }
    .footer .footer-details { float: none; width: auto; font-size: 12px; line-height: 18px; }
    .footer ul.sitemap li { float: none; padding: 5px 0; border: 0; }
    .footer .footer-contact-details { float: none; }
    .footer .contact-link { float: none; margin: 0 0 20px 0; font-size: 18px; line-height: 18px; display: block; padding: 10px 0 10px 15px; background-position: left center; margin: 15px 0; }
    .footer ul.social-media { float: none; margin: 0 0 20px 0; }
    .social-media li { margin: 0 5px 0 0;}
    .footer a.workhouse { display: block; margin-left: 0; }

    .inner .primary,
    .secondary { width: auto; float: none; }
    .inner .primary { margin-bottom: 20px; }
    .inner .banner-inner img { width: 100%; line-height: 0; }
    .inner .banner-inner { height: auto; line-height: 0; }
    .inner .banner-inner h1,
    .inner .banner-inner h2 { position: relative; padding: 15px; }
    .inner .content { margin: 30px 15px; }

    .blog-item h2 span,
    .vacancy-item h2 span { display: block; width: auto; }

    table#contact td { width: 100%; display: block; border: 0; padding: 0; }

    .location-map { width: auto; height: auto; background: none; margin-bottom: 30px; }
    .location-map a { text-indent: 0; width: auto !important; height: auto !important; opacity: 1 !important; position: relative; top: auto !important; left: auto !important; background: none !important; }
    .location-map ul { list-style: none; margin-left: 15px; }
    .location-map ul li { background: url(../images/arrow-subnav.png) left 5px no-repeat; padding-left: 16px; }

    .content input[type="text"],
    .content input[type="email"],
    .content textarea,
    .content select, .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select, .gform_wrapper .ginput_complex .ginput_right input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex .ginput_right input[type=email], .gform_wrapper .ginput_complex .ginput_right input[type=tel], .gform_wrapper .ginput_complex .ginput_right input[type=number], .gform_wrapper .ginput_complex .ginput_right input[type=password], .gform_wrapper .ginput_complex .ginput_right select {
        width: 93% !important; padding: 8px 3%;
    }
    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right { float: none; width: auto; }

    .retirement-village-map  { width: auto; height: auto; background: none; padding: 0; }
    .retirement-village-map ul.map-links { display: none; }

    .home-care-map .australia { display: none; }

    .content.property .heading .price { float: none; margin-bottom: 5px; }
    .property-list .item .image { width: 100%; float: none; margin-bottom: 15px; }
    .property-list .item .info { float: none; width: auto; }
    .content.property .property-details span.property-type { display: block; float: none; line-height: 14px; }
    .property-info .description #map { margin-bottom: 30px; }
    .property-info .rep-enquiry,
    .property-info .description { float: none; width: auto; }
    #property-slider { height: auto; }

    .inner .tertiary,
    .inner .columnsx2 .content { float: none; width: auto; }
    .inner .tertiary { margin: 15px; }

    .content table td { height: 32px; }
    table#contact td { height: auto; }

    .content table td.second { padding-left: 10px; }

    .content img.alignright,
    .content img.alignleft { max-width: 150px; height: auto; }


    .careers-list .other-row { clear: both; }
    .careers-list .other-row div.left-side,
    .careers-list .other-row div.right-side { float: none; width: 100%; }

    /* Care Finder */
    .navigator iframe { height: 1340px !important; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {




}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .services .service div.image { display: none; }
    .services .service div.info { float: none; width: auto; }

    .help .help-search form { width: 230px; }
    .help .help-search input[type="text"] { width: 140px;}

    body.page-id-163 .content img.alignright { width: 80px; }

    .content img.alignright,
    .content img.alignleft { max-width: 100px; }


}
