/*tablet*/
@media only screen and (min-width: 571px) and (max-width:780px) {

    #PhoneTemplate {
        display: none;
    }

    #TabletTemplate {
        display: inline;
    }

    #PcTemplate {
        display: none;
    }

   
     .LoginInfoContainer {
        position: relative;
        height: 106px;
    }
      .loginInfo1 {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .AdminHeader {
        display:inline-block;
	font-family:Arial;
	font-weight:bolder;
	color:White;
    font-size:x-large;
    padding-right:20px;
    padding-bottom:20px;
    }



      .MenuIcon {
        position: absolute;
        top: 5px;
        right: 20px;
        font-size:1.5em;
        color:white;
    }
        .MenuIcon A:hover {
            text-decoration:none;
            color:white;
        }
            .MenuIcon A {
            text-decoration:none;
            color:white;
        }



  
}


@media only screen and (min-width: 350px) and (max-width:968px) {

    #TabletTemplatePublic {
        display: inline;
    }

    #PhoneTemplatePublic {
        display: none;
    }


    #PcTemplatePublic {
        display: none;
    }



    .MenuIconPublic {
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 3.5em;
        color: white;
    }

        .MenuIconPublic A:hover {
            text-decoration: none;
            color: white;
        }

        .MenuIconPublic A {
            text-decoration: none;
            color: white;
        }
}