@media only screen 
and (max-device-width : 360px) {
    #login .panel {
        width : 360px;
        margin-left:0px;
        margin-right:0px;
        left:0px;
    }
}

@media only screen 
and (max-device-width : 320px) {
    #login .panel {
        width : 320px;
        margin-left:0px;
        margin-right:0px;
        left:0px;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 400px) {	
   	#activationFieldset {
    	width : 300px;
    }	
}

@media only screen 
and (min-device-width : 410px) 
and (max-device-width : 510px) {
   	#activationFieldset {
    	width : 400px;
    }	
}

@media only screen 
and (min-device-width : 560px) 
and (max-device-width : 650px) {
   	#activationFieldset {
    	width : 500px;
    }	
}

@media only screen 
and (min-device-width : 660px) {
   	#activationFieldset {
    	width : 640px;
    }	
}

@media only screen
and (min-device-height : 500px) 
and (max-device-height : 575px) {	
	header#topbanner {
		min-height : 3px;
	}
}

@media only screen
and (min-device-height : 576px) 
and (max-device-height : 700px) {	
	header#topbanner {
		min-height : 25px;
	}
}