/* Large desktop (PC) */
@media (min-width: 1200px) {

    nav.navbar                  { float: left; width: 100%; height: 55px; padding: 0; background: #e60000; border: 0; border-radius: 0; font-size: 1.25em; margin-top: 76px; }
    div.navbar-header           {}
    nav.navbar .navbar-toggle   { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-top: -15px; }

    div#promo-section div#promo-section-sub         { padding: 0; margin: 0 0 0 15px; }
    div#promo-section div.promo-thumb-outline       { height: 595px; padding: 0; margin: 0 0 0 -30px; }
    div#promo-section div.promo-thumb               { padding: 0; margin: 0; height: 282px; position: relative; }
    div#promo-section div.promo-thumb a.title,
    div#promo-section div.promo-thumb a.text,
    div#promo-section div.promo-thumb a.thumb       { text-align: center; position: absolute; left: 50%; transform: translate(-50%, -50%); margin-right: -50%; }
    div#promo-section div.promo-image a.btn-trans   { position: absolute; left: 50%; transform: translate(-50%, -50%); margin-right: -50%; }

    /* sub */

    div#page div.products-list div.onep              { text-align: center; min-height: 395px; margin: 0; padding: 15px; background: #fff; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }
    div#page div.products-list div.onep h3           { font-size: 1.20em; }

    /* dla promocji, gdzie są 4 produkty w rzędzie, a nie 5 */
    div#page div#promotions-products div.onep-pr:nth-of-type(n+1):nth-of-type(-n+4)  { border-top: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:first-child                         { border-left: 1px solid #e6e6e6 !important; border-right: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:nth-of-type(4n-3)                   { border-left: 1px solid #e6e6e6; border-top: 0; }
    div#page div#promotions-products div.onep:nth-of-type(5n-4)                      { border-left: 0; }

    /* dla pozostałych */
    div#page div.products-list div.onep:nth-of-type(n+1):nth-of-type(-n+5)  { border-top: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl:first-child,
    div#page div.products-list div.onep:first-child,
    div#page div.products-list div.onep:nth-of-type(5n-4)                   { border-left: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl                                  { border-top: 1px solid #e6e6e6; }

    /* product */

    div#page div.product div.others div.onep                                  { text-align: center; min-height: 410px; margin: 0; padding: 15px; background: #fff; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }
    div#page div.product div.others div.onep-small                            { min-height: 375px; }
    div#page div.product div.others div.onep-small div.photo img              { width: 80%; }
    div#page div.product div.others div.onep-small p.price                    { position: absolute; bottom: 18%; }
    div#page div.product div.others div.onep-small p.color                    { width: 100%; position: absolute; bottom: 20%; left: 50%; margin-left: -50%; }
    div#page div.product div.others div.onep:nth-child(n+1):nth-child(-n+5)   { border-top: 1px solid #e6e6e6; }
    div#page div.product div.others div.onep:first-child,
    div#page div.product div.others div.onep:nth-child(5n-4)                  { border-left: 1px solid #e6e6e6; }

}

/* Portrait tablets and medium desktops (tablet landscape) */
/* TABLET POZIOM */
/* TABLET POZIOM */
/* TABLET POZIOM */
@media (min-width: 992px) and (max-width: 1199px) {

    nav.navbar                  { float: left; width: 100%; height: 55px; margin: 73px 0 0 0; padding: 0; background: #e60000; border: 0; border-radius: 0; font-size: 1.25em; }
    div.navbar-header           {}
    nav.navbar .navbar-toggle   { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-top: -15px; }

    ul#main-navi > li a.lev-1                   { height: 55px; padding: 18px 10px 17px 10px; }
    ul#main-navi > li a.lev-2                   { height: 55px; padding: 8px 10px 7px 10px; }
    ul#main-navi > li a.lev-offer               { padding-left: 25px; background: url("../images/categories/1-white.gif") 0 50% no-repeat; }
    ul#main-navi > li ul.dropdown-menu li       { height: 35px; }

    /* home */

    div#top-interactive-outline                 { width: 100%; }
    div#top-interactives                        { float: left; padding: 0; margin: 0; }

    div#small-banners                           { float: left; padding: 0; margin: 0; border: 1px solid #e6e6e6; }
    div#small-banners img                       { height: auto; width: 33.333333%; }

    div#bottom-smallbanners                     { width: 100%; margin-bottom: 0; }
    div#bottom-smallbanners div.sbn             { margin: 0; padding: 0; }

    div.onepromo-home           { margin: -3px 0 0 0; padding: 0; }
    div.onepromo-home a,
    div.onepromo-home img.promo { width: 100%; }

    div#promo-section                                       { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div#promo-section-sub                 { padding: 0; margin: 0; }
    div#promo-section div.row                               { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div.promo-image                       { height: auto; width: 100%; padding: 0; margin: 0; border: 0; background-size: 100% auto; }
    div#promo-section div.promo-image a.red-box             { width: 100%; min-height: 25px; padding: 15px 0; }
    div#promo-section div.promo-image a.red-box span.title  { font-size: 1.75em; line-height: 1.05em; }
    div#promo-section div.promo-image a.red-box span.text   { font-size: 1.25em; line-height: 1.25em; }
    div#promo-section div.promo-image a.red-box span.llines { width: 40%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.red-box span.lines  { width: 20%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.btn-trans           { bottom: 5%; }

    div#promo-section div.promo-thumb-outline           { height: auto; padding: 0; margin: 0; border-top: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb                   { float: left; padding: 0; margin: 0; width: 25%; height: 342px; position: relative; border-bottom: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb:nth-child(even)   { border-right: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb a.title           { font-size: 1.35em; }
    div#promo-section div.promo-thumb a.text            { font-size: 1.15em; }
    div#promo-section div.promo-thumb img               { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
    div#promo-section div.promo-thumb a.title           { position: absolute; top: 5%; left: 3%; }
    div#promo-section div.promo-thumb a.text            { position: absolute; top: 10%; left: 3%; }

    div.news-outline                            { padding-bottom: 15px; }
    div.news-outline a.btn                      { margin-bottom: 15px;  }

    div#footer-3cols div.meet-us img            { width: 30%; }
    div#footer-3cols div.one-col .logo          { width: 95%; }
    div#footer-3cols div.social-icons           { float: right; }
    div#footer-3cols div.social-icons a         { float: right; }

    div#footer-newsletter                       { float: left; width: 100%; }

    div#footer-copy                 { padding: 15px 0; }
    div#footer-copy div.credits     { float: left; width: 50%; margin: 0; padding: 5px 0 0 15%; font-size: 1.15em; }
    div#footer-copy div.authors		{ float: right; width: 50%; margin: 0; padding: 0; font-size: 1.15em; text-align: right; }
    div#footer-copy div.authors p   { float: right; }

    /* sub */

    div#page                                    { margin-top: 0; }
    div#page h2                                 { margin: 0 0 5px 0; padding: 15px 0 10px 0; font-size: 1.55em; }
    div#news h2                                 { margin: 15px 0; }

    div#page div.search-box                     { padding-bottom: 5px; padding-top: 5px; }
    div#page div.search-box div.one-row         { height: 35px; margin: 2px 0; }
    div#page div.search-box div.one-row input,
    div#page div.search-box div.one-row select  { width: 100%; margin: 0; }

    div#page div.products-list                                  { margin: 0; }
    div#page div.product div.onep,
    div#page div.products-list div.onep                         { text-align: center; min-height: 395px; margin: 0; padding: 5px; background: #fff; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }
    div#page div.products-list div.onep h3                      { font-size: 1.20em; }
    div#page div.products-list div.onep p.price                 { font-size: 1em; bottom: 19%; }
    div#page div.products-list div.onep div.photo               { padding: 10px 0; }
    div#page div.products-list div.onep div.photo a.i img       { width: 100%; }
    div#page div.products-list div.onep-pr div.photo a.i img    { width: 100%; }
    div#page div.products-list div.colors			            { bottom: 15%; }

    div.page-cells div.cell     { min-height: 340px; }

    /* dla promocji, gdzie są 4 produkty w rzędzie, a nie 5 */
    div#page div#promotions-products div.onep-pr:nth-of-type(n+1):nth-of-type(-n+3)  { border-top: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:first-child                         { border-left: 1px solid #e6e6e6 !important; border-right: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:nth-of-type(3n-2)                   { border-left: 1px solid #e6e6e6; border-top: 0; }
    div#page div#promotions-products div.onep:nth-of-type(4n-3)                      { border-left: 0; }

    /* dla pozostałych */
    div#page div.products-list div.onep:nth-of-type(n+1):nth-of-type(-n+5)  { border-top: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl:first-child,
    div#page div.products-list div.onep:first-child,
    div#page div.products-list div.onep:nth-of-type(5n-4)                   { border-left: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl                                  { border-top: 1px solid #e6e6e6; }

    div#page a.siteimg          { width: 100%; }

    .spagination-out            { margin: 15px auto 0 auto; padding: 0; }
    .spagination li			    { display: inline-block; margin: 0 0 5px 0; }
    .spagination li.selected    { margin: 0 5px 0 0; }
    .spagination a,
    .spagination li.selected	{ padding: 15px 20px; font-size: 1em; font-weight: 100; }

    div#page div.news-navi-outline  { margin-top: 15px; }

    div#page div#shopbrand_categories        { margin-top: 15px; }
    div#page div#shopbrand_categories .btn   { width: 50%; font-size: 0.75em; padding: 10px; margin: 0; }

    /* product */

    div#page div.product                         { margin-top: 10px; }
    div#page div.product div.main-photo          { margin-bottom: 5px; }
    div#page div.product div.main-photo img.pr   { width: 100%; height: 100%; }
    div#page div.product div.brand               { float: left; border: 1px solid #e6e6e6; max-width: 125px; padding: 5px; margin-bottom: 5px; background: #fff; }
    div#page div.product div.brand img           { width: 100%; }
    div#page div.product div.details div.intro   { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.details div.content { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.price p             { font-size: 2em; line-height: 1.5em; }

    /* shopcart */

    div#page div#shop-cart                       { margin-top: 15px; }
    div#page div#cart-table .btn,
    div#page form#shop-cart .btn                 { float: left; font-size: 0.85em; margin: 0 5px 0 0; }

}

/* Portrait tablet to landscape and desktop (tablet portrait) */
/* TABLET PION */
/* TABLET PION */
/* TABLET PION */
@media (min-width: 768px) and (max-width: 991px) {

    header a.logo                       { float: left; margin: 0; padding: 0; width: 110%; }
    header a.logo img                   { margin: 5px 0 0 0; }
    header form#search-small            { float: left; padding: 0; width: 100%; margin: 0; }
    header form#search-small .query     { float: left; width: 100%; margin: 0; }
    header p.top-contact                { font-size: 0.85em; }

    nav.navbar                  { float: left; width: 100%; height: 55px; margin: 73px 0 0 0; padding: 0; background: #e60000; border: 0; border-radius: 0; font-size: 1.25em; }
    div.navbar-header           { }
    nav.navbar .navbar-toggle   { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-top: -15px; }

    ul#main-navi > li a.lev-1                   { height: 55px; padding: 18px 10px 17px 10px; }
    ul#main-navi > li.lev-offer a               { margin-left: -10px; padding-left: 25px; background: url("../images/categories/1-white.gif") 0 50% no-repeat; }
    ul#main-navi > li.lev-offer a:focus,
    ul#main-navi > li.lev-offer a:hover,
    ul#main-navi > li.lev-offer a:active        { background-color: transparent; color: #fff; }
    ul#main-navi > li.lev-offer ul              { margin-left: 0; }
    ul#main-navi > li a.lev-2                   { height: 55px; padding: 8px 10px 7px 10px; }
    ul#main-navi > li ul.dropdown-menu li       { height: 35px; }

    /* home */

    div#top-interactive-outline                 { width: 100%; }
    div#top-interactives                        { float: left; padding: 0; margin: 0; }

    div#small-banners                           { float: left; padding: 0; margin: 0; border: 1px solid #e6e6e6; }
    div#small-banners img                       { height: auto; width: 33.333333%; }

    div#bottom-smallbanners                     { width: 100%; margin-bottom: 0; }
    div#bottom-smallbanners div.sbn             { margin: 0; padding: 0; }

    div.onepromo-home           { margin: -3px 0 0 0; padding: 0; }
    div.onepromo-home a,
    div.onepromo-home img.promo { width: 100%; }

    div#promo-section                                       { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div#promo-section-sub                 { padding: 0; margin: 0; }
    div#promo-section div.row                               { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div.promo-image                       { height: auto; width: 100%; padding: 0; margin: 0; border: 0; background-size: 100% auto; }
    div#promo-section div.promo-image a.red-box             { width: 100%; min-height: 25px; padding: 15px 0; }
    div#promo-section div.promo-image a.red-box span.title  { font-size: 1.75em; line-height: 1.05em; }
    div#promo-section div.promo-image a.red-box span.text   { font-size: 1.25em; line-height: 1.25em; }
    div#promo-section div.promo-image a.red-box span.llines { width: 40%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.red-box span.lines  { width: 20%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.btn-trans           { bottom: 5%; }

    div#promo-section div.promo-thumb-outline           { height: auto; padding: 0; margin: 0; border-top: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb                   { float: left; padding: 0; margin: 0; width: 25%; height: 272px; position: relative; border-bottom: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb:nth-child(even)   { border-right: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb a.title           { font-size: 1.15em; }
    div#promo-section div.promo-thumb a.text            { font-size: 1.05em; }
    div#promo-section div.promo-thumb img               { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; }
    div#promo-section div.promo-thumb a.title           { position: absolute; top: 1%; left: 3%; }
    div#promo-section div.promo-thumb a.text            { position: absolute; top: 10%; left: 3%; }

    div.news-outline                            { padding-bottom: 15px; }
    div.news-outline a.btn                      { margin-bottom: 15px;  }

    div#contact div.social-icons a              { margin: 0 2px 5px 0; }

    div#footer-3cols div.meet-us img            { width: 30%; }
    div#footer-3cols div.one-col .logo          { width: 95%; }
    div#footer-3cols div.social-icons           { float: right; }
    div#footer-3cols div.social-icons a         { float: right; }

    div#footer-newsletter                       { float: left; width: 100%; }

    div#footer-copy                 { padding: 15px 0; }
    div#footer-copy div.credits     { float: left; width: 50%; margin: 0; padding: 5px 0 0 20%; font-size: 1.15em; }
    div#footer-copy div.authors		{ float: right; width: 50%; margin: 0; padding: 0; font-size: 1.15em; text-align: right; }
    div#footer-copy div.authors p   { float: right; }

    /* sub */

    div#page                                    { margin-top: 0; }
    div#page h2                                 { margin: 0 0 5px 0; padding: 15px 0 10px 0; font-size: 1.55em; }
    div#news h2                                 { margin: 15px 0; }

    div#page div.search-box                     { padding-bottom: 5px; padding-top: 5px; }
    div#page div.search-box div.one-row         { height: 35px; margin: 2px 0; }
    div#page div.search-box div.one-row input,
    div#page div.search-box div.one-row select  { width: 100%; margin: 0; }

    div#page div.products-list                                  { margin: 0; }
    div#page div.product div.onep,
    div#page div.products-list div.onep                         { text-align: center; min-height: 355px; margin: 0; padding: 5px; background: #fff; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }
    div#page div.products-list div.onep h3                      { font-size: 1em; }
    div#page div.products-list div.onep p.price                 { font-size: 1em; bottom: 19%; }
    div#page div.products-list div.onep div.photo               { padding: 10px 0; }
    div#page div.products-list div.onep div.photo a.i img       { width: 100%; }
    div#page div.products-list div.onep-pr div.photo a.i img    { width: 100%; }
    div#page div.products-list div.onep .btn-ask                { width: 115px; font-size: 0.85em; }
    div#page div.products-list div.colors			            { bottom: 15%; }

    div.page-cells div.cell     { min-height: 340px; }

    /* dla promocji, gdzie są 4 produkty w rzędzie, a nie 5 */
    div#page div#promotions-products div.onep-pr:nth-of-type(n+1):nth-of-type(-n+3)  { border-top: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:first-child                         { border-left: 1px solid #e6e6e6 !important; border-right: 1px solid #e6e6e6; }
    div#page div#promotions-products div.onep-pr:nth-of-type(3n-2)                   { border-left: 1px solid #e6e6e6; border-top: 0; }
    div#page div#promotions-products div.onep:nth-of-type(4n-3)                      { border-left: 0; }

    /* dla pozostałych */
    div#page div.products-list div.onep:nth-of-type(n+1):nth-of-type(-n+5)  { border-top: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl:first-child,
    div#page div.products-list div.onep:first-child,
    div#page div.products-list div.onep:nth-of-type(5n-4)                   { border-left: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl                                  { border-top: 1px solid #e6e6e6; }

    div#page a.siteimg          { width: 100%; }

    .spagination-out            { margin: 15px auto 0 auto; padding: 0; }
    .spagination li			    { display: inline-block; margin: 0 0 5px 0; }
    .spagination li.selected    { margin: 0 5px 0 0; }
    .spagination a,
    .spagination li.selected	{ padding: 15px 20px; font-size: 1em; font-weight: 100; }

    div#page div.news-navi-outline  { margin-top: 15px; }

    div#page div#shopbrand_categories        { margin-top: 15px; }
    div#page div#shopbrand_categories .btn   { width: 50%; font-size: 0.75em; padding: 10px; margin: 0; }

    /* product */

    div#page div.product                         { margin-top: 10px; }
    div#page div.product div.main-photo          { margin-bottom: 5px; }
    div#page div.product div.main-photo img.pr   { width: 100%; height: 100%; }
    div#page div.product div.brand               { float: left; border: 1px solid #e6e6e6; max-width: 125px; padding: 5px; margin-bottom: 5px; background: #fff; }
    div#page div.product div.brand img           { width: 100%; }
    div#page div.product div.details div.intro   { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.details div.content { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.price p             { font-size: 2em; line-height: 1.5em; }

    /* shopcart */

    div#page div#shop-cart                       { margin-top: 15px; }
    div#page div#cart-table .btn,
    div#page form#shop-cart .btn                 { float: left; font-size: 0.85em; margin: 0 5px 0 0; }

}

/* Landscape phone to portrait tablet */
/* KOMÓRKI POZIOM */
/* KOMÓRKI POZIOM */
/* KOMÓRKI POZIOM */
@media (max-width: 767px) {

    /* top */

    nav.navbar                           { width: 100%; height: auto; min-height: 0; margin: 0; padding: 5px 0 10px 0; position: fixed; z-index: 1000; background: #fff; font-size: 1.15em; }

    nav.navbar a.logo                    { float: left; margin: 0; padding: 0; width: 75%; }
    nav.navbar a.logo img                { float: left; margin: 0; padding: 0; width: 100%; }
    nav.navbar form#search-small         { position: relative; float: left; margin: 5px 0 0 0; width: 75%; }
    nav.navbar form#search-small .query  { padding: 5px; font-size: 1.2em; border-color: #e6e6e6; border-radius: 0; }
    nav.navbar form#search-small .submit { position: absolute; top: 7px; right: 10px; z-index: 100; }

    nav.navbar div.navbar-header            { float: left; width: 100%; height: auto; padding: 0; margin: 0; }
    nav.navbar button.navbar-toggle         { margin: -34px 0 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
    nav.navbar div.navbar-collapse          { float: left; width: 100%; background: #e60000; border: 0; padding: 0; margin: 5px 0 0 0; z-index: 1000; height: 200px !important; max-height: 200px !important; }
    nav.navbar ul#main-navi                 { margin: 0; padding: 0; width: 100%; height: auto; }
    nav.navbar ul#main-navi li              { margin: 0; padding: 0; width: 100%; height: auto;}
    nav.navbar ul#main-navi li a            { color: #fff; margin: 0; padding: 10px 0 10px 15px; width: 100%; height: auto; border-bottom: 1px solid #fff; }
    nav.navbar ul#main-navi li:last-child a { border-bottom: 0; }

    nav.navbar a#top-cart-mobile                              { float: left; margin: 10px 0 0 12px; padding: 0; font-size: 0.75em; }
    nav.navbar a#top-cart-mobile span#cart-quantity-left      { float: left; width: 3px; height: 25px; background: url("../images/top-cart-small-left-side.png") 0 0 no-repeat; }
    nav.navbar a#top-cart-mobile span#cart-quantity           {
        float: left; width: auto; height: 24px;
        padding: 0 5px; margin-right: -9px;
        z-index: 100; position: relative;
        background: url("../images/top-cart-small-inside.png") 0 0 repeat-x;
        font-weight: 600; color: #fff;
    }
    nav.navbar a#top-cart-mobile span#cart-quantity-right     { float: left; width: 11px; height: 25px; z-index: 10; position: relative; background: url("../images/top-cart-small-right-side.png") 0 0 no-repeat; }
    nav.navbar a#top-cart-mobile span#cart-quantity-icon      { float: left; width: 18px; height: 24px; margin: 0 5px; background: url("../images/top-cart-small-icon.png") 0 0 no-repeat; }

    /* home */

    div#top-interactives                        { float: left; padding: 0; margin: 100px 0 0 0; }

    div#small-banners                           { float: left; padding: 0; margin: 0; border: 1px solid #e6e6e6; }

    div.onepromo-home           { margin: 0; padding: 0; }
    div.onepromo-home a,
    div.onepromo-home img.promo { width: 100%; }

    div#promo-section                                       { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div#promo-section-sub                 { padding: 0; margin: 0; }
    div#promo-section div.row                               { float: left; width: 100%; margin: 0; padding: 0; }
    div#promo-section div.promo-image                       { height: auto; width: 100%; padding: 0; margin: 0; border: 0; background-size: 100% auto; }
    div#promo-section div.promo-image a.red-box             { width: 100%; min-height: 25px; padding: 15px 0; margin: 0; }
    div#promo-section div.promo-image a.red-box span.title  { font-size: 1.5em; line-height: 1.05em; }
    div#promo-section div.promo-image a.red-box span.text   { font-size: 1em; line-height: 1.25em; }
    div#promo-section div.promo-image a.red-box span.llines { width: 40%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.red-box span.lines  { width: 20%; padding: 2px 0; margin: 5px 0; }
    div#promo-section div.promo-image a.btn-trans           { margin: 0; position: absolute; bottom: 5%; left: 35%; }

    div#promo-section div.promo-thumb-outline           { height: auto; padding: 0; margin: 0; border-top: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb                   { float: left; padding: 0; margin: 0; width: 25%; height: 182px; position: relative; border-bottom: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb:nth-child(even)   { border-right: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb a.title           { font-size: 0.85em; }
    div#promo-section div.promo-thumb a.text            { font-size: 0.85em; }
    div#promo-section div.promo-thumb img               { position: absolute; bottom: 0; left: 15%; width: 75%; height: auto; }
    div#promo-section div.promo-thumb a.title           { position: absolute; top: 5%; left: 5%; }
    div#promo-section div.promo-thumb a.text            { position: absolute; top: 15%; left: 5%; }

    div#bottom-smallbanners                     { margin-bottom: 0; }
    div#bottom-smallbanners div.sbn             { margin: 0; padding: 0; }

    div.news-outline                            { padding-bottom: 15px; }
    div.news-outline a.btn                      { margin-bottom: 15px;  }

    div#footer-3cols div.meet-us img            { width: 30%; }
    div#footer-3cols div.one-col                { padding: 5px 15px; min-height: 300px; border: 0; border-bottom: 1px solid #e6e6e6; }
    div#footer-3cols div.one-col:first-child    { border-right: 0; }
    div#footer-3cols div.one-col:last-child     { float: left; text-align: left; }
    div#footer-3cols div.social-icons           { float: left; }
    div#footer-3cols div.social-icons a         { float: left; }

    div#contact img.pclogo                 { width: 35%; margin-bottom: 35px; }
    div#contact img.rclogo                 { width: 45%; border-right: 1px solid #ccc; margin-right: 15px; padding: 0 25px 0 0; }

    div#footer-newsletter                       { float: left; width: 100%; }

    div#footer-copy                     { padding-top: 25px; padding-bottom: 0; }
    div#footer-copy div.credits         { float: left; width: 100%; height: 65px; padding-bottom: 0; margin-bottom: 5px; padding-left: 35%; font-size: 1em; background-position: 50% 0; }
    div#footer-copy p.copy              { float: left; text-align: center; width: 100%; padding-bottom: 0; margin-bottom: 15px; font-size: 1em; }
    div#footer-copy div.authors		    { float: left; width: 100%; padding-bottom: 0; margin-bottom: 25px; padding-left: 35%; font-size: 1em; }

    div#footer-3cols div.meet-us img    { width: 20%; }

    /* sub */

    div#page                                    { margin-top: 85px; }
    div#page h2                                 { margin: 0 0 5px 0; padding: 15px 0 10px 0; font-size: 1.55em; }
    div#news h2                                 { margin: 15px 0; }

    div#page div.search-box                     { border-top: 1px solid #e6e6e6; padding-bottom: 25px; padding-top: 15px; }
    div#page div.search-box div.one-row         { height: 35px; margin: 2px 0; }
    div#page div.search-box div.one-row input,
    div#page div.search-box div.one-row select  { width: 100%; margin: 0; }
    div#page div.search-box .btn-search         { margin-top: 10px; padding-top: 15px; padding-bottom: 15px; }

    div#page div.products-list                                  { margin: 0; }
    div#page div.product div.onep,
    div#page div.products-list div.onep                         { text-align: center; width: 25%; min-height: 335px; margin: 0; padding: 5px; background: #fff; border: 1px solid #e6e6e6; border-left: 0; border-top: 0; }
    div#page div.products-list div.onep h3                      { font-size: 1em; }
    div#page div.products-list div.onep .btn-ask                { width: 100px; font-size: 0.75em; }
    div#page div.product div.others div.onep-small              { min-height: 375px; }
    div#page div.products-list div.onep p.price                 { font-size: 1em; bottom: 19%; }
    div#page div.products-list div.onep div.photo               { padding: 10px 0; }
    div#page div.products-list div.onep div.photo a.i img       { width: 100%; }
    div#page div.products-list div.onep-pr div.photo a.i img    { width: 100%; }
    div#page div.products-list div.colors			            { bottom: 15%; }

    div#page div.products-list div.onep:nth-of-type(n+1):nth-of-type(-n+4)  { border-top: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl:first-child,
    div#page div.products-list div.onep:first-child,
    div#page div.products-list div.onep:nth-of-type(4n+1)                   { border-left: 1px solid #e6e6e6; }

    div#page a.siteimg              { width: 100%; }
    div#page div.block div.caption  { width: 100%; }
    div#page div.block div.content  { width: 100%; }
    div#page div.block ul.files     { width: 100%; }

    .spagination-out            { margin: 15px auto 0 auto; padding: 0; }
    .spagination li			    { display: inline-block; margin: 0 0 5px 0; }
    .spagination li.selected    { margin: 0 5px 0 0; }
    .spagination a,
    .spagination li.selected	{ padding: 10px; font-size: 1em; font-weight: 100; }

    div#page div.news-navi-outline  { margin-top: 25px; }

    div#page div#shopbrand_categories                       { margin-top: 10px; padding-bottom: 10px; }
    div#page div#shopbrand_categories .btn                  { float: left; width: 45%; font-size: 0.85em; padding: 10px; margin-top: 0; margin-bottom: 5px; }
    div#page div#shopbrand_categories .btn:nth-of-type(2n)  { float: right; margin-right: 0; }

    div#page div.offer-cat h4              { width: 100%; font-size: 1.5em; }
    div#page div.offer-cat a               { padding: 5px 0; font-size: 1.15em; line-height: 1.5em; }

    /* product */

    div#page div.product                         { margin-top: 25px; }
    div#page div.product div.gallery             { width: 50%; }
    div#page div.product div.details             { width: 50%; }
    div#page div.product div.brand-outline       { width: 50%; }
    div#page div.product div.main-photo          { margin-bottom: 5px; }
    div#page div.product div.main-photo img.pr   { width: 100%; height: auto; }
    div#page div.product div.brand               { float: left; border: 1px solid #e6e6e6; max-width: 125px; padding: 5px; margin-bottom: 5px; background: #fff; }
    div#page div.product div.brand img           { width: 100%; }
    div#page div.product div.details div.intro   { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.details div.content { font-size: 1em; line-height: 1.25em; }
    div#page div.product div.price p             { font-size: 2em; line-height: 1.5em; }

    /* shopcart */

    div#page div#shop-cart                       { margin-top: 15px; }
    div#page div#cart-table .btn,
    div#page form#shop-cart .btn                 { float: left; font-size: 0.85em; margin: 0 5px 0 0; }

}

/* Landscape phones and down (phone portrait & landscape) */
/* KOMÓRKI PION */
/* KOMÓRKI PION */
/* KOMÓRKI PION */
@media (max-width: 480px) {

    nav.navbar form#search-small                { width: 60%; }
    nav.navbar a.logo                           { float: left; margin: 0; padding: 0; width: 100%; }
    nav.navbar a.logo img                       { float: left; margin: 0; padding: 0; width: 75%; }
    nav.navbar div.navbar-collapse              { height: 400px !important; max-height: 400px !important; }

    div#top-interactives                        { float: left; padding: 0; margin: 80px 0 0 0; }

    div#promo-section div.promo-thumb           { float: left; padding: 0; margin: 0; width: 50%; height: 202px; position: relative; border-bottom: 1px solid #e6e6e6; }
    div#promo-section div.promo-thumb a.title   { font-size: 1em; }
    div#promo-section div.promo-thumb a.text    { font-size: 1em; }
    div#promo-section div.promo-thumb img       { position: absolute; bottom: 0; left: 15%; width: 75%; height: auto; }

    div#page div.products-list div.onep             { width: 50%; }

    div#page div.products-list div.onep:nth-of-type(n+1):nth-of-type(-n+2)  { border-top: 1px solid #e6e6e6; }
    div#page div.products-list div.onep                                     { border-bottom: 0; }
    div#page div.products-list div.onep:nth-of-type(n+3)                    { border-bottom: 1px solid #e6e6e6; }
    div#page div.products-list div.onep-tl:first-child,
    div#page div.products-list div.onep:first-child,
    div#page div.products-list div.onep:nth-of-type(2n-1)                   { border-left: 1px solid #e6e6e6; }

    div#page div.products-list div.onep .btn-ask    { width: 125px; font-size: 1em; }

    div#page div.product                            { margin-top: 10px; }
    div#page div.product div.gallery                { width: 100%; }
    div#page div.product div.details                { width: 100%; }
    div#page div.product div.brand-outline          { width: 100%; }

    div#footer-copy div.credits         { padding-left: 25%; }
    div#footer-copy p.copy              { float: left; text-align: center; width: 100%; padding-bottom: 0; margin-bottom: 15px; font-size: 1em; }
    div#footer-copy div.authors		    { padding-left: 25%; }

}