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

    .container_wrapper
    {
        width: 69.39%;
    }

    .header_property
    {
        width: 46%;
        height: 106px;
    }

    .header_text
    {
        font-size: 28px;
        
        width: 30%;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .nav_property
    {
        display: block;
    }

    .span1
    {
        
        width: 23%;
    }

    .span2
    {
        
        width: 50%;
    }

    .main_content .table_wrapper table tbody tr td a.button {
        font-size: 14px;
        padding: 5%;
    }

    .main_content {
        margin: 0 auto;
    }

    .padding_property
    {
        padding: 20px;
    }
}

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

    .container_wrapper
    {
        width: 85.39%;
    }

    .header_property
    {
        width: 40%;
        height: 82px;
    }

    .header_text
    {
        font-size: 25px;
        
        width: 30%;
    }

    .nav_property
    {
        display: block;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .span1
    {
        
        width: 23%;
    }

    .span2
    {
        
        width: 72.7%;
    }

    .main_content .table_wrapper table tbody tr td a.button {
        font-size: 14px;
        padding: 5%;
    }
    
    .padding_property
    {
        padding: 1.5%;
    }
}

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

    .container_wrapper
    {
        width: 75.39%;
    }

    .header_property
    {
        width: 46%;
        height: 70px;
    }

    .header_text
    {
        font-size: 24px;
        
        width: 27%;
    }

    .nav_property
    {
        display: block;
    }

    #mobile_nav
    {
        display: none;
    }

    #mobile_menu
    {
        display: none;
    }

    .span1
    {
        
        width: 23%;
    }

    .span2
    {
        
        width: 72.7%;
    }

    /*.main_content .table_wrapper table tbody tr td a.button {
        font-size: 14px;
        padding: 5%;
    }*/

    .padding_property
    {
        padding: 1.5%;
    }
}

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

    .container_wrapper
    {
        width: 80%;
    }

    .header_property
    {
        width: 100%;
        height: 100%;
    }

    .header_text
    {
        font-size: 22px;
        
        width: 30%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        display: block;
        verticle-align: bottom;
        width: 98%;
    }

    .span2
    {
        float: none;
        display: block;
        verticle-align: top;
        width: 100%;
    }

    .table_property
    {
        font-size: 11px;
    }

    /* .table_wrapper table td:nth-child(3),
     .table_wrapper table th:nth-child(3),
     .table_wrapper table td:nth-child(7),
     .table_wrapper table th:nth-child(7),
     .table_wrapper table td:nth-child(8),
     .table_wrapper table th:nth-child(8)
     {
         display: none;
     }

     .main_content .table_wrapper table tbody tr td a.button {
         font-size: 13px;
         padding: 4%;
     } */

    .padding_property
    {
        padding: 1.5%;
    }
}

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

    .container_wrapper
    {
        width: 90.39%;
    }

    .header_property
    {
        width: 100%;
        height: 100%;
    }

    .header_text
    {
        font-size: 16px;
        
        width: 30%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        display: block;
        verticle-align: bottom;
        width: 98%;
    }

    .span2
    {
        float: none;
        display: block;
        verticle-align: top;
        width: 100%;
    }

    .table_property
    {
        font-size: 10px;
    }

    /* .table_wrapper table td:nth-child(4),
    .table_wrapper table th:nth-child(4),
    .table_wrapper table td:nth-child(7),
    .table_wrapper table th:nth-child(7),
    .table_wrapper table td:nth-child(8),
    .table_wrapper table th:nth-child(8)
    {
        display: none;
    }

    .main_content .table_wrapper table tbody tr td a.button {
        font-size: 11px;
        padding: 3%;
    } */

    .padding_property
    {
        padding: 1.5%;
    }
}
@media(max-width:320px) /* media design for small phone */
{

    .header_wraper
    {
        width: 91%;
    }

    .container_wrapper
    {
        width: 90.39%;
    }

    .header_property
    {
        width: 100%;
        height: 100%;
    }

    .header_text
    {
        
        font-size: 16px;
        width: 30%;
    }

    .nav_property
    {
        display: none;
    }

    #mobile_menu
    {
        background-color: transparent;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #mobile_nav
    {
        display: block;
    }

    .span1
    {
        float: none;
        display: block;
        verticle-align: bottom;
        width: 98%;
    }

    .span2
    {
        float: none;
        display: block;
        verticle-align: top;
        width: 100%;
    }

    .table_property
    {
        font-size: 9px;
    }

    /* .main_content .table_wrapper table tbody tr td a.button {
         font-size: 10px;
         padding: 2%;
     } */

    .padding_property
    {
        padding: 1.5%;
    }
}