@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id: screen.responsive.css 1089 2011-10-07 08:49:23Z hieblmedia $
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

/* Generic example to linearize subtemplates on small screens */
/*
@media only screen and (max-width : 775px) {
  .subcolumns { display: block; }
  .subcolumns > div { display: block; float: none; width: auto; }
  .subcolumns > div > div { padding: 0; margin: 0; }
}
*/

/*
 * -----------------------------------------------------------------------------
 *
 * Tip: To prevent user scaling(auto zoom) on the most common smartphones you must add following line in the html head
 * <meta name="viewport" content="width=device-width, initial-scale=1.0">

 * Here you can find some further useful informations: http://html5boilerplate.com/mobile
 */


/*
 * -----------------------------------------------------------------------------
 *
 * Some other 'basic' media query examples for different device and screen sizes
 */

/* Smartphone Generic (portrait and landscape) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}
*/

/* Smartphone Generic (only landscape) */
/*
@media only screen and (min-width : 321px) {

}
*/

/* Smartphone Generic (only portrait) */
/*
@media only screen and (max-width : 320px) {

}
*/

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

}
*/

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

}
*/

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

}
*/

/* Small screen */
/*
@media only screen and (max-width : 1024px) {

}
*/

/* Very large screen */
/*
@media only screen and (min-width : 1824px) {
  body {background: green; }
}
*/

/* iPhone 4+ and other high pixel ratio devices */
/*
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio : 1.5) {

}
*/