@charset "utf-8";

/* CSS Document mediastate.css*/



.state-indicator {

    position: absolute;

    top: -999em;

    left: -999em;

}

.state-indicator:before { content: 'desktop'; }



/* small desktop */

@media all and (max-width: 1200px) {

    .state-indicator:before { content: 'small-desktop'; }

}



/* tablet */

@media all and (max-width: 1024px) {

    .state-indicator:before { content: 'tablet'; }

}



/* mobile phone */

@media all and (max-width: 768px) and (orientation: landscape){

    .state-indicator:before { content: 'mobile landscape'; }

}


/* mobile phone */

@media all and (max-width: 480px) and (orientation: portrait){

    .state-indicator:before { content: 'mobile portrait'; }

}