html{
	-webkit-text-size-adjust: none;
}



/* Mid-version */
@media only screen and (max-width: 1000px){

    #topimage{
        height:350px;
    }



}

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



}


/* Mid-version step 2 */
@media only screen and (max-width: 800px){


    #topimage{
        height:300px;
    }

    #logotype {
        width:35%;
    }







}


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



    #topimage{
        height:270px;
    }

    .mainForm {
        padding-top:2.7em;
    }

}



/* Small version */
@media only screen and (max-width: 600px){



.containBoxLeft {
    width:96%;
    margin:0 0 0 2%;
    min-height:1em;
     padding:1em 2% 4em 2%;
}
.containBoxRight{
     width:96%;
    margin:0 0 0 2%;
    min-height:1em;
    padding:1em 2% 4em 2%;
}

.placeBtm {

    position: absolute;
    left:2%;
    width:96%;
    padding:3%;

}

    #topimage{

        background-image: url('/design/start_mob.jpg');

        height:12em;
        background-size: contain;

    }



    #logotype {
        width:100%;

    }

    body {
        margin-bottom:5em;
    }


    .toplink {
        float:right;
        width:49%;
        margin: 0% 0.5% 2% 0.5%;
        box-sizing: border-box;
        font-size:1em;
        padding:2.5% 2% 2.5% 2%;
        text-align: center;

    }





    .full_top {
        background-color: #FFF;
        border-bottom:none;
    }

    #container{

        margin: 0px auto;
    }





    #footer {
        margin-top:2%;
        padding-bottom:4em;
    }






    .footMid {
        width:100%;
    }



    .content {
        width:100%;
        margin:3% 0% 3% 0%;
        padding: 0% 2% 0% 2%;
    }





    .hideInMob {
        display:none;
    }

    .hideInComp {
        display:block;
    }










    .boxpad_full {
        padding:0% 0% 0% 0%;
    }

    .overContent {          /* Boxed or not - NOT in mobile */
        background-color:#FFF;
        padding:0% 0% 0% 0%;
        border: none;
    }






}