@media(min-width:800px) /* media design or iPad - Landscape */
{
    .wrapper_property
    {
        width: 74%;
        *width: 73.78%;
    }

    .left_content_wrapper
    {
        width: 80.5%;
        float: left;
    }

    .header_wrapper
    {
        width: 99%;
        *width: 98.78%;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .nav_property
    {
        display: block;
    }
    
    .span1
    {
        float: right;
        width: 25%;
    }

    .span2
    {
        float: right;
        width: 70.9%;
        *width: 70.78%;
    }

    .span3
    {
        float: right;
        width: 18%;
        *width: 16.78%;
    }

}


@media(min-width:768px) and (max-width:979px)  /* media design for iPad - Portrait */
{
    .wrapper_property
    {
        width: 85%;
        *width: 84.78%;
    }

    .left_content_wrapper
    {
        width: 100%;
        float: left;
    }

    .header_wrapper
    {
        width: 85%;
        *width: 84.78%;
    }

    .nav_property
    {
        display: block;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .span1
    {
        float: right;
        width: 20%;
        *width: 19.78%;
    }

    .span2
    {
        float: right;
        width: 75%;
        *width: 74.78%;
    }

    .span3
    {
        float: left;
        width: 100%;
        display: block;
    }

}

@media(max-width:767px) /* media design for small tablet */
{
    .wrapper_property
    {
        width: 75%;
        *width: 74.78%;
    }

    .left_content_wrapper
    {
        width: 100%;
        float: left;
    }

    .header_wrapper
    {
        width: 75%;
        *width: 74.78%;
    }

    .nav_property
    {
        display: block;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .span1
    {
        float: right;
        width: 20%;
        *width: 19.78%;
    }

    .span2
    {
        float: right;
        width: 75%;
        *width: 74.78%;
    }

    .span3
    {
        float: left;
        width: 100%;
        display: block;
    }
}

@media(max-width:640px) /* media design for small tablet */
{
    .wrapper_property
    {
        width: 85%;
        *width: 84.78%;
    }

    .left_content_wrapper
    {
        width: 100%;
        float: none;
        display: block;
    }

    .header_wrapper
    {
        width: 85%;
        *width: 84.78%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        float: right;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        width: 96%;
        width*: 95.78%;
        display: block;
    }

    .span2
    {
        float: none;
        width: 96%;
        width*: 95.78%;
        display: block;
    }

    .span3
    {
        float: left;
        width: 100%;
        display: block;
    }

    .nav
    {
        display: none;
    }
}

@media(max-width:480px) /* media design for iphone */
{
    .wrapper_property
    {
        width: 95%;
        *width: 94.78%;
    }

    .left_content_wrapper
    {
        width: 100%;
        float: none;
        display: block;
    }

    .header_wrapper
    {
        width: 95%;
        *width: 94.78%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        float: right;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        width: 100%;
        display: block;
    }

    .span2
    {
        float: none;
        width: 96%;
        width*: 95.78%;
        display: block;
    }

    .span3
    {
        float: left;
        width: 100%;
        display: block;
    }

    .nav
    {
        display: none;
    }

}
@media(max-width:320px) /* media design for small phone */
{

    .wrapper_property
    {
        width: 95%;
        *width: 94.78%;
    }

    .left_content_wrapper
    {
        width: 100%;
        float: none;
        display: block;
    }

    .header_wrapper
    {
        width: 95%;
        *width: 94.78%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        float: right;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        width: 100%;
        display: block;
    }

    .span2
    {
        float: none;
        width: 94%;
        *width: 94.78%;
        display: block;
    }

    .span3
    {
        float: none;
        width: 100%;
        display: block;
    }

    .nav
    {
        display: none;
    }
}