﻿/*
   TEMPLATE RESPONSIVE STYLESHEET
*/

@media only screen and (max-width : 1176px) /* Website 1000px */
{
    .container {
        width: 1000px;
    }

    .title {
        width: 952px;
    }

    .sbHolder {
        width: 278px !important;
    }

    .search_top input[type="submit"] {
        width: 219px !important;
    }

    .search_top .Reference {
        width: 200px !important;
    }

    select {
        width: 219px;
    }

    .featured {
        width: 290px;
    }

    .featured_info {
        width: 183px;
    }

    .searchresults {
        width: 219px;
    }

    .searchresultsImg {
        height: 168px;
    }

    .title .info, .title .ref, .title .price {
        width: 315px;
    }

    .qr_code {
        width: 246px;
        text-align: center;
    }

    .agent {
        display: none;
    }

    .galleria_container {
        width: 718px;
    }

    .galleria-image {
        width: 735px !important;
        margin-left: 0px;
    }

    .galleria-thumbnails .galleria-image {
        width: 120px !important;
    }

    #galleria {
        width: 723px;
    }

    .galleria-container notouch {
        width: 708px !important;
    }

    .galleria-thumbnails img {
        width: 118px !important;
    }

    .property_spec .info {
        width: 197px;
    }

    .property_detail_links, .property_detail_enquire {
        width: 253px;
    }
}

@media only screen and (min-width: 1018px) {
    .searchresults:nth-child(4n){
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1018px) /* iPad */
{
    .container {
        width: 720px;
    }

    .title {
        width: 672px
    }

    .featured {
        display: none;
    }

    .AgentDirectory {
        width: 100%;
        margin: 1.4% 0% 1.5% 0%;
    }

    .searchresults {
        width: 210px;
    }

    .searchresultsImg {
        height: 154px;
    }

    .sbHolder {
        width: 200px !important;
        margin-left: 27px !important;
    }

    .search_top input[type="submit"] {
        width: 147px !important;
        margin-right: 25px !important;
    }

    .search_top .Reference {
        width: 129px !important;
    }

    select {
        width: 149px;
    }

    #galleria {
        width: 717px;
    }

    .galleria-image {
        width: 730px !important
    }

    .galleria-thumbnails .galleria-image {
        width: 125px !important;
    }

    .galleria-thumbnails img {
        width: 123px !important;
    }

    .title .info, .title .ref, .title .price {
        width: 223px;
    }

    .galleria_container {
        width: 716px;
        margin-bottom: 10px !important;
    }

    .qr_code {
        display: none;
    }

    .property_detail_links, .property_detail_enquire {
        width: 346px;
    }

    #print {
        display: none;
    }

    .property_spec {
        margin-top: 25px;
    }

        .property_spec .info {
            width: 143px;
        }

    .property_detail_links, .property_detail_enquire {
        margin: 13px 5px 0px 5px;
    }

    .searchresults:nth-child(3n) {
        margin-right: 0px;
    }

    .searchresults {
        margin-right: 17px;
    }
}

@media only screen and (max-width : 767px) /* Android */
{
    .container {
        width: 409px;
    }

    .title {
        width: 363px;
    }

    .logo {
        margin: 6px 0px 33px 85px;
    }

    .hide {
        display: none;
    }

    #contactus_nav {
        display: none;
    }

    #contactus_mob {
        display: block;
    }

    .AgentDirectory a {
        margin: 3% 0% 5% 4%;
    }

    .AgentDirectory img {
        border: none;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 3%;
    }

    .AgentDirectoryName {
        margin: 0% 0% 0% 4%;
    }

    .AgentDirectoryTel, .AgentDirectoryWeb {
        margin-left: 4%;
    }

    .AgentDirectory .link {
        display: inline;
    }


    .sbHolder {
        width: 174px !important;
        margin: 19px 0px 0px 19px !important;
    }

    .searchresults {
        width: 390px;
        margin-right: 0px;
    }

    .searchresultsImg {
        height: 253px;
    }

    .pages a {
        padding: 8px 6px;
    }

    .galleria_container {
        width: 407px;
        height: 362px;
        border: none;
    }

    #galleria {
        width: 406px;
        height: 360px;
        margin-top: 10px;
    }

    .galleria-image {
        width: 412px !important;
        height: 264px !important;
        margin-top: 0px;
    }

    .galleria-thumbnails .galleria-image {
        width: 130px !important;
    }

    .galleria-image-nav {
        top: 57%;
    }

    .galleria-image-nav-left {
        left: 39px !important;
    }

    .galleria-image-nav-right {
        right: 20px !important;
    }

    .galleria-images {
        left: 0px !important;
    }

    .galleria-container {
        height: 344px !important;
    }

        .galleria-container img {
            width: 100% !important;
            left: 0px !important;
        }

    .galleria-thumbnails {
        height: 91px !important;
    }

    .galleria-thumbnails-container {
        width: 405px;
        top: 264px !important;
        left: 0px;
    }

    .galleria-stage {
        height: 259px;
    }

    .title .info, .title .ref {
        width: 100%;
        text-align: center !important;
    }

    .title .ref {
        width: 100%;
    }

    .title .price {
        width: 364px;
        color: #980b1d;
        text-align: center;
    }

    .mob_property_detail_enquire {
        width: 100%;
        margin: 17px 0px 0px 0px;
        float: right;
        display: block;
        font-size: 17px;
        line-height: 64px;
        text-align: center;
        color: #FFF;
        border: solid 1px #CCC;
        background-color: #980b1d;
        background-image: url("/images/search_bg.jpg");
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    }

    .search_top {
        min-height: 256px;
    }

    select {
        width: 165px;
        margin: 28px 0px 0px 25px;
    }

    .search_top .Reference {
        width: 146px !important;
        margin: 25px 0px 0px 26px !important;
    }

    .search_top input[type="submit"] {
        width: 164px !important;
        margin: 24px 29px 0px 0px !important;
    }

    .navigation {
        margin: 2px 83px 22px 0px;
        float: right;
    }

        .navigation a img {
            width: 45px;
        }

    .search_top_tab, .search_top_tab_selected {
        width: 49.7%;
    }

    .property_detail_links, .property_detail_enquire {
        width: 100%;
        margin: 17px 0px 0px 0px;
    }

    .property_spec .info {
        width: 50%;
    }
}

@media only screen and (max-width : 480px) /* iPhone */
{
    .container {
        width: 300px;
    }

    .title {
        width: 249px;
    }

    .navigation {
        width: 280px;
        margin: 2px 0px 22px 14px;
        display: inline-block;
        float: none;
    }

    .logo {
        width: auto;
        margin: 3px 0px 31px 26px;
    }

    .search_top .Reference {
        width: 102px !important;
    }

    .search_top input[type="submit"] {
        width: 260px !important;
    }

    .pages a {
        padding: 8px 2px;
    }

    .searchresults {
        width: 277px;
        margin-right: 0px;
    }

    .searchresultsImg {
        height: 188px;
    }

    .galleria_container {
        width: 298px;
        height: 292px;
        margin-top: 0px;
        border: none;
    }

    #galleria {
        width: 298px;
        height: 292px;
        border: none;
    }

    .galleria-stage {
        height: 214px;
        top: 0px;
        right: 0px;
        left: 0px;
    }

    .galleria-thumbnails .galleria-image img {
        height: 73px !important;
    }

    .galleria-container {
        height: 313px;
    }

    .galleria-images.galleria-image {
        left: 0px !important;
    }

    .galleria-image-nav-left {
        left: 14px !important;
    }

    .galleria-image-nav-right {
        right: 0px !important;
    }

    .galleria-stage {
        top: 0px;
        right: 0px;
        left: 0px;
    }

    .galleria-thumbnails-container {
        top: 215px !important;
        left: 0px;
        width: 298px;
    }

    .galleria-thumbnails .galleria-image {
        width: 94px !important;
        margin-top: 0px;
    }

    .galleria-image {
        width: 303px !important;
        height: 207px !important;
    }

    .title .info, .title .ref, .title .price {
        width: 248px;
        text-align: center !important;
    }

    .sbHolder {
        width: 119px !important;
    }

    select {
        width: 125px;
        margin: 23px 0px 0px 17px;
    }

    .search_top {
        min-height: 233px;
    }

        .search_top .Reference {
            width: 106px !important;
            margin: 24px 0px 0px 18px !important;
        }

        .search_top input[type="submit"] {
            width: 124px !important;
            margin: 23px 17px 0px 0px !important;
        }

    .search_top_tab, .search_top_tab_selected {
        width: 49.5%;
    }
}
