.mobile {
    display: none;
}

.form-group.product-category ul li ul {
    padding-left: 23px;
}

header#main-header .container-fluid .container-upper > div.mobile-wrapper {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}

header#main-header .container-fluid .container-upper .search-wrapper {
    width: 45%;
}

header#main-header .container-fluid .container-upper .contact-wrapper {
    width: 35%;
}

header#main-header .container-fluid .container-upper .cart-wrapper {
    width: 20%;
}

#billing_vat_field {
    display: none;
}

.mb-10 {
    margin-bottom: 10px;
}

header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-85692 {
    background: #1FBF72;
}

header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-85692 > a {
    color: #fff !important;
}

header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu li#menu-item-85692:hover > a {
    color: #fff !important;
}

section#home-slider .container-fluid .row .col.col-md-12.col-12 .swiper-container {
    overflow: hidden;
}

.woocommerce #customer_login form .form-row input.input-text,
.woocommerce #customer_login form .form-row textarea {
    display: block;
    position: relative;
    width: 100%;
    min-width: unset !important;
    border: solid 1px #f0f0f0;
    padding: 1rem;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #808080;
}

.woocommerce-cart-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% / 3 * 2) - 1rem) !important;
    margin-right: 2rem;
}

.woocommerce-cart-form table tbody tr td.product-remove a,
.woocommerce-cart-form table tbody tr td.product-remove a:hover {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1;
    text-decoration: none;
    background: white;
    /* font-size: 2rem; */
    font-size: 0;
    color: white;
    border-radius: 2rem;
    text-transform: uppercase;
}

.woocommerce-cart-form table tbody tr td.product-remove a::before {
    content: "\e08d";
    font-family: "iconmonstr-iconic-font";
    color: #25e688;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1.5rem;
}

.woocommerce-cart-form table tbody tr td.product-name a {
    text-decoration: underline;
    color: #808080;
    font-weight: 700 !important;
}

.woocommerce-cart-form table tbody tr td.product-thumbnail {
    max-width: 5rem;
    position: relative;
}

form.woocommerce-cart-form table tbody tr td {
    line-height: 1rem;
    padding: 0.5rem 1rem;
    font-weight: 700;
    color: #808080;
}

.woocommerce-cart-form table tbody tr td.product-quantity {
    max-width: 5rem;
}

.woocommerce-cart-form table tbody tr td.product-quantity input {
    display: block;
    position: relative;
    width: 100%;
    min-width: unset !important;
    border: solid 1px #f0f0f0;
    padding: 1rem;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #808080;
}

.woocommerce-cart table.cart th {
    padding: 0 1rem;
    padding-bottom: 1rem;
}

.woocommerce table.shop_table {
    border: 0;
}

.woocommerce-cart-form table tbody tr td.actions .coupon {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: 50%;
}

.woocommerce-cart-form table tbody tr td.actions .coupon input#coupon_code {
    width: 10rem;
    display: block;
    position: relative;
    float: none;
    display: block;
    position: relative;
    min-width: unset !important;
    border: solid 1px #f0f0f0;
    padding: 1rem;
    line-height: 1;
    font-size: 1rem;
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    color: #808080;
}

.woocommerce-cart-form table tbody tr td.actions .coupon button {
    width: auto;
    float: none;
    display: inline-flex;
    position: relative;
    text-decoration: none;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1 !important;
    padding: 0.5rem 1rem !important;
    background: #000000;
    color: #FFFFFF !important;
    border: solid 2px #000000 !important;
    border-radius: 10rem !important;
    font-family: "Barlow", sans-serif;
    cursor: pointer;
}

.woocommerce-cart-form table tbody tr td.actions button.button[name=update_cart],
.woocommerce-cart-form table tbody tr td.actions button.button[name=update_cart]:hover {
    width: auto;
    float: none;
    display: inline-flex;
    position: relative;
    text-decoration: none;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1 !important;
    padding: 0.5rem 1rem !important;
    background: #000000;
    color: #FFFFFF !important;
    border: solid 2px #000000 !important;
    border-radius: 10rem !important;
    font-family: "Barlow", sans-serif;
    cursor: pointer;
    margin-top: 0.5rem;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    width: calc((100% / 3 * 1) - 1rem) !important;
    padding: 2rem;
    background: #F8F8F8;
    border-radius: 0.5rem;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

.woocommerce-page .regular-section .woocommerce {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.woocommerce-page .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals table {
    display: none;
}

@media all and (max-width: 1600px) {
    a.checkout-button.button.alt.wc-forward {
        padding: 1rem !important;
    }

    a.checkout-button.button.alt.wc-forward::after {
        margin-right: 2rem !important;
    }
}

@media all and (max-width: 1439px) {
    a.checkout-button.button.alt.wc-forward::after {
        content: none;
    }
}

@media all and (max-width: 1400px) {
    header#main-header .container-fluid .container-upper .contact-wrapper {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center;
    }

    header#main-header .container-fluid .container-upper .contact-wrapper p a {
        line-height: 24px;
    }
}

@media all and (max-width: 1200px) {
    .grid.products-grid .box-single-product {
        width: calc((100% - 3rem) / 3 );
    }

    header#main-header .container-fluid .container-lower {
        bottom: -4rem;
    }

    .grid.products-grid {
        justify-content: space-between;
    }

    .grid.products-grid .box-single-product {
        margin-right: 0;
    }

    button.single_add_to_cart_button.button.alt {
        padding: 1rem 1.5rem !important;
    }

    button.single_add_to_cart_button.button.alt::after,
    a.checkout-button.button.alt.wc-forward::after {
        content: none;
    }

    a.checkout-button.button.alt.wc-forward {
        padding: 1rem !important;
    }

    section.cart-content.regular-section .row > .col form.woocommerce-cart-form table tbody tr td.product-quantity .quantity input {
        padding: 1rem 6px;
    }

    section.cart-content.regular-section .row > .col form.woocommerce-cart-form table tbody tr td.actions .coupon {
        width: auto;
    }
}

@media all and (max-width: 991px) {
    .grid.products-grid .box-single-product,
    .grid.products-grid .box-single-product {
        width: calc((100% - 3rem) / 2 );
    }

    .mobile {
        display: block;
    }

    .positioned {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100000;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
    }

    .positioned .column-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .positioned .column-content {
        height: calc(100% - 58px);
        overflow: scroll;
    }

    .mobile.clicked h4 {
        display: flex;
        align-items: center;
    }

    .mobile.clicked h4 {
        font-size: 1rem;
    }

    .mobile.clicked i {
        margin-left: 10px;
    }

    header#main-header .container-fluid .container-upper > div.mobile-wrapper {
        width: 100%;
        display: none;
        position: absolute;
        left: 0;
        z-index: 10000000;
        background-color: #000;
        top: 96px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 30px;
    }

    header#main-header .container-fluid .container-upper .contact-wrapper {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    header#main-header .container-fluid .container-upper .contact-wrapper p {
        flex-basis: 100%;
    }

    header#main-header .container-fluid .container-upper .contact-wrapper p.phone {
        margin-bottom: 16px;
    }

    header#main-header .container-fluid .container-upper .contact-wrapper p a {
        justify-content: flex-start;
        font-family: Barlow;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
    }

    header#main-header .container-fluid .container-upper .logo-wrapper {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    header#main-header .container-fluid .container-upper .logo-wrapper .mobile {
        width: 57px;
        height: 56px;
        background-color: #323232;
        border-radius: 7px;
        border: 1px solid #323232;
        background-position: center;
        background-image: url('assets/png/mobile-open.png');
        background-repeat: no-repeat;
    }

    header#main-header .container-fluid .container-upper .logo-wrapper .mobile.active {
        background-image: url('assets/png/mobile-close.png');
    }

    header#main-header .container-fluid .container-lower {
        position: static;
        margin-left: -15px;
        margin-right: -15px;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper {
        width: 100%;
        justify-content: center;
        margin-top: 40px;
    }

    header#main-header .container-fluid .container-upper {
        position: static;
    }

    .open-menu {
        width: 226px;
        height: 56px;
        background: #000000;
        border-radius: 7px;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    .open-menu span {
        display: inline-block;
        width: 28.5px;
        height: 20px;
        background-image: url(assets/png/mobile-open.png);
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
    }

    .open-menu.active span {
        background-image: url(assets/png/mobile-close.png);
    }

    .open-menu span::after {
        content: "Wyświetl menu";
        position: absolute;
        left: 100%;
        width: 150px;
        margin-left: 10px;
    }

    .open-menu.active span::after {
        content: "Zamknij menu";
    }

    header#main-header .container-fluid .container-lower .menu-wrapper {
        display: none;
        position: absolute;
        background-color: #fff;
    }

    .container-lower .mobile {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header#main-header {
        padding-bottom: 0;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu {
        display: block;
        padding-bottom: 22px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu li {
        display: list-item;
        position: relative;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li.menu-item-has-children::after {
        content: '';
        width: 28px;
        height: 28px;
        position: absolute;
        top: 11px;
        right: 32px;
        background-image: url('assets/svg/hattrick_icon_arrow.svg');
        background-position: center;
        background-repeat: no-repeat;
        transform: rotate(-90deg);
        transition: .4s;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li.menu-item-has-children.active::after {
        transform: rotate(0deg);
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li > a {
        justify-content: flex-start;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li > ul.sub-menu > li > ul.sub-menu {
        display: none;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li > ul.sub-menu {
        position: static;
        border-bottom: none;
        box-shadow: none;
        backdrop-filter: none;
        padding: 0;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li:hover > ul.sub-menu {
        display: none;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li:hover > a:after {
        display: none;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu li a {
        display: inline-block;
        width: auto;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li > ul.sub-menu > li {
        width: 100%;
        padding-left: 20px;
    }
    
    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li > ul.sub-menu > li > a {
        font-family: Barlow;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #7C7C7C;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p {
        width: 140px;
        height: 48px;
        border: 2px solid #242424;
        border-radius: 7px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 60px !important;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.account a:before {
        top: 0;
        left: -30px;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.account a,
    header#main-header .container-fluid .container-upper .cart-wrapper p.cart a {
        font-family: Barlow;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
        width: auto;
        height: auto;
        background: transparent;
        display: inline-block;
        margin: 0;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.cart a .mobile {
        color: #fff;
    }

    .cart-positioned {
        position: absolute;
        left: -21px;
        top: -7px;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.cart a:before {
        left: -36px;
        top: unset;
        bottom: 0;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.cart a:after {
        left: -25px;
        top: -3px;
    }

    header#main-header .container-fluid .container-upper .cart-wrapper p.cart a {
        color: #000;
    }

    header#main-header .container-fluid .container-upper .search-wrapper {
        width: 100%;
        margin-bottom: 24px;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-55313 {
        background: #fff;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 20px;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-55313::after {
        display: none;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-55313 > a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 7px;
        height: 60px;
        background: #25E688;
        border-radius: 7px;
        font-family: Barlow;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.15px;
        color: #FFFFFF;
    }

    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li#menu-item-55313 ul.sub-menu,
    header#main-header .container-fluid .container-lower .menu-wrapper ul#top-menu > li.current-menu-item > a:after {
        display: none !important;
    }

    .grid.products-grid {
        justify-content: space-between;
    }

    .grid.products-grid .box-single-product {
        margin-right: 0;
    }

    #product-summary,
    div#product-details {
        margin: 0 !important;
    }

    div#product-summary .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-sliders-wrapper .product-slider-nav {
        order: 1;
        margin: 0;
        width: 100%;
    }

    .product-sliders-wrapper .product-slider-main {
        flex-basis: 100%;
        width: 100%;
    }

    .product-sliders-wrapper .product-slider-nav .slick-slide {
        width: 100px;
    }

    section.cart-content.regular-section .row > .col form.woocommerce-cart-form {
        width: 100% !important;
        margin: 0 0 2rem 0;
    }

    section.cart-content.regular-section .row > .col .cart-collaterals {
        width: 100% !important;
    }

    .woocommerce .col2-set, .woocommerce-page .col2-set {
        flex-wrap: wrap;
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        width: 100%;
        flex-basis: 100%;
    }

    .woocommerce ul.order_details li {
        margin: 0 0 10px 0;
        width: 100%;
        border-right: 0;
    }

    .woocommerce-cart-form {
        width: 100% !important;
        margin: 0 0 2rem 0;
    }

    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        width: 100% !important;
    }
}

@media all and (max-width: 768px) {
    .grid.products-grid .box-single-product {
        width: 100%;
    }

    footer#main-footer .container .row.row-upper .menu-wrapper .wrapper-inner ul.bottom-nav {
        flex-wrap: wrap;
    }

    footer#main-footer .container .row.row-upper .menu-wrapper .wrapper-inner ul.bottom-nav li {
        flex-basis: 100%;
    }

    footer#main-footer .container .row.row-lower .implementation-wrapper .wrapper-inner p,
    footer#main-footer .container .row.row-lower .legal-wrapper .wrapper-inner p {
        text-align: center;
    }

    .product-info-box .box-content .box-content-inner {
        padding: 2rem;
    }

    .box.dashboard-box nav.woocommerce-MyAccount-navigation ul li {
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    button.single_add_to_cart_button.button.alt {
        padding: 1rem 1rem !important;
        font-size: 0.8rem !important;
    }

    .woocommerce-account .addresses .title h3 {
        font-size: 1rem;
    }

    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2rem;
    }
}