/*
   TEMPLATE RESPONSIVE STYLESHEET
*/

@media only screen and (max-width : 1225px) /* Website 1000px */
{
	
}

@media only screen and (max-width: 1018px) /* iPad */
{
    #container {padding-top:1.5%;}

    /* header */
    #header {display:none;}
    
    .header_mob {
        width:98%;
        margin-top:8px;
        display:inline-block;
    }
        
    .header_mob a {text-decoration:none;}

        .mob_logo {
            width:140px;
            margin:1px 0px 12px 6px;
            float:left;
        }

        .mob_flags{
            float:right;
        }

        .mob_toggle{
            padding:0px 10px;
            margin-top:20px;
            font-size:40px;
            float:right;
            clear:right;
        }

    /* General */
    #mainContent{width: 98%; margin: auto; float: none;}

    /* Navigation left */
    #navSearchContainer {display:none;}
}

@media only screen and (max-width : 767px) /* Android */
{
    /* Homepage */
    .googlePlusHome {display:none}

    /* Contact Page */
    .contactDetails {margin:0px auto 0px auto; float:none;}
    .officePhoto {margin:20px auto 0px auto; display:block; float:none;}

    /* Property Details */
    #mainPhoto {width:100%;}
    #details {width:100%; margin-top:6px;}
        .detailsName, .detailsValue{width:48.45%;}
    .SendPropertyToFriend {display:none;}
    
    /* Footer */
    .footerColumn {width:100%;}
        .footerColumn a{margin-right:5px; display:inline;}
	
}

@media only screen and (max-width:580px) /* Android & iPhone Middle */
{
    /* Categories */
    .article .description {margin-left:0px;}
    .article img {width:100%;}

    /* Search Results*/
    .resultsTitle{width:100%; margin-bottom:6px; text-align:center;}
    .resultsPrice{width:100%; text-align:center;}
    .searchResultsImg {
        width: 100%;
        margin: 0px;
        text-align: center;
        margin-bottom: 12px;
    }
    .summary {width:98%; padding:1%;}   

    /* Property Details */
    .photo, .plan{width: 100%; margin: 1% 0% 0px 0%;}
    .detailsName, .detailsValue{width:48%;}
}

@media only screen and (max-width:440px) /* iPhone */
{
    /* Property Details */
    .detailsName, .detailsValue{width:47%;}
}