@media only screen and (min-device-width : 481px)  {
#top_logo {
	display: block;
 }
#top_small {
	display: none;
}
#nameLblSmall{
	display: none;
 }
#pwdLblSmall{
	display: none;
 }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px){
#top_small {
	display: block;
}
#nameLblSmall{
	display: none;
 }
#pwdLblSmall{
	display: none;
 }
#top_logo {
	display: none;
 }
#keyImg{
	display: none;
 }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#top_logo {
	display: none;
}
#top_small {
	display: block;
}
#today {
	display: none;
}
#help{
	display: none;
 }
#helpdesk{
	display: none;
 }
#keyImg{
	display: none;
 }
#nameLabel{
	display: none;
 }
#nameLblSmall{
	display: block;
 }
#loginName{
	width: 250px;
 }
#pwdLabel{
	display: none;
 }
#pwdLblSmall{
	display: block;
 }
#loginButt{
	background: #3232AA;
width:250px;
 }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* iPad 3 (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPad 3 (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}