/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

@media only screen and (min-width: 1920px) {
	
}

@media screen and (max-device-width: 768px) and (orientation: portrait) {
    
}

@media screen and (max-device-width: 640px) and (orientation: landscape) {
    
}

/* iPad with landscape */
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
   
}

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

/*
 * XS
 */
@media only screen and (max-width: 767px) {
    .header{height:200px;padding:10px 14px;position:relative;}
    .add_user { padding-top:30px; margin: 0 auto; width: 100%;}
}

@media only screen and (max-width:359px) {
    .header{height:200px;padding:10px 14px;position:relative;}    
    .add_user { padding-top:30px; margin: 0 auto; width: 100%;}
}