* {
    margin: 0;
    padding: 0;
}

body {
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Fira Sans", sans-serif;
    color: #686868;
}
.mobile,
.mobile-992,
.nav > li.mobile,
.nav > li.mobile-992 {
    display: none;
}

.desktop,
.desktop-992 {
    display: inherit;
}

.invisible-hard {
    display: none;
}

.invisible-soft {
    visibility: hidden;
}

.transp {
    opacity: 0.1;
}

button.transp,
.button.transp,
img.transp {
    opacity: 0.9;
}
button.transp:hover,
.button.transp:hover,
img.transp:hover {
    opacity: 1;
}

a {
    color: #777;
}
.table-data-row a {
    text-decoration: underline;
}

.table-data-row a:hover {
    text-decoration: underline;
}

a:not(.red):hover {
    text-decoration: none;
    color: #000 !important;
}

li {
    list-style: none;
}
.content {
    padding: 3vw;
    font-size: 1vw;
}
.content p {
    text-indent: 20px;
    line-height: 2;
}

h1 {
    text-transform: uppercase;
    color: #1053a2;
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0 !important;
}
h3 {
    font-size: 16px;
}
h1:after {
    content: ":";
}
h2,
h3,
h4,
h5,
h6 {
    color: #686868;
    white-space: nowrap;
    border-bottom: none !important;
}
.validation-error {
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.no-click {
    pointer-events: none;
}

select,
input {
    background-color: #f7f7f7;
    border-color: #e4e4e4;
    padding: 8px 10px !important;
}
fieldset legend {
    font-size: 14px;
    padding-bottom: 10px;
    font-style: italic;
    text-transform: lowercase;
}

.sep {
    border-right: solid 3px #777;
    height: 50px;
    margin: 0 0.5vw;
}
fieldset .caret {
    right: 25px;
    position: absolute;
    margin-top: 5px;
    color: #777;
    border-bottom: 10px solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 0px;
}
fieldset .caret.collapsed {
    transform: rotate(180deg);
}

.top-scroll {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 19pt;
    color: #a29e9e;
    display: none;
    top: auto;
}

.top-scroll:hover {
    text-decoration: underline;
}

.caret-container {
    float: right;
}

.search {
    display: none;
    clear: both;
    text-align: center;
}

.th {
    font-weight: bold;
}
.blue {
    background-color: #428adf;
}
.cyan {
    background-color: #1dafed;
}
.white {
    background-color: #fff;
}
.green {
    background-color: #7dd630;
}
.red {
    color: red !important;
}
.yellow {
    color: #fec52e;
}
.brown {
    color: #6a4a20;
}

button,
.button {
    color: #fff;
    padding: 10px 20px;
    border: none;
    white-space: nowrap;

    display: inline-block;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;

    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    opacity: 0.8;
}
button:hover,
.button:hover {
    opacity: 1;
}

button.white,
.button.white {
    border: 1px solid #ccc;
    color: inherit;
}

a.button:hover,
a.button:focus,
a.button.active {
    color: #fff !important;
    text-decoration: none;
}

button.blue.focus,
.button.blue.focus,
button.blue:focus,
.button.blue:focus {
    border: 1px solid #386294;
    background-color: #2661a7;
}
button.cyan.focus,
.button.cyan.focus,
button.cyan:focus,
.button.cyan:focus {
    border: 1px solid #0c85b8;
    background-color: #1398d1;
}

button.green.focus,
.button.green.focus,
button.green:focus,
.button.green:focus {
    border: 1px solid #afafaf;
    background-color: #6ebf28;
}

button.white.focus,
.button.white.focus,
button.white:focus,
.button.white:focus {
    border: 1px solid #555;
    background-color: #f9f5f5;
}

button.focus,
.button.focus,
button:focus,
.button:focus {
    outline: none;
}

button .fa {
    margin-right: 10px;
}

.container-fluid {
    max-width: 1595px;
    margin: auto;
}

#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
    width: 100% !important;
}

body > p.flash-message {
    width: 100% !important;
    left: 0 !important;
    top: -1px !important;
    margin-left: 0 !important;
    font-size: 18px !important;
    opacity: 0.9 !important;
    transition: opacity 0.3s ease-in-out !important;
}
body > p.flash-message.fade {
    width: 100% !important;
    transition: opacity 0.3s ease-in-out !important;
}

/*********header************/

.header {
    padding: 7px;
    text-transform: uppercase;
    background-color: #428adf;
    color: #fff;
}

.header .fa {
    font-size: 21px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
}

.header a {
    color: #fff;
}

.header .container .row > div:hover,
.header .container .row > div:hover span > a,
.header .container .row > div:hover > a,
.header .container .row > div .menu-container > ul > li:hover > a {
    color: #fec52e !important;
}

.header .menu-container {
    position: absolute;
    left: 50%;
    z-index: 101;
}

#info-menu {
    position: relative;
    left: -50%;
    text-align: center;
    background-color: #428adf;
}

#info-menu li {
    text-align: right;
    padding: 10px;
    list-style: none;
}

/********navigation*********/

.navbar-default {
    background-color: #fff;
    border: none;
}
.navbar {
    min-height: 150px;
}
.navbar .fa {
    font-size: 36px;
}
.navbar-nav > li {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.navbar-nav .sep {
    margin: 0 3vw;
    border-width: 1px;
}

.menu-buttons .sep {
    margin-top: 12px;
}
.navbar-nav a.home {
    padding-top: 5px;
}
.menu-main {
    display: inline-block;
    float: none;
    margin-top: 32px;
}

.menu-buttons a {
    font-size: 17px;
    font-family: Oswald;
}
.menu-buttons .fa {
    display: block;
    margin-bottom: 6px;
    font-size: 26px;
}
.menu-buttons .allegro {
    width: 20px;
    display: block;
    margin: auto;
    margin-bottom: 8.5px;
}

.shopping-cart-amount {
    position: absolute;
    top: 0.5vw;
    right: 1.5vw;
    font-size: 12px;
    background: #ffffff;
    z-index: 100;
    padding: 0px 7px;
    color: #f44336;
    font-weight: bold;
    border-radius: 35%;
    border: 1px solid red;
}

.mini-cart {
    margin-top: -14px;
    display: block;
    font-size: 14px;
}

.mini-cart {
    position: fixed;
    top: 160px;
    left: -143px;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: center;
    width: 188px;
    color: #fff;
    text-transform: none;
    z-index: 1001;
}

.mini-cart > div {
    float: left;
    padding: 10px;
    height: 55px;
}
.mini-cart > div:nth-child(2) {
    background-color: #ff1100;
    width: 45px;
    font-size: 24px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}
.mini-cart:hover > div:nth-child(2) {
    opacity: 1;
}
.mini-cart > div:nth-child(1) {
    width: 140px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    color: #000;
}

.mini-cart .cart-empty {
    line-height: 300%;
}

.navbar-buttons {
    float: right;
    margin-top: 20px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: red !important;
    background-color: transparent !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: #7dd630;
}

.dropdown-menu > li {
    padding: 0 !important;
}

.dropdown-menu > li > a {
    padding: 9px 10px;
}
.dropdown-menu {
    padding: 0;
}

/*********banner************/

.banner {
    position: relative;
    background-image: url(../images/banner.jpg);
    width: 100%;
    background-size: contain;
    height: 38vw;
    background-repeat: no-repeat;
}
.logo {
    background-image: url(../images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15vw;
    max-width: 106px;
    max-height: 115px;
    height: 7vw;
}

.promo-banner {
    position: absolute;
    left: 11vw;
    top: 8vw;
    width: 22vw;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5vw;
    font-weight: bold;
}
.promo-banner .title {
    /*background-color: #2f77cc;*/
    background-image: url("../images/promo-banner.png");
    color: #fff;
    background-size: contain;
    word-spacing: 22vw;
    font-size: 2.8vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15vw;
    margin-bottom: 10px;
}
.promo-banner .description > div {
    padding: 3px 0;
}
.promo-banner .link {
    text-transform: none;
}

/*
.promo-banner .title:after,
.promo-banner .title:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.promo-banner .title:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 19px;
    left: 70%;
    margin-left: -19px;
}
.promo-banner .title:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #719ECE;
    border-width: 20px;
    left: 70%;
    margin-left: -20px;
}

*/
/**********slider***********************/
.carousel-control.left,
.carousel-control.right {
    background: none;
    width: 150px;
    max-height: 32vw;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    color: #aaa;
    font-size: 50px;
}

.carousel.desktop-992 .img-slide a,
.carousel.desktop-992 img,
.product-slide img {
    margin: auto;
    height: 137px;
    display: block;
}
.carousel.desktop-992 .item > div {
    /*max-height: 39vw;*/
}
.carousel .img-slide,
.product-slide .img-slide {
    position: relative;
    width: 100%;
    background-color: #f4f4f8;
    border-radius: 20px;
    margin: auto;
}
.carousel.desktop-992 .img-slide,
.product-slide .img-slide {
    max-width: 320px;
    padding: 97px 0 44px;
}
.carousel.mobile-992 img {
    margin: auto;
}
.carousel.mobile-992 .img-slide {
    width: 60%;
    padding: 96px 0;
}
.carousel.mobile-992 .item > div {
    /*max-height: 56vw;*/
}
.carousel.desktop-992 .carousel-outer {
    width: 80%;
    margin: 80px auto;
}
.carousel-inner .item .col {
    /*padding: 0 62px;*/
}
.carousel.desktop-992 .item {
    /*margin: 0 140px;*/
}
.carousel.mobile-992 .carousel-control.left,
.carousel.mobile-992 .carousel-control.right {
    width: 14vw;
}

.product-info .price {
    color: #1053a2;
    font-size: 20px;
    font-weight: bold;
}

.product-info:hover > .img-slide > button.invisible-soft,
.product-slide:hover > .img-slide > button.invisible-soft {
    visibility: visible;
}

.product-slide button.invisible-soft {
    font-size: 0.8vw;
}

/**********categories list******************/

.image-section img {
    width: 100%;
    max-width: 505px;
}

.image-section .bar {
    margin: auto;
    width: 100%;
    height: 6px;
    max-width: 505px;
    margin: 2px auto 40px;
}

.image-section > div:nth-of-type(1) .bar,
.image-section > div:nth-of-type(1) .image-label,
.image-section > div:nth-of-type(1) .button {
    background-color: #fec52e;
}
.image-section > div:nth-of-type(2) .bar,
.image-section > div:nth-of-type(2) .image-label,
.image-section > div:nth-of-type(2) .button {
    background-color: #7dd630;
}
.image-section > div:nth-of-type(3) .bar,
.image-section > div:nth-of-type(3) .image-label,
.image-section > div:nth-of-type(3) .button {
    background-color: #6a4a20;
}
.image-section .image-label-container.desktop {
    height: 4vw;
    position: absolute;
    right: 0px;
    bottom: 135px;
}

.image-section .image-label {
    width: 100%;
    color: #fff;
    font-weight: bold;
}

.image-section .image-label-container.desktop .image-label {
    font-size: 2vw;
    padding: 0.8vw 1vw 0.8vw 2vw;
    text-align: right;
}
.image-section .image-label-container.mobile {
    max-width: 505px;
    margin: auto;
}

.image-section .image-label-container.mobile .image-label {
    text-align: center;
    padding: 2vw;
    font-size: 5vw;
}
.image-section .more {
    display: none;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 60px;
}

/**********************************/
.watchword {
    width: 100%;
    max-height: 270px;
    display: flex;
    height: 15vw;
    justify-content: center;
    align-items: center;
    background-image: url(../images/falka.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 4vw;
}

/*******product-promo*********/
.product-promo > div {
    background-color: #f4f4f8;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.product-promo .photo img {
    width: 100%;
    max-width: 460px;
}

.product-promo > div > div {
    padding: 30px;
}

.product-promo > div > div > div {
    padding: 10px;
    text-align: center;
}

.product-promo .name {
    font-size: 13px;
    font-weight: bold;
}

.product-promo .price,
.product-promo .deadline {
    font-size: 25px;
    font-weight: bold;
}

.product-promo .price span {
    color: #428adf;
}

.product-promo .amount button,
.product-promo .amount input,
.product-detail .amount button,
.product-detail .amount input {
    padding: 8px 15px;
    border: solid 1px #e6e6e6;
    color: #000;
    font-weight: bold;
    background-color: #fff;
    font-size: 17px;
}
.product-promo .amount input,
.product-detail .amount input {
    width: 50px;
    text-align: center;
}

.product-promo .deadline .number.highlight {
    color: #fff;
    background-color: #000;
    padding: 18px 15px;
}
.product-promo .deadline .number {
    padding: 18px 2px;
}
.product-promo .deadline > div,
.product-promo .deadline > div > div {
    display: inline-block;
    vertical-align: top;
}
.product-promo .deadline .date-text {
    font-size: 18px;
}

.product-promo .deadline > div > div {
    display: inline-block;
}
/*

.product-promo .amount{

        padding: 20px;

        display: flex;

        justify-content: center;

}

.product-detail .amount{

    text-align: center;

}



.product-promo .amount .add,

.product-detail .amount .add{

    order: 3;

}

.product-promo .amount input,

.product-detail .amount input{

    order: 2;

}

.product-promo .amount .sub,

.product-detail .amount .sub{

    order: 1;

}

*/
/************footer***************/

footer {
    margin-top: 60px;
    margin-bottom: 60px;
}

footer h5,
footer h6 {
    text-transform: uppercase;
    font-size: 1.8vw;
    font-weight: bold;
    line-height: 200%;
    font-family: Oswald;
}
footer div {
    font-size: 0.8vw;
}
.footer-under > div > div {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.footer-under .icon {
    width: 24%;
    margin: 2px 6px;
}
.footer-under .descr {
    width: 50%;
}
.footer-under h6 {
    font-size: 1.2vw;
    text-align: left;
}

/************basket************/
.basket-breadcrumbs > div {
    display: inline-block;
}
.basket-price {
    display: inline-block;
    text-align: center;
}
.basket-price .label {
    font-size: smaller;
    color: inherit;
}

.menu-buttons .total-basket-price:not(:empty):before {
    content: "(";
}
.menu-buttons .total-basket-price:not(:empty):after {
    content: ")";
}

/*******filters******************/
.filter-box {
    border: solid 1px #dedede;
    margin-bottom: 13px;
}

.filter-box.category-list {
    background-color: #f7f7f7;
}
.filter-box .title {
    border-bottom: solid 1px #dedede;
    font-weight: bold;
    font-size: 28px;
    padding: 24px 20px;
}

.expand {
    right: 34px;

    font-size: 50px;

    line-height: 39px;

    position: absolute;

    cursor: pointer;
}

.expand:after {
    content: "-";
}

.expand.collapsed:after {
    content: "+";
}

.filter-box li {
    list-style: none;
    padding: 4px 10px;
}

.filter-box ul:not(.dropdown-menu) > li.active > a,
.filter-box ul:not(.dropdown-menu) > li.active > a:hover {
    color: red;
}
.filter-box li a:hover {
    color: #000;
}

.filter-box .content {
    padding: 10px 14px;

    margin-top: 15px;
}

.filter-box .btn-group {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 1.2vw;
}
.filter-box .btn-group .btn {
    cursor: pointer;
}

.filter-kolor.btn-group-vertical > .btn,
.filter-kolor.btn-group > .btn,
.filter-rozmiar.btn-group-vertical > .btn,
.filter-rozmiar.btn-group > .btn {
    display: inline-block;
    width: 14%;
    height: 2.4vw;
    margin: 0.5vw;
    text-align: center;
    border-radius: 0;
}
.filter-kolor.btn-group > .btn.active,
.filter-kolor.btn-group > .btn:active,
.filter-rozmiar.btn-group > .btn.active,
.filter-rozmiar.btn-group > .btn:active {
    /*box-shadow: inset 0 3px 5px rgba(107, 104, 104, 0.77);*/

    box-shadow: none;
    outline: ridge 2px #1e1e1e;
    border: solid 2px #fff;
}
.filter-rozmiar.btn-group > .btn span {
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
}

.filter-kolor.btn-group-vertical > .btn,
.filter-kolor.btn-group > .btn {
    background-color: #fff;
    border: solid 1px #dedede;
}

.filter-kolor.btn-group-vertical > .btn.kolor-czerwony,
.filter-kolor.btn-group > .btn.kolor-czerwony {
    background-color: #f50b0c;
}

.filter-kolor.btn-group-vertical > .btn.kolor-rozowy,
.filter-kolor.btn-group > .btn.kolor-rozowy {
    background-color: #f97eae;
}

.filter-kolor.btn-group-vertical > .btn.kolor-czarny,
.filter-kolor.btn-group > .btn.kolor-czarny {
    background-color: black;
}

.filter-kolor.btn-group-vertical > .btn.kolor-zolty,
.filter-kolor.btn-group > .btn.kolor-zolty {
    background-color: yellow;
}

.filter-kolor.btn-group-vertical > .btn.kolor-niebieski,
.filter-kolor.btn-group > .btn.kolor-niebieski {
    background-color: #2084af;
}

.filter-kolor.btn-group-vertical > .btn.kolor-zielony,
.filter-kolor.btn-group > .btn.kolor-zielony {
    background-color: #149f01;
}

.filter-box .slider-handle {
    width: 15px;
    background-color: #1dafed;
    background-image: none;
}

.filter-box .slider-selection {
    background: #1dafed;
}
.filter-price input {
    border: 0;
}
.filter-price.btn-group {
    width: 100%;
    text-align: center;
    margin-bottom: 65px;
    margin-top: 15px;
}
.filter-price.btn-group .slider.slider-horizontal {
    width: 75%;
}
.filter-price.btn-group .tooltip-inner {
    color: #000;
    text-align: center;
    background-color: #fff;
    font-size: 19px;
}

.filter-price.btn-group + .label-zakres {
    text-align: center;
    float: left;
    width: 58%;
    padding: 10px 20px;
}

.filter-price.btn-group .tooltip.tooltip-min .tooltip-inner:after,
.filter-price.btn-group .tooltip.tooltip-max .tooltip-inner:after {
    content: " pln";
}

.filter-price.btn-group .tooltip.tooltip-min.bottom {
    margin-left: -36px !important;
}

.filter-price.btn-group .tooltip.tooltip-max.bottom {
    margin-left: -42px !important;
}

/***********products list page******************/

.products-order-limit {
    margin-bottom: 15px;
    border-bottom: solid 1px #e4e4e4;
    text-align: right;
    padding: 22px 20px;
}
.products-order-limit .separator {
    display: inline-block;
    /*margin: 0 30px;*/
    border-left: 1px solid #e4e4e4;
    height: 42px;
    vertical-align: bottom;
}
.products-order-limit > div {
    display: inline-block;
}
.product-limit {
    border-left: 1px solid #e4e4e4;
}

.product-slide {
    margin-bottom: 60px;
}
.price {
    color: #1053a2;
    font-weight: bold;
}
.old_price {
    text-decoration: line-through;
    color: #777 !important;
    font-size: smaller;
}

/*******search results page*********/

.ss-result {
    margin-bottom: 2em;
}
.ss-result__aside {
    float: right;
    margin-left: 0.5em;
}
.ss-result__title {
    font-weight: bold;
    margin-bottom: 0.5em;
}
.ss-result__badge {
    font-size: 0.7em;
    padding: 0.2em 0.5em;
    border-radius: 4px;
    margin-left: 0.75em;
    background: #eee;
    display: inline-block;
}
.ss-result__text {
    margin-bottom: 0.5em;
}
.ss-result__url {
}

/**********product page************/
h1#product-title {
    float: left;
}
.product-price {
    float: right;
    text-transform: uppercase;
    color: #ff1100;
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0 !important;
}
.product-detail-main-image {
    margin: auto !important;
}
.product-detail-list-of-images {
    text-align: center;
}

.product-options {
    margin-top: 10px;
    font-size: 11px;
}
.product-property-row {
    margin: 20px 0;
}

@media screen and (max-width: 992px) {
    .mobile-992,
    .nav > li.mobile-992 {
        display: inherit;
    }

    .desktop-992 {
        display: none;
    }
    .header .container .row > div > span {
        display: none;
    }
    .header .fa {
        font-size: 5vw;
        vertical-align: middle;
    }
    .header {
        padding: 2vw;
    }
    .navbar {
        min-height: 12vw;
    }

    .logo {
        background-image: url(../images/logo_white.png);
        width: 18vw;
        max-width: 200px;
        max-height: 67px;
        height: 5vw;
        vertical-align: middle;
        display: inline-block;
    }

    .content {
        font-size: 2vw;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        font-size: 7vw;
    }
    .carousel-control.left,
    .carousel-control.right {
        max-height: none;
    }
    .carousel-outer h1 {
        text-align: center;
    }

    .product-promo div {
        text-align: center;
    }
}

@media screen and (max-width: 540px) {
    h1 {
        font-size: 5vw;
    }
    fieldset legend {
        font-size: 4vw;
        text-align: center;
        width: 100%;
    }
    .carousel-control.left,
    .carousel-control.right {
        /*max-height: 50vw;*/
    }
    .promo-banner .description > div {
        font-size: 2vw;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1400px) and (min-width: 767px) {
    .menu-main {
        float: right;
    }
    .menu-buttons {
        clear: both;
    }
    .navbar-nav > li {
        font-size: 1.2vw;
    }
    .menu-main.nav > li > a {
        padding: 0.9vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    button,
    .button {
        font-size: 1vw;
    }
    .menu-main.nav > li > a.home {
        padding-top: 0px;
    }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
    .menu-main.navbar-nav > li {
        font-size: 1.5vw;
    }
    .menu-main.navbar-nav > li > a,
    .menu-buttons.navbar-nav > li > a {
        padding: 2vw 1vw;
    }
    .menu-main.navbar-nav > li.desktop > a {
        padding: 1vw;
    }
    .menu-main.nav.navbar-nav {
        float: left !important;
    }

    .shopping-cart-amount {
        top: 1vw;
        left: 4vw;
        font-size: 12px;
    }
}

@media screen and (min-width: 767px) {
    h1 {
        padding-left: 15px;
    }
    .row h1 {
        padding-left: 0px;
    }

    .image-section > div:nth-child(1) {
        text-align: right;
    }

    .image-section > div:nth-child(3) {
        text-align: left;
    }

    .carousel-control {
        top: 46px;
        bottom: 98px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        margin-top: -1vw;
    }
    .search {
        margin-right: 1vw;
        text-align: right;
    }
    .filter-kolor.btn-group-vertical > .btn,
    .filter-kolor.btn-group > .btn,
    .filter-rozmiar.btn-group-vertical > .btn,
    .filter-rozmiar.btn-group > .btn {
        font-size: 1.2vw;
    }
    .filter-rozmiar.btn-group > .btn span {
        top: 0.3vw;
        left: 0.6vw;
    }

    select.form-control {
        width: 220px;
    }
}

@media screen and (max-width: 767px) {
    .mobile {
        display: inherit;
    }
    .menu-buttons.nav > li.mobile {
        display: inline-block;
    }

    .desktop,
    .nav > li.desktop {
        display: none;
    }
    .invisible-soft {
        visibility: visible;
    }
    label {
        text-align: center;
        font-size: 5vw;
        width: 100%;
    }

    .button,
    button {
        padding: 2vw 6vw;
        font-size: 4vw;
    }

    .button.blue,
    .button.green,
    .button.white,
    button.green,
    button.blue,
    button.white {
        margin: 20px auto 0;
        display: table;
        width: auto;
        float: none !important;
    }

    .navbar.navbar-default {
        margin: 5vw 0 3vw;
    }
    .navbar-toggle {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .navbar-nav {
        width: 100%;
    }

    .nav > li > a {
        padding: 10px 2.3vw;
    }

    .menu-buttons .caret.navbar-toggle.sub-arrow {
        position: relative;
        left: -50%;
        margin: 0.2vw 3vw;
        display: block;
        line-height: 1.5vw;
        padding: 0;
        width: 3vw;
        height: 3vw;
    }
    .caret-container {
        position: absolute;
        left: 50%;
        bottom: -4vw;
    }

    .menu-buttons.navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        top: 102%;
        left: 9vw;
        min-width: 32vw;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }
    .menu-buttons.navbar-nav .open .dropdown-menu > li > a {
        padding: 2vw;
    }

    .menu-main.navbar-nav {
        margin: 0;
    }
    .menu-main.navbar-nav > li > a {
        padding: 4vw;
    }
    .navbar-nav > li {
        font-size: 4vw;
    }
    .navbar-buttons {
        margin-top: 0px;
        margin-bottom: 5vw;
    }
    .menu-buttons a {
        font-size: 3vw;
    }
    .menu-buttons .fa {
        font-size: 5vw;
    }

    .menu-buttons .allegro {
        width: auto;
        height: 4.5vw;
        display: block;
        margin: auto;
        margin-bottom: 9px;
    }

    .navbar-default .menu-main.navbar-nav li a:hover,
    .navbar-default .menu-main.navbar-nav li a:focus,
    .navbar-default .menu-main.navbar-nav li.active > a {
        color: #428adf !important;
        background-color: #ffeb3b !important;
    }
    .navbar-default .menu-main.navbar-nav li a {
        color: #fff !important;
    }
    ul.menu-main > li:nth-child(2) {
        background-color: #ffc602;
    }
    ul.menu-main > li:nth-child(3) {
        background-color: #7ad816;
    }
    ul.menu-main > li:nth-child(4) {
        background-color: #428adf;
    }
    ul.menu-main > li:nth-child(5) {
        background-color: #f14949;
    }
    ul.menu-main > li:nth-child(6) {
        background-color: #ca6ad8;
    }
    ul.menu-main > li:nth-child(7) {
        background-color: #04cec7;
    }
    ul.menu-main > li:nth-child(8) {
        background-color: #4b873c;
    }
    .menu-main a:hover,
    .menu-main a:focus,
    .menu-main a.active {
        color: #fff !important;
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .dropdown-menu > li {
        text-align: center;
    }
    .navbar-nav.sm-collapsible a.has-submenu {
        padding-right: 2.3vw;
    }

    .content {
        font-size: 3vw;
    }
    .menu-buttons {
        text-align: center;
        margin: auto;
    }
    .menu-buttons li {
        display: inline-block;
        /*vertical-align: text-top;*/
    }
    .navbar-buttons {
        float: none;
    }
    .navbar-nav .sep {
        display: none;
    }
    .image-section .bar {
        margin-top: 0px;
    }
    .image-section .more {
        display: block;
    }

    .carousel.mobile-992 .item > div {
        max-height: none;
    }
    .carousel.mobile-992 .img-slide {
        width: 80%;
        padding: 19vw 0 4vw;
    }
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img,
    .img-responsive,
    .thumbnail a > img,
    .thumbnail > img {
        width: 80%;
    }
    .carousel.mobile-992 .img-slide {
        height: 89vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        margin-top: -33px;
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        text-align: center;
    }
    footer {
        margin-top: 10px;
    }

    footer h5 {
        font-size: 6.3vw;
    }
    footer .footer-under h6 {
        font-size: 4.3vw;
    }
    footer .footer-under span {
        font-size: 2vw;
    }
    .footer-under .icon,
    .footer-under .descr,
    .footer-under h6 {
        width: 100%;
        text-align: center;
    }
    footer div {
        font-size: 2.5vw;
    }

    /********basket***************/
    .basket-content-wrapper {
        text-align: center;
    }
    .basket-content-wrapper .basket-breadcrumbs span:not(.glyphicon) {
        text-align: center;
    }
    .basket-breadcrumbs > div {
        display: block;
        text-align: center;
        margin: 10px auto;
    }
    .basket-breadcrumbs span.glyphicon {
        display: none;
    }
    .basket-product-row-info img {
        margin: auto;
    }
    .basket-product-row > div,
    .basket-product-row .row > div,
    .basket-products-total > div,
    .basket-products-total .row > div {
        padding: 10px;
        text-align: center;
    }
    .basket-products-total .col-xs-6:nth-child(1) {
        text-align: right;
    }
    .basket-products-total .col-xs-6:nth-child(2) {
        text-align: left;
    }
    .basket-product-row-qty {
        font-size: xx-large;
    }

    .basket-product-row-info img {
        max-width: 300px;
    }
    .mini-cart {
        font-size: 9px;
        top: 34vw;
    }
    .mini-cart > div {
        display: flex;
        align-items: center;
        height: 40px;
    }
    .mini-cart > div:nth-child(2) {
        font-size: 19px;
        width: auto;
    }
    .mini-cart .basket-button,
    .mini-cart .basket-button + div {
        padding: 7px;
    }
    .menu-basket-icon .total-basket-price {
        float: right;
    }
    .menu-buttons .total-basket-price {
        margin-top: 0;
        margin-right: 0.7vw;
        font-size: 2.5vw;
        margin-bottom: 1.5vw;
    }
    .shopping-cart-amount {
        top: 0vw;
        left: 8vw;
        font-size: 2vw;
        padding: 0.2vw 0.2vw;
    }

    .product-slide img {
        margin: auto;
        height: auto;
    }
    .product-slide .img-slide {
        width: 70%;
    }
    .product-slide button.invisible-soft {
        font-size: 3vw;
    }
    .product-detail-main-image img {
        margin: auto !important;
    }

    .product-slide button.invisible-soft {
        visibility: visible;
    }

    .expand:after {
        /*content: '+';*/
    }
    .products-order-limit > div {
        text-align: center;
        margin: 10px 0;
    }
    .product-limit {
        border-left: none;
    }
    .search {
        text-align: center;
        margin: 32px 0 15px;
    }
    .search input {
        margin-bottom: 15px;
        width: 80%;
    }

    /***********filtry***************/

    .filter-box .btn-group {
        /*padding-left: 2.5vw;*/
    }

    .filter-kolor.btn-group-vertical > .btn,
    .filter-kolor.btn-group > .btn,
    .filter-rozmiar.btn-group-vertical > .btn,
    .filter-rozmiar.btn-group > .btn {
        height: 9.5vw;
        margin: 2.2vw;
    }
    .filter-rozmiar.btn-group > .btn span {
        top: 1px;
        left: 2.5vw;
    }

    .filter-box.category-list li {
        list-style: none;
        font-size: 5vw;
        padding: 2vw 10px;
    }

    .btn-group > .btn {
        font-size: 5vw;
    }

    form[name="filter"] .text-right {
        text-align: center;
    }

    div.amount {
        text-align: center;

        padding: 20px;
    }

    /***********order************/
    .order-status {
        display: block;
        margin: 10px auto;
    }
}
@media screen and (min-width: 992px) {
    .navbar-collapse {
        text-align: right;
    }
    .product-promo .amount,
    .product-detail .amount {
        padding: 0;
    }
    .product-promo .amount button,
    .product-promo .amount input {
        /*float: right;*/
    }
    .product-detail .amount button,
    .product-detail .amount input {
        float: none;
    }
}

@media screen and (min-width: 1200px) {
    .product-slide button.invisible-soft {
        font-size: 13px;
    }
}
@media screen and (min-width: 1900px) {
    .shopping-cart-amount {
        right: 21px;
        top: 7px;
    }
}