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









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

    #logoarea a {
        margin-top:0.9em;
    }


    .boxHead {
        line-height: 1.5em;
        height:1.5em;
        font-size: 1.2em;
        box-sizing: border-box;
    }


}




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


   #logoarea a {
        margin-top:0.5em;
    }





}




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

    #logoarea a {
        margin-top:0.4em;
    }

}



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


    #logoarea a {
        margin-top:0.4em;
        padding:0.6em;
    }




}






/*  Next step  */
@media only screen and (max-width: 700px){


     #logoarea a {
        margin-top:0.2em;
    }



    #theMenu {
        display:none;
     }

    #boxHeadBtn {
        width:20%;
    }

    #mobMenu {
        position: fixed;
        top:0;
        left:0;
        width:100%;
        background-color: #000;
        height: 100%;
        z-index: 1000;
        opacity: 0.93;
        padding-top:5em;
        display: none;
    }

    #mobMenu a {
        padding:1.4em;
        text-align: center;
        width:80%;
        float:left;
        display: block;
        background-color: #EC5A5A;
        text-decoration: none;
        color: #FFF;
        margin-top:1.8em;
        margin-left:10%;
        box-sizing: border-box;


    }


    .gradeImage {
    max-width: 75%;
}


    .container {
        padding:2em 0em 0em 0em;
    }

   #logoarea img {
       width:50%;
       margin-left:25%;
    }





    #midContent {
        width: 94%;
        margin-left: 3%;
        margin-bottom: 2em;

    }

    #midAd {
        width: 94%;
        margin-left: 3%;
        margin-bottom: 2em;
        margin-top:3em;

    }


    .adExpl {
        width:100%;
    }


    .hideInMob {
        display:none;
    }

    .hideInComp {
        display:block;
    }






}



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


}