/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2013-05-01 11:25:09 */
/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1280px <= width */
@media only screen and (min-width: 1280px) {
    /* Header
    	-------------------------------------------------------------- */
    .header .logo {
        max-width: 350px
        }
    /* Cart
    	-------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 110px
        }
    /* Misc
    	-------------------------------------------------------------- */
    /* Mini cart */
    .after-mini-cart {
        clear: none
        }
    /* Item grid: number of columns
    	-------------------------------------------------------------- */
    /* Item grid: 2 columns */
    .itemgrid-2cols .item {
        width: 31.333%;
        clear: none !important
        }
    .itemgrid-2cols .item:nth-child(3n+1) {
        clear: left !important
        }
    /* Item grid: 3 columns */
    .itemgrid-3cols .item {
        width: 23%;
        clear: none !important
        }
    .itemgrid-3cols .item:nth-child(4n+1) {
        clear: left !important
        }
    /* Item grid: 4 columns */
    .itemgrid-4cols .item {
        width: 18%;
        clear: none !important
        }
    .itemgrid-4cols .item:nth-child(5n+1) {
        clear: left !important
        }
    /* Item grid: 5 columns */
    .itemgrid-5cols .item {
        width: 14.667%;
        clear: none !important
        }
    .itemgrid-5cols .item:nth-child(6n+1) {
        clear: left !important
        }
    /* Item grid: 6 columns */
    .itemgrid-6cols .item {
        width: 12.286%;
        clear: none !important
        }
    .itemgrid-6cols .item:nth-child(7n+1) {
        clear: left !important
        }
    /* Item grid: 7 columns */
    .itemgrid-7cols .item {
        width: 10.5%;
        clear: none !important
        }
    .itemgrid-7cols .item:nth-child(8n+1) {
        clear: left !important
        }
    /* xxx
    	-------------------------------------------------------------- */
    .in-col1 .itemslider-x .slides > li {
        width: 168px !important
        }
    .in-col1 .itemslider-x {
        max-width: 1128px
        }
    /*6*/
    /* Inside main column in 2-col layout */
    .in-col2 .itemslider-x .slides > li {
        width: 162px !important
        }
    .in-col2 .itemslider-x {
        max-width: 910px
        }
    /*5*/
    /* Inside main column in 3-col layout */
    .in-col3 .itemslider-x .slides > li {
        width: 140px !important
        }
    .in-col3 .itemslider-x {
        max-width: 640px
        }
    /*4*/
    /* In up-sell */
    .box-up-sell.in-col2 .itemslider-x .slides > li {
        width: 155px !important
        }
    .box-up-sell.in-col2 .itemslider-x {
        max-width: 875px
        }
    /*5*/
    /* Cloud zoom
    	-------------------------------------------------------------- */
    .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {
        max-width: 316px
        }
    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none
        }
    /* Slideshow caption
    	-------------------------------------------------------------- */
    .caption .heading {
        font-size: 3.3em
        }
    .caption p {
        font-size: 1.6666em
        }
    }
/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    /* Cart
    	-------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 80px
        }
    /* xxx
    	-------------------------------------------------------------- */
    /* Inside main column in 2-col layout */
    .in-col2 .itemslider-x .slides > li {
        width: 155px !important
        }
    .in-col2 .itemslider-x {
        max-width: 700px
        }
    /*4*/
    /* Inside main column in 3-col layout */
    .in-col3 .itemslider-x .slides > li {
        width: 134px !important
        }
    .in-col3 .itemslider-x {
        max-width: 462px
        }
    /*3*/
    }
/* Design for a width of 960-1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 960px <= width < 1024px */
@media only screen and (min-width: 960px) and (max-width: 1023px) {
    /* xxx
    	-------------------------------------------------------------- */
    .in-col1 .itemslider-x .slides > li {
        width: 156px !important
        }
    .in-col1 .itemslider-x {
        max-width: 880px
        }
    /*5*/
    /* Inside main column in 2-col layout */
    .in-col2 .itemslider-x .slides > li {
        width: 168px !important
        }
    /*MORE*/
    .in-col2 .itemslider-x {
        max-width: 564px
        }
    /*3*/
    /* Inside main column in 3-col layout */
    .in-col3 .itemslider-x .slides > li {
        width: 168px !important
        }
    /*MORE*/
    .in-col3 .itemslider-x {
        max-width: 376px
        }
    /*3*/
    }
/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 960px */
@media only screen and (max-width: 959px) {
    /* Hide amount. Note: has to be defined after aligning ".amount" center */
    .toolbar .sorter .amount {
        display: none !important
        }
    /* Other
    	-------------------------------------------------------------- */
    #scroll-to-top {
        display: none !important
        }
    }
/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Default Magento classes
    	-------------------------------------------------------------- */
    .nobr {
        white-space: normal !important
        }
    /* Cart
    	-------------------------------------------------------------- */
    .cart-table .product-name {
        font-size: 1em
        }
    .cart-table .product-image {
        max-width: 80px
        }
    /* Item grid: number of columns
    	-------------------------------------------------------------- */
    /* Always show 2 columns */
    .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item {
        width: 48%;
        clear: none !important
        }
    /* Clear every first item in each row (group of n items) */
    .itemgrid-2cols .item:nth-child(2n+1), .itemgrid-3cols .item:nth-child(2n+1), .itemgrid-4cols .item:nth-child(2n+1), .itemgrid-5cols .item:nth-child(2n+1), .itemgrid-6cols .item:nth-child(2n+1), .itemgrid-7cols .item:nth-child(2n+1) {
        clear: left !important
        }
    /* xxx
    	-------------------------------------------------------------- */
    .in-col1 .itemslider-x .slides > li {
        width: 160px !important
        }
    .in-col1 .itemslider-x {
        max-width: 722px
        }
    /*4*/
    /* Inside main column in 2-col layout */
    .in-col2 .itemslider-x .slides > li {
        width: 155px !important
        }
    .in-col2 .itemslider-x {
        max-width: 525px
        }
    /*3*/
    /* Cloud zoom
    	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {
        max-width: 158px !important
        }
    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav {
        display: block
        }
    /* Items grid: in category view
        -------------------------------------------------------------- */
    /* Hide button completely despite it is on item hover */
    .category-products-grid.itemgrid-6cols .item:hover .btn-cart {
        display: none
        }
    /* Slideshow caption
    	-------------------------------------------------------------- */
    .caption .heading {
        font-size: 2.0833em
        }
    .caption p {
        font-size: 1.1666em
        }
    }
/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 768px <= width */
@media only screen and (min-width: 768px) {
    /* xxx
    	-------------------------------------------------------------- */
    .in-sidebar .itemslider-x .slides > li {
        width: 168px !important
        }
    .in-sidebar .itemslider-x {
        max-width: 188px
        }
    /*1*/
    /* Product page
    	-------------------------------------------------------------- */
    /* Itemslider: float left if 1, 2 or 3 items */
    .box-up-sell .itemslider-q.count-1, .box-up-sell .itemslider-q.count-2 {
        margin-left: 0;
        margin-right: auto
        }
    }
/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 768px */
@media only screen and (max-width: 767px) {
    /* Grid and basic layout
    	-------------------------------------------------------------- */
    /* Margin for basic Magento columns */
    .col-main, .col-left, .col-right {
        margin-bottom: 30px
        }
    /* Product view:
    		   margin for all grid units */
    .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 {
        margin-bottom: 30px
        }
    /* Magento utility classes
    	-------------------------------------------------------------- */
    .nobr {
        white-space: normal !important
        }
    /* Forms
    	-------------------------------------------------------------- */
    .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select {
        max-width: 100%
        }
    /* Tables
    	-------------------------------------------------------------- */
    .data-table thead .nobr {
        white-space: normal !important
        }
    .data-table th, .data-table td {
        padding: 5px
        }
    /* Data tables formatting
    	-------------------------------------------------------------- */
    /* Basic formatting */
    .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead {
        display: none
        }
    .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody {
        background: transparent !important
        }
    .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td {
        border: none !important;
        background: transparent !important;
        display: block;
        width: 100%;
        text-align: left !important
        }
    .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr {
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px
        }
    /* Highlight first cell in table footer */
    .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child {
        font-weight: bold
        }
    /* Show cell label */
    .data-table .cell-label {
        display: inline-block;
        width: 30%;
        min-width: 100px;
        max-width: 140px;
        margin-right: 10px;
        font-weight: bold
        }
    /* Basic Magento layout elements
    	-------------------------------------------------------------- */
    .breadcrumbs {
        margin-top: 0;
        margin-bottom: 10px
        }
    /* Header
    	-------------------------------------------------------------- */
    /* Vertical positioning of header elements */
    .v {
        display: block
        }
    .v .v-item {
        float: inherit;
        display: block;
        width: 100%
        }
    /* Logo */
    .header .logo-wrapper {
        text-align: center
        }
    .header .logo {
        width: 70%;
        margin-left: auto;
        margin-right: auto
        }
    /* Quick search */
    .header-top-search-wrapper {
        width: 100%;
        max-width: 301px;
        margin-left: auto;
        margin-right: auto
        }
    .header .form-search {
        width: 100%
        }
    .header .form-search .input-text {
        width: 100%;
        padding: 0
        }
    /* User menu (Top Links) */
    .user-menu {
        width: 100%;
        margin-left: 0;
        margin-right: 0
        }
    /* Mini cart */
    .after-mini-cart {
        clear: none
        }
    /* Top links */
    .top-links {
        float: left
        }
    /* Nav
    	-------------------------------------------------------------- */
    /* Footer
    	-------------------------------------------------------------- */
    /* Simplify links */
    .footer .show-separators .links li a, .footer .show-separators-left .links li a {
        background-image: none
        }
    /* Footer horizontal links - align center */
    .footer-top .item {
        float: none
        }
    .footer-primary-top-inner, .footer-primary-bottom-inner, .footer-top .links {
        text-align: center
        }
    .footer-primary-top-inner .item, .footer-primary-bottom-inner .item, .footer-top .links li {
        float: none;
        display: inline-block
        }
    /* Social links */
    .social-links a {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 3px;
        padding: 6px
        }
    /* Footer bottom elements - align center */
    .footer-bottom {
        text-align: center
        }
    .footer-bottom .item {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px
        }
    /* Copyright - remove space */
    .footer-copyright {
        margin-left: 0
        }
    /* Products list
    	-------------------------------------------------------------- */
    .products-list .product-shop-inner {
        padding-right: 0;
        border-right: none
        }
    /* Products grid
    	-------------------------------------------------------------- */
    .products-grid .add-to-links.addto-onimage {
        display: none
        }
    /* Layered navigation
    	-------------------------------------------------------------- */
    .block-layered-nav dd li, .block-layered-nav .currently ol li {
        line-height: 2.3333em;
        background-position: 3px 10px
        }
    .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover {
        background-position: 6px 10px
        }
    /* Toolbar
    	-------------------------------------------------------------- */
    /* All elements - align center and increase vertical spacing */
    .pager, .sorter {
        text-align: center
        }
    .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by {
        display: inline-block;
        float: none;
        padding-top: 10px;
        padding-bottom: 10px
        }
    .toolbar .sort-by, .toolbar sorter .amount {
        border-right: none
        }
    /* Product page
    	-------------------------------------------------------------- */
    /* Secondary column */
    .product-secondary-column .inner {
        padding-left: 0;
        border-left: none;
        min-height: auto
        }
    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
    .product-view .box-additional {
        margin-top: 0
        }
    /* Sidebar */
    .product-view .box-sidebar .box-sidebar-inner {
        padding-left: 0;
        border-left: none
        }
    /* Related: remove bottom margin */
    .block-related-slider {
        margin-bottom: 0
        }
    /* Cart
    	-------------------------------------------------------------- */
    /* Buttons below table: align center */
    .cart-table tfoot tr.first td {
        text-align: center !important;
        padding: 0;
        margin-bottom: 20px
        }
    .cart-table tfoot button {
        display: inline-block;
        float: none !important;
        margin: 0 0 3px;
        padding: 0
        }
    /* One Page Checkout
    	-------------------------------------------------------------- */
    /* Step title - link "edit" */
    .opc .allow .step-title a {
        display: none
        }
    /* Form */
    .opc form fieldset {
        display: table-column-group
        }
    /*.opc .form-list .field {}
    		.opc .form-list input.input-text {}*/
    .opc .form-list select {
        width: auto
        }
    /* Account
        -------------------------------------------------------------- */
    .my-wishlist .product-image {
        max-width: none
        }
    /* Items slider
    	-------------------------------------------------------------- */
    /*.itemslider .control-nav { display:none; }*/
    .control-nav.control-paging {
        display: none
        }
    /* Slideshow
    	-------------------------------------------------------------- */
    /* Slideshow navigation: move buttons to the top right corner */
    .the-slideshow .direction-nav .next {
        top: 4%;
        right: 2%
        }
    .the-slideshow .direction-nav .prev {
        top: 4%;
        right: 63px;
        left: auto
        }
    /* Slideshow caption */
    /* Shrink all and hide paragraph and button */
    .caption .heading {
        font-size: 2.0833em;
        margin-bottom: 1px
        }
    .caption p {
        font-size: 1.1666em;
        display: none
        }
    .caption button {
        margin-top: 0.5em;
        display: none
        }
    /* Cloud Zoom
    	-------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big, .cloud-zoom-lens {
        display: none !important
        }
    .cloud-zoom-lens {
        cursor: default !important
        }
    /* Lightbox
    	-------------------------------------------------------------- */
    #cboxTitle, #cboxCurrent {
        display: none !important
        }
    /* Accordion
    	-------------------------------------------------------------- */
    .accordion li a {
        padding: 15px
        }
    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion li.parent > a {
        padding-right: 53px
        }
    .accordion .opener {
        width: 48px;
        height: 48px
        }
    /* Items grid: in category view
    	-------------------------------------------------------------- */
    /* Revert default sizes */
    .category-products-grid.itemgrid .product-name {
        font-size: 1.3333em;
        /*16px*/
        line-height: 1.25em;
        /*20px*/
        }
    /* Hide/show elements: 6 & 7 columns */
    .category-products-grid.itemgrid-6cols .item .btn-cart, .category-products-grid.itemgrid-7cols .item .btn-cart {
        display: block
        }
    }
/* end: width < 768px */
/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Item grid: number of columns
    	-------------------------------------------------------------- */
    /* Always show 2 columns */
    .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item {
        width: 48%;
        clear: none !important
        }
    /* Clear every first item in each row (group of n items) */
    .itemgrid-2cols .item:nth-child(2n+1), .itemgrid-3cols .item:nth-child(2n+1), .itemgrid-4cols .item:nth-child(2n+1), .itemgrid-5cols .item:nth-child(2n+1), .itemgrid-6cols .item:nth-child(2n+1), .itemgrid-7cols .item:nth-child(2n+1) {
        clear: left !important
        }
    /* xxx
    	-------------------------------------------------------------- */
    .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi {
        max-width: 376px
        }
    /*2*/
    /* Cloud zoom
    	-------------------------------------------------------------- */
    /* Broaden the slider if at least 4 thumbnails */
    .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {
        max-width: 316px
        }
    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none
        }
    /* Shrink and align center the main image */
    .product-view .product-img-box .product-image {
        width: 60.4651%;
        /*364px*/
        max-width: 364px;
        margin: 0 auto
        }
    }
/* Additional break-point:
   Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    /* xxx
    	-------------------------------------------------------------- */
    .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi {
        max-width: 564px
        }
    }
/* All small mobile - design for a width of less than 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 480px */
@media only screen and (max-width: 479px) {
    /* Grid elements
    	-------------------------------------------------------------- */
    .col2-set .col-1, .col2-set .col-2 {
        width: 100%
        }
    /* Header
    	-------------------------------------------------------------- */
    /* Simplify links */
    .user-menu .show-separators .links li a, .user-menu .show-separators-left .links li a {
        background-image: none
        }
    /* Header elements - align center */
    .header-top {
        text-align: center
        }
    .header-top .item {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px
        }
    /* Links */
    .user-menu {
        text-align: center
        }
    .user-menu .top-links {
        float: none
        }
    #mini-cart, .user-menu .links, .user-menu .links li {
        float: none;
        display: inline-block
        }
    /* Mini cart - adjust width and align center, hide drop-down box */
    #mini-cart .block-content {
        display: none !important
        }
    /*#mini-cart .block-content { width:100%; }
    		#mini-cart .block-title > * { float:none !important; display:inline-block !important; vertical-align:middle !important; }
            */
    /* Nav
    	-------------------------------------------------------------- */
    /*#nav > li { width:100%; }
    	#nav > li > a { border-right:none; }*/
    /* Products list
    	-------------------------------------------------------------- */
    .products-list .product-image {
        margin-bottom: 20px
        }
    /* Product page
    	-------------------------------------------------------------- */
    /* Reviews */
    .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td {
        padding: 6px 1px
        }
    .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea {
        width: 90%
        }
    /* Toolbar
    	-------------------------------------------------------------- */
    .toolbar .limiter {
        display: none
        }
    /* Pages */
    .pager .pages li {
        display: none
        }
    .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next {
        display: block
        }
    /* Cart
    	-------------------------------------------------------------- */
    /* Account
        -------------------------------------------------------------- */
    /* Account info + Order info */
    /*
                .box-account.box-info .col-1,
                .order-info-box .col-1 { border-right:none; }
                .box-account.box-info .col-1 .box,
                .order-info-box .col-1 .box { padding-right:0; }
                */
    .my-account .col2-set .col-1 {
        border-right: none;
        margin-bottom: 20px
        }
    .my-account .col2-set .col-1 .box {
        padding-right: 0
        }
    /* Order details */
    .order-items .sub-title .separator {
        display: none
        }
    /* Slideshow
    	-------------------------------------------------------------- */
    .the-slideshow .control-nav {
        display: none
        }
    /* Slideshow caption */
    /* Shrink all and hide heading */
    .caption .heading {
        font-size: 1.3333em;
        display: none
        }
    .caption p {
        font-size: 1em
        }
    /* Cloud zoom
    	-------------------------------------------------------------- */
    #zoom-btn {
        display: none
        }
    }
/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    /* Item grid: number of columns
    	-------------------------------------------------------------- */
    /* Always show 2 columns */
    .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item {
        width: 98%;
        clear: none !important
        }
    /* xxx
    	-------------------------------------------------------------- */
    .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi {
        max-width: 188px
        }
    /*1*/
    /* Cloud zoom
    	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {
        max-width: 158px
        }
    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav {
        display: block
        }
    }
/* Mobile (Portrait) - design for a width of 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* width < 320px */
@media only screen and (max-width: 319px) {
    /* Item grid: number of columns
    	-------------------------------------------------------------- */
    /* Always show 1 columns */
    .itemgrid-2cols .item, .itemgrid-3cols .item, .itemgrid-4cols .item, .itemgrid-5cols .item, .itemgrid-6cols .item, .itemgrid-7cols .item {
        width: 98%;
        clear: none !important
        }
    /* xxx
    	-------------------------------------------------------------- */
    .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi {
        max-width: 188px
        }
    /*1*/
    /* Cloud zoom
    	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {
        max-width: 79px !important
        }
    /*1*/
    /* Direction navigation */
    .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav {
        display: block
        }
    /* Slideshow
    	-------------------------------------------------------------- */
    .the-slideshow .direction-nav {
        display: none
        }
    }