/* CSS for serving the retina image to devices with a high "device-pixel-ratio" */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
}

.grid_6 img{
    width: 100%;
}

@media only screen and (max-width: 767px) and (min-width: 480px){
    .people_person{
        padding-right: 15px;
    }
    .people_person h2{
       margin-top: 15px;
    }
}


/*  EXTRA-LARGE (XL) Grid: 1200px+
    ---------------- */
@media only screen and (min-width: 1200px) {
    .banner_widgets .banner_widgets_title {
        margin: 0 0 30px;
    }

    .inner_page_panel .parallax_banner{
        background-size: cover!important;
    }
    #header #mainNav li a {
        font-size: 14px;
    }
}

/*  LARGE (L) Grid: 1024px - 1199px
    ---------------- */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .banner_widgets .banner_widgets_title {
        margin: 0 0 20px;
    }
    .split .imageVerification input, .split .imageVerification input[type="text"] {
        width: 51%;
        margin-right: 0;
    }



}

/*  MEDIUM (M) Grid: 768px - 1023px
    ---------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

    h1 {
        font-size: 39px;
        line-height: 48px;
    }

    /* Defaults */
    .large_desc_text {
        font-size: 16px;
        line-height: 22px;
    }

    /* Widgets */
    .widget_form_row label {
        width: 100%;
        display: block;
    }

    .widget_form_input {
        width: 100%;
    }

    /* Gallery */
    /* Categories */
    #content .gallery_cat_list li {
        margin-bottom: 10px;
    }

    #content .gallery_cat_list li a {
        width: 100%;
    }

    #content .gallery_cat_list li a:hover {
        width: 100%;
        margin: 0;
    }

    .gallery_cat_list li a:hover .gallery_title_label {
        font-size: 14px;
        line-height: 17px;
        font-weight: bold;
        height: 135px; /* Change the height to the height of the image */
    }

    /* Thumbs */
    #content .gallery_thumbs li,#content .gallery_thumbs li.gallery_last {
        width: 32.6%;
        margin-right: 1%;
    }

    #content .gallery_thumbs li.gallery_tab_last {
        margin-right: 0;
    }

    /* Book Now */
    .book_button_container .button {
        font-size: 18px;
        padding: 14px 17px!important;
    }

    /* Header */
    #navigation {
        margin-top: 27px;
        margin-left: 20px;
    }
    #header a.logo {
        background-size: 100% auto;
        width: auto;
    }
    #header #mainNav li a {
        font-size: 10px;
    }

    #header .book_button_container .button {
        font-size: 13px;
        padding: 14px 10px!important;
    }
    #header .book_button_container {
        margin-top: 10px;
    }
    #mainNav li:hover ul, #mainNav li.sfHover ul {
        top: 63px;
    }

    /* Home Page */
    .homeContent {
        margin-top: 0px;
    }
    .banner_widgets .banner_widgets_title {
        margin: 0 0 14px;
    }
    .largeHomeBanner_desc {
        padding: 35px 0;
    }
    #homeBanner ul.slides > li {
        height: 700px;
        background-size: auto 700px;
    }
    .video_heading h2{
        font-size: 30px;
    }
    .video_heading p{
        font-size: 23px;
    }

    /* 3x featured banners */

    .banner_widgets .banner_widgets_title h2 {
        font-size: 21px;
    }
    .banner_widgets .banner_widgets_title {
        padding: 15px;
    }
    .banner_widgets .banner_widgets_title p {
        font-size: 11px;
    }


    /* Parallax Template */
    .inner_page_panel .parallax_banner {
        min-height: 428px;
        background-size: auto 250%;
    }

    /* Inner template & large Banner Template */
    .fixed_scroll_banner {
        height: 360px;
        position: relative!important;
        background-size: auto 360px;
    }
    .content_slide {
        top: 0;
    }
    .fixed_scroll_banner.large {
        height: 460px;
        background-size: auto 460px;
    }
    .content_slide.large {
        top: 0px;
    }

    /* Contact Details Widget */

    .contact_details_widget .contact_column {
        width: 69%;
    }
    .contact_details_widget .contact_column.small {
        width: 26%;
    }

    /* Long time leasing */

    .split .date_picker {
        width: 89%;
        margin-right: 2%;
    }
    .split .imageVerification input, .split .imageVerification input[type="text"] {
        width: 61px;
    }

}

/*  Phone - all mobile sizes < 767px
    ---------------- */
@media only screen and (max-width: 767px) {
    button, .button {
        white-space: nowrap;
    }
    html, body {
        font-size: 14px;
        line-height: 20px;
    }

    #homePage #menu_mobile {
        display : none;
    }

    .form_label {
        width   : auto;
        padding : 0;
    }

    .form_required {
        width   : 5%;
        padding : 5px 0 0 10px;
    }

    .form_field {
        width      : 100%;
        float      : none;
        margin-top : 0;
    }
    #header_fixed_height {
        height: 50px;
        display: none;
    }
    #header {
        z-index: 1;
        height  : 50px;
        padding : 0;
        position: relative;
        margin-bottom : 0px;
    }

    #header a.logo {
        height          : 50px;
        width           : 100px;
        background-size : 100% auto;
        float           : left;
        margin-bottom   : 0;
        margin-top: 10px;
    }

    /* Gallery */
    .gallery_desc {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .gallery_share_container {
        margin-top: 0px;
    }
    #copy #gallery_thumbs li {
        width: 49%;
        margin: 7px 2% 0 0;
    }
    #copy #gallery_thumbs li.mob_last_thumbnail {
        margin-right: 0;
    }

    /* Footer */
    .copyright_info ul.footerNav {
        display: block;
    }

    /* Home Page */
    .homeContent #copy {
        width: 100%;
    }
    .home_social_share {
        width: 100%;
    }

    .banner_widgets_container, .banner_widgets_container.center {
        width: 100%;
        margin: 0 0;
        float: none;
    }
    .banner_widgets {
        background: #f4f4f5;
    }
    .banner_widgets .banner_widgets_img, .banner_widgets .banner_widgets_title{
        max-height: 69px;
    }
    .banner_widgets .banner_widgets_img {
        float: left;
        width: 40%;
        max-width: 167px;
        padding-top: 0;
    }
    .follow_us_widget .social_icons {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner_widgets .banner_widgets_title {
        padding: 11px;
        float: left;
        width: 54%;
        margin-bottom: 0;
    }
    .banner_widgets .banner_widgets_title h2 {
        font-size: 14px;
    }
    .banner_widgets .banner_widgets_title h2 i {
        display: none;
    }
    .banner_widgets .banner_widgets_title p {
        font-size: 12px;
    }

    .large_featured_widget_container {
        margin-top: 21px;
        width: 47%;
    }
    .large_featured_widget_container.last {
        margin-left: 5%;
    }
    .large_featured_widget_container .large_featured_widget_title {
        min-height: 155px;
    }
    .large_featured_widget_container .large_featured_widget_title {
        font-size: 13px;
        line-height: 21px;
    }
    #homeBanner ul.slides > li {
        height: 500px;
        background-size: auto 500px;
    }
    .video_heading h2{
        font-size: 25px;
        line-height: 28px;
    }
    .video_heading p{
        font-size: 20px;
        line-height: 24px;
    }
    .video_heading {
        display: none;
    }
    #content.large_banner_template h1 {
        font-size: 45px;
        line-height: 51px;
        margin-bottom: 10px;
    }
    #content.large_banner_template h2 {
        font-size: 32px;
        line-height: 33px;
    }

    /* Footer */

    .footer_menu {
        margin-bottom: 12px;
    }
    #footer .copyright_info, #footer .footer_social  {
        text-align: center;
    }



    /* Parallax Template */
    .inner_page_panel .parallax_banner {
        min-height: 392px;
        background-size: cover;
    }
    .inner_page_panel .parallax_content h2 {
        font-size: 45px;
        line-height: 54px;
        margin-bottom: 15px;
    }
    .inner_page_panel .parallax_heading h2 {
        color: #fff;
        font-size: 45px;
        line-height: 54px;
    }
    .inner_page_panel .parallax_content h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }


    /* Inner template & large Banner Template */
    .fixed_scroll_banner {
        position: relative;
        height: 260px;
        background-size: auto 260px;
    }
    .content_slide {
        top: 0;
    }
    .fixed_scroll_banner.large {
        height: 360px;
        background-size: auto 360px;
    }
    .content_slide.large {
        top: 0;
    }

    /* Lont time leasing form */

    .split .date_picker {
        width: 90%;
        margin-right: 2%;
        float: left;
    }
    .split .imageVerification input, .split .imageVerification input[type="text"] {
        width: 100%;
        margin-top: 10px;
    }


}


/*  SMALL (S) Grid: 480px - 767px
    ---------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/*  EXTRA-SMALL (XS) Grid: < 479px
    ---------------- */
@media only screen and (max-width: 479px) {

    h1 {
        font-size: 32px;
        line-height: 38px;
    }

    #content {
        text-align: center;
    }

    /* Gallery */
    #copy #gallery_thumbs li {
        margin-top: 3px;
    }

    /* Home Page */
    .homeContent #copy, .follow_us_widget, .largeHomeBanner_desc, #footer .footer_menu li, #footer .footer_menu h2, #footer .copyright_info, #footer .footer_social {
        text-align: center;
    }

    .banner_widgets_container, .banner_widgets_container.center {
        width: 100%;
        margin: 0 0;
        float: none;
    }
    .banner_widgets .banner_widgets_title, .banner_widgets .banner_widgets_img {
        width: auto;
        text-align: center;
        max-height: none;
    }
    .banner_widgets .banner_widgets_img {
        max-width: none;
    }
    .banner_widgets .banner_widgets_title {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .banner_widgets .banner_widgets_title h2 {
        padding-right: 0;
    }
    .large_featured_widget_container {
        width: 100%;
        margin-bottom: 21px;
    }
    .large_featured_widget_container.last {
        margin-left: 0%;
        margin-top: 0px;
    }
    .large_featured_widget_container .large_featured_widget_title {
        min-height: 0;
    }
    #footer .footer_social a.ic {
        margin: 0 3px;
    }
    #homeBanner ul.slides > li {
        height: 400px;
        background-size: auto 400px;
    }

    /* Parallax Template */
    .inner_page_panel {
        text-align: center;
    }
    .inner_page_panel .parallax_banner {
        min-height: 340px;
        background-size: auto 100%;
    }
    .inner_page_panel .parallax_heading {
        margin-top: 0;
        height: 340px;
        position: relative;
    }
    .inner_page_panel .parallax_content h2 {
        font-size: 40px;
        line-height: 49px;
        margin-bottom: 15px;
    }
    .inner_page_panel .parallax_heading h2 {
        color: #fff;
        font-size: 40px;
        line-height: 49px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .inner_page_panel .parallax_content h3 {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 10px;
    }


    /* Blog listing */
    .blogListingContainerWImage, .blogListingThumb {
        float: left;
        width: 100%;
        text-align: center;
    }
    .blogListingThumb {
        margin-bottom: 20px;
    }
    .book_button_container.white {
        text-align: center;
        float: none;
        display: inline-block;
    }

    /* Inner template & large Banner Template */
    #content.views_template h1, #content.inner_template h1 {
        font-size: 43px;
        line-height: 51px;
        margin-bottom: 0;
    }
    #content.inner_template {
        padding: 40px 0;
    }
    #content.views_template h2, #content.inner_template h2 {
        font-size: 31px;
        line-height: 36px;
    }
    .fixed_scroll_banner {
        height: 190px;
        background-size: auto 190px;
    }
    .fixed_scroll_banner.large {
        height: 250px;
        background-size: auto 250px;
    }


    /* Contact Page */
    .contact_map iframe{
        height: 300px;
    }


    /* Youtube Video */
    #home_video_banner, #embedded_video {
        height: 359px;
    }
    /* Long time leasing page */

    .split {
        width: 100%;
        float: left;
    }
    .split h3 {
        clear: both;
    }
    .split.topmargin {
    }
    .mobilemargin {
        margin-top: 18px;
        clear: both;
    }
    .split .imageVerification input, .split .imageVerification input[type="text"] {
        width: 100%;
        margin-top: 10px;
    }

    .split .date_picker {
        width: 90%;
        margin-right: 2%;
        float: left;
    }

    /* Footer */
    .copyright_info ul.footerNav {
        display: block;
    }
}