/*iPad*/

@media only screen and (min-width: 481px) and (max-width: 768px) {

    body{
        width: 100%;
        height: 100%;
        min-height: 100vh;
    }

}



/* Smart Phone*/

@media only screen and (max-width: 480px) {


    body{
        width: 100%;
        height: 100%;
        min-height: 100vh;
    }


    #topArea{
        height: auto;
        min-height: 70vh;
        background-image: url("../images/contact/mobile_banner_1.jpg");
        background-position: bottom;
    }


    article .content{
        width: 100%;
        margin: 0px auto auto auto;
        text-align: left;
        float: none;


    }



    article .content .contentLeft{
        width: 70%;
        margin: 20px auto;
        display: block;
        float: none;
    }

    article .content .contentRight{
        width: 60%;
        margin: auto;
        display: block;
        float: none;
    }

    article .content .contentRight .contentTop{
        display: none;

    }



    article .content .contentRight .contentBottom{
        font-size: 14px;
        display: block;



    }

    .rwd_mobile{
        text-align: left;
        padding: 0 20px;
    }


    article .content textarea{

        width: 90%;
        min-width: 90%;
        min-height: 200px;
        max-height: 200px;
        max-width: 90%;

    }


    
    
    


}