@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) {



}

*/