#mobile-navigation-btn, #nav-icon1, #nav-icon2, #nav-icon4 {
    cursor: pointer;
    height: 25px;
    position: relative;
    top: 4px;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    width: 25px
}

#mobile-navigation-btn span, #nav-icon1 span, #nav-icon4 span {
    background: #000;
    border-radius: 9px;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 100%
}

#mobile-navigation-btn {
    display: none
}

#mobile-navigation-btn span:first-child {
    top: 0
}

#mobile-navigation-btn span:nth-child(2), #mobile-navigation-btn span:nth-child(3) {
    top: 7px
}

#mobile-navigation-btn span:nth-child(4) {
    top: 14px
}

#mobile-navigation-btn.open span:first-child {
    left: 50%;
    top: 18px;
    width: 0
}

#mobile-navigation-btn.open span:nth-child(2) {
    transform: rotate(45deg)
}

#mobile-navigation-btn.open span:nth-child(3) {
    transform: rotate(-45deg)
}

#mobile-navigation-btn.open span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0
}

@media (max-width: 1200px) {
    .top-bar-container {
        font-size: 10px
    }

    .searchform-header .search-field {
        padding: 10px 35px 10px 50px
    }
}

@media (max-width: 991.98px) {
    .menu-icon {
        padding-left: 40px
    }

    button.mobile_btn {
        background: none;
        border: none;
        margin-bottom: 0
    }

    .mobile-open > .espa-row, .modal-open > .espa-row {
        display: none
    }

    img.theme-logo {
        height: auto;
        width: 150px
    }

    .mobile-top-bar-container {
        background: #000;
        color: #fff;
        font-size: 14px;
        padding: 5px 0
    }

    .menu-container {
        background-color: #fff;
        bottom: 0;
        display: inline-block;
        left: 0;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-100%, 0, 0);
        width: 100%;
        z-index: 9999
    }

    .menu-container .overflow-init {
        overflow: visible !important
    }

    .menu-container.open {
        margin-top: 35px;
        transform: translateZ(0)
    }

    .menu-container ul.main_menu > li > a:after, .menu-container ul.main_menu > li > a:before {
        display: none !important
    }

    .menu-container .mobile-menu {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%
    }

    .menu-container .mobile-menu ul {
        padding: 0
    }

    .menu-container .mobile-menu li {
        color: #000;
        display: block;
        font-size: 12px;
        letter-spacing: .3px;
        line-height: 28px;
        margin: 0;
        position: relative;
        text-transform: uppercase
    }

    .menu-container .mobile-menu li a {
        color: #000;
        display: block;
        font-weight: 700;
        overflow-x: hidden;
        padding: 12px 15px
    }

    .menu-container .mobile-menu li a .subMenuToggler {
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 20px;
        padding: 12px 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: -2px;
        width: 40px;
        z-index: 1
    }

    .menu-container .mobile-menu li a .subMenuToggler:after {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e93c";
        font-family: kalon !important;
        font-size: 12px;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        margin-right: 20px;
        text-transform: none
    }

    .menu-container .mobile-menu li a:hover {
        color: #c2b481
    }

    .menu-container .mobile-menu li ul.sub-menu {
        background: #fff;
        bottom: 0;
        box-shadow: 1px 0 5px hsla(0, 0%, 100%, .1);
        display: inline-block;
        left: 0;
        list-style-type: none;
        margin: 0;
        overflow: auto;
        padding: 0;
        position: fixed;
        text-align: left;
        top: 40px;
        transform: translate3d(-100%, 0, 0);
        width: 100%;
        z-index: 500
    }

    .menu-container .mobile-menu li ul.sub-menu.open {
        transform: translateZ(0)
    }

    .menu-container .mobile-menu li ul.sub-menu li:not(:first-child) {
        font-weight: 400
    }

    .menu-container .mobile-menu li ul.sub-menu li a {
        color: #000;
        font-weight: 400;
        padding-left: 30px;
        padding-top: 10px
    }

    .menu-container .mobile-menu li ul.sub-menu li a:not(:first-child) {
        font-weight: 700
    }

    .menu-container .mobile-menu li ul.sub-menu li a:hover {
        color: #c2b481
    }

    .menu-container .mobile-menu li ul.sub-menu .first-subMenu {
        color: #000
    }

    .menu-container .mobile-menu li ul.sub-menu .first-subMenu .subMenuToggler {
        display: none
    }

    .menu-container .mobile-menu li ul.sub-menu .first-subMenu > a {
        color: #fff
    }

    .menu-container .mobile-menu li ul.sub-menu .close-subMenu {
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 12px;
        padding-top: 8px;
        position: absolute;
        right: 0;
        width: 45px;
        z-index: 1
    }

    .menu-container .mobile-menu li ul.sub-menu .close-subMenu:after {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e93b";
        font-family: kalon !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none
    }

    .main-menu-container {
        z-index: 99999
    }

    .main-menu-container.fixed-header {
        border-bottom: 1px solid #c2b481;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99999
    }

    .body-fixed-header {
        padding-top: 128px
    }

    .sub-menu-info {
        /*background: #d8c7c7;*/
        background:black;
        color: #fff;
        padding: 10px 15px
    }

    .sub-menu-info a {
        color: #fff
    }

    .sub-menu-info span.icon-paper-plane, .sub-menu-info span.icon-pin1 {
        /*filter: brightness(0) saturate(100%) invert(0) sepia(8%) saturate(7469%) hue-rotate(300deg) brightness(90%) contrast(110%)*/
        filter: brightness(0) invert(1);
    }

    .sub-menu-info-tel {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        margin-left: 15px;
        margin-top: 40px;
        position: relative
    }

    .sub-menu-info-tel a {
        color: #c2b481;
        display: inline-block;
        margin-bottom: 15px;
        margin-left: 5px;
        margin-top: 15px;
        position: relative
    }

    .sub-menu-info-tel span.icon-call {
        filter: brightness(0) saturate(100%) invert(78%) sepia(12%) saturate(840%) hue-rotate(10deg) brightness(90%) contrast(91%);
        font-size: 18.03px;
        margin-right: 5px
    }

    .sub-menu-info-lang {
        align-items: center;
        display: inline-flex;
        float: right;
        justify-content: center;
        position: absolute;
        right: 30px;
        text-transform: uppercase;
        top: 50px
    }

    .sub-menu-info-lang a {
        color: #c2b481
    }

    .searchform.show {
        opacity: 1;
        visibility: visible
    }

    .searchform {
        background: hsla(60, 14%, 96%, .9);
        bottom: 0;
        left: 0;
        opacity: 0;
        padding: 40px;
        position: fixed;
        top: 80px;
        transition: all .2s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: 999
    }

    .searchform h3 {
        color: #000;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 20px;
        margin-top: 60px
    }

    input#search-s-mob {
        background: #d8c7c7;
        border: 1px solid #d8c7c7;
        border-radius: 30px;
        display: block;
        font-size: 16px;
        height: 50px;
        padding-left: 20px;
        padding-right: 40px;
        position: relative;
        width: 100%
    }

    input#search-s-mob ::-webkit-input-placeholder {
        color: #000
    }

    button.close-search {
        border: none;
        float: right;
        margin-top: 50px;
        padding: 0 4px
    }

    .search-button, button.close-search {
        background: transparent;
        color: #000;
        font-size: 18px
    }

    .search-button {
        border: 0;
        line-height: 29px;
        padding: 0;
        position: absolute;
        right: 60px;
        top: 150px;
        transition: all .2s ease-in-out
    }

    button.open-search {
        background: none;
        border: none;
        padding: 0
    }

    .icons-main-menu li a span {
        margin-left: 0;
        margin-right: 5px
    }

    .icons-main-menu li button span {
        background: hsla(0, 0%, 100%, .37);
        border-radius: 30px;
        color: #000 !important;
        font-size: 25px;
        margin-right: 5px;
        padding: 10px;
        position: relative
    }

    .header-logo img {
        max-width: 150px
    }

    ul#menu-top-left-menu {
        display: inline-flex
    }

    .mobile_btn {
        display: inline-block;
        padding: 0;
        top: -29px
    }

    button.mobile_btn span {
        color: #000 !important;
        font-size: 40px
    }

    a.header-logo {
        background: transparent;
        border: none;
        margin: 0;
        padding: 0
    }

    a.user-account span {
        font-size: 20px
    }

    form#searchform-header input {
        height: 42px
    }

    .top-bar > li + li {
        margin-left: 10px
    }

    .top-bar > li {
        font-size: 20px;
        margin: 0 5px
    }

    .top-bar > li [class*=" icon-"], .top-bar > li [class^=icon-] {
        color: #000;
        font-size: 22px
    }

    #search-term::-moz-placeholder {
        color: #fff
    }

    #search-term::placeholder {
        color: #fff
    }

    #search-term:-ms-input-placeholder {
        color: #fff
    }

    .tns-controls, .tns-nav {
        display: none
    }
}

@media (max-width: 768px) {
    .main-menu a, .sub-menu-info-lang a, .sub-menu-info-tel a {
        font-size: 14px
    }

    .menu-container .mobile-menu li a .subMenuToggler:after {
        margin-right: 10px
    }

    .searchform {
        top: 60px
    }
}

@media (max-width: 576px) {
    .body-fixed-header {
        padding-top: 78px
    }

    .top-bar-container {
        font-size: 10px
    }

    .menu-icon {
        padding-left: 20px
    }

    button.mobile_btn span {
        font-size: 30px
    }

    .icons-main-menu li a span {
        font-size: 20px;
        padding: 6px
    }

    .icons-main-menu li button span {
        font-size: 18px;
        padding: 7px
    }

    .mobile-top-bar-container {
        font-size: 12px
    }

    img.theme-logo {
        height: auto;
        width: 90px
    }

    .sub-menu-info-lang a, .sub-menu-info-tel a {
        font-size: 12px
    }

    .sub-menu-info {
        font-size: 13px
    }

    .main-menu a {
        font-size: 14px
    }

    .menu-container .mobile-menu li a .subMenuToggler:after {
        margin-right: 10px
    }

    .woocommerce ul.products li.product .button {
        right: 15px
    }

    .woocommerce ul.products .tinv-wraper.tinv-wishlist {
        left: 15px
    }
}

@media (max-width: 320px) {
    .text-center {
        font-size: 10px;
        text-align: center !important
    }

    .mobile_btn .icon-menu {
        font-size: 23px
    }

    img.theme-logo {
        width: 70px
    }

    .icons-main-menu li a span {
        font-size: 16px;
        padding: 4px
    }

    .icons-main-menu li button span {
        font-size: 13px;
        margin-right: 5px;
        padding: 5px
    }

    .menu-container {
        transform: translate3d(-365px, 0, 0);
        width: 100%
    }

    .d-block {
        font-size: 10px
    }

    span.icon-call {
        font-size: 12px
    }

    span.icon-paper-plane, span.icon-pin1 {
        font-size: 13px
    }

    .sub-menu-info, .sub-menu-info-tel a {
        font-size: 10px
    }

    .sub-menu-info-lang a {
        font-size: 12px
    }

    .menu-container .mobile-menu li a .subMenuToggler {
        padding: 8px 0
    }

    .main-menu a {
        font-size: 10px
    }

    .menu-container .mobile-menu li a .subMenuToggler:after {
        font-size: 10px;
        margin-right: 5px
    }

    .menu-container .mobile-menu li ul.sub-menu .close-subMenu {
        font-size: 10px;
        padding: 9px 0
    }

    .search-button {
        top: 145px
    }

    .woocommerce ul.products li.product .button {
        right: 10px
    }

    .woocommerce ul.products li.product .button:before {
        font-size: 17px
    }

    .woocommerce ul.products .tinv-wraper.tinv-wishlist {
        left: 10px
    }

    .woocommerce ul.products li.product .tinv-wraper.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
        font-size: 16px
    }
}

@media (max-width: 991.98px) {
    .menu-show > .espa-row {
        display: none
    }

    #mobile-navigation-btn {
        display: block
    }

    body.mobile-open .header #mobile-navigation-btn span, body.mobile-open .header.header-transparent #mobile-navigation-btn span {
        background: #fff
    }

    body.mobile-open .widget_shopping_cart_content .nav-btn {
        color: #fff
    }

    body.mobile-open .socialbar-container {
        opacity: 1;
        transition: visibility .3s, opacity .3s linear;
        visibility: visible
    }

    body.mobile-open .header, body.mobile-open .header.header-transparent {
        background: #262626 !important
    }

    body.mobile-open .header .logo_standard, body.mobile-open .header.header-transparent .logo_standard {
        display: block !important
    }

    body.mobile-open .header .logo_transparent, body.mobile-open .header.header-transparent .logo_transparent {
        display: none !important
    }

    .breadcrumb-row {
        padding: 0
    }

    .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
        width: calc(49% - 12px)
    }

    .title-error {
        font-size: 20px
    }

    .circle-404 h1 {
        font-size: 150px
    }

    .circle-404 {
        height: 350px;
        width: 350px
    }

    .gray-row, .white-row {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .box-404 p, form#return-form label {
        font-size: 13px
    }

    div#breadcrumbs {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .main-title.h1, h1.main-title, h1.main-title.entry-title {
        font-size: 20px
    }

    .tinv-wishlist tfoot .tinvwl-to-right {
        margin-bottom: 20px;
        width: 100%
    }

    #breadcrumbs {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        white-space: nowrap
    }

    #breadcrumbs::-webkit-scrollbar {
        display: none
    }

    .find-my-order-box:before {
        left: 5px
    }

    .find-my-order-box .btn-primary {
        margin-left: 12px;
        width: 96%
    }

    td.product-thumbnail:before {
        display: none
    }

    .woocommerce-cart table.cart td.actions .coupon .button {
        padding: 11px 20px
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        max-width: 45%;
        padding: 9px
    }

    .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
        float: none;
        padding-bottom: .5rem
    }

    #order_review_heading, .woocommerce-checkout-review-order {
        width: 50%
    }

    .we-login .google-login {
        margin-top: 12px
    }

    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block
    }

    a.checkout-button.button.alt.wc-forward:after {
        right: 8px
    }

    a.checkout-button.button.alt.wc-forward:before {
        left: 24px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 1px 5px;
        width: 30%
    }

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        float: right
    }

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        display: block;
        text-align: center;
        width: 100%
    }

    .woocommerce ul.products li.product h2, ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 10px
    }

    .woocommerce .woocommerce-ordering select {
        overflow: hidden
    }

    .h1, h1 {
        font-size: 14px
    }

    .woocommerce .woocommerce-result-count {
        font-size: 12px
    }

    .woocommerce .woocommerce-ordering select {
        border-color: #c2b481;
        font-size: 12px
    }

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin: 0
    }

    span.icon-call, span.icon-paper-plane, span.icon-pin1 {
        filter: brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(513%) hue-rotate(312deg) brightness(86%) contrast(95%);
        font-size: 18.03px;
        margin-right: 10px
    }

    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        max-height: 40% !important;
        overflow: scroll !important
    }
}

@media (max-width: 768px) {
    .main-title.h1, h1.main-title, h1.main-title.entry-title {
        font-size: 17px
    }

    #cookie-bar.fixed.bottom {
        bottom: 0;
        left: 0;
        width: 100%
    }

    #cookie-bar p {
        font-size: 12px;
        line-height: 1.1
    }

    .woocommerce .woocommerce-order .woocommerce-thankyou-order-received:after, .woocommerce .woocommerce-order .woocommerce-thankyou-order-received:before {
        display: none
    }

    .woocommerce .woocommerce-order ul.order_details {
        margin-bottom: 0
    }

    .woocommerce .rey-checkoutBar .h4 .icon-check-circle, .woocommerce .rey-checkoutBar h4 .icon-check-circle {
        display: none
    }

    .tinv-wishlist table td.product-name a, .woocommerce-cart table.cart td.product-name a {
        font-size: 12px
    }

    .woocommerce .rey-checkoutBar li {
        padding: 20px 0 0
    }

    .woocommerce .rey-checkoutBar .h4, .woocommerce .rey-checkoutBar h4 {
        font-size: 12px
    }

    .woocommerce-cart table.cart td.actions .coupon .button {
        font-size: 12px;
        padding: 11px 0
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        font-size: 12px
    }

    .woocommerce .checkout .col2-set .col-1, .woocommerce .checkout .col2-set .col-2, .woocommerce form .password-input, .woocommerce-page form .password-input {
        width: 100%
    }

    .woocommerce #order_review_heading, .woocommerce .checkout .col2-set, .woocommerce .woocommerce-checkout-review-order {
        float: none;
        width: 100%
    }

    .woocommerce div:not(.row) > .col-1, .woocommerce div:not(.row) > .col-2 {
        display: block;
        flex: none;
        max-width: none;
        padding: 0
    }

    .we-login p {
        font-size: 13px
    }

    .woocommerce .woocommerce-checkout-review-order, .woocommerce-checkout-review-order {
        padding: 0
    }

    .woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
        font-size: 15px;
        letter-spacing: 0
    }

    .woocommerce .woocommerce-order ul.order_details li {
        border-right: 0;
        display: block;
        float: none;
        margin-bottom: 13px;
        text-align: left
    }

    .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
        padding: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 1px 10px
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        font-size: 13px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        width: 20%
    }

    .breadcrumb-row a {
        font-size: 13px
    }

    .woocommerce a.button:not(.add_to_cart_button) {
        font-size: 12px;
        padding: 10px 30px
    }

    td.xoo-cp-pimg, td.xoo-cp-ptitle {
        display: block;
        width: 100%
    }

    td.xoo-cp-ptitle {
        padding-left: 5px;
        text-align: center !important
    }

    td.xoo-cp-pprice {
        display: block;
        font-size: 20px;
        margin: 15px 0;
        width: 100%
    }

    td.xoo-cp-pqty {
        display: block;
        min-width: 100%
    }

    .xoo-cp-container .xoo-cp-ptotal {
        text-align: center
    }

    .archive-description p {
        font-size: 12px;
        width: 330px
    }

    .woocommerce ul.products li.product .h2, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 {
        height: 60px
    }

    .woocommerce ul.products li.product .button {
        font-size: 0
    }

    .woocommerce-perpage {
        float: none;
        margin-bottom: 11px;
        margin-left: 0
    }

    .life_content {
        transform: translate3d(300px, 0, 0);
        -webkit-transform: translate3d(300px, 0, 0);
        -ms-transform: translate3d(300px, 0, 0);
        -sand-transform: translate3d(300px, 0, 0);
        transition: transform .3s ease;
        width: 300px
    }

    div#life_content p {
        padding-left: 50px
    }

    div#life_content img {
        left: 10px
    }

    .modal-atributes {
        margin-bottom: 15px
    }

    .contact-box {
        margin-bottom: 20px
    }

    .circle-404 {
        height: 310px;
        padding: 60px 0;
        width: 310px
    }

    .circle-404 h1 {
        font-size: 120px
    }
}

@media (max-width: 576px) {
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 2px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        width: 30%
    }

    .woocommerce-MyAccount-content legend {
        font-size: 16px
    }

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
        width: 100%
    }

    .h1, h1 {
        font-size: 12px
    }

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        font-size: 12px;
        padding-top: 5px
    }

    .woocommerce .woocommerce-ordering select {
        color: #000;
        font-size: 12px;
        width: 100%
    }

    a.btn.btn-secondary, button.btn.btn-primary {
        font-size: 12px
    }

    .form-control {
        margin-bottom: 15px
    }

    .woocommerce .checkout .custom-coupon-form .button#apply_coupon {
        height: 39px
    }
}

@media (max-width: 448px) {
    .top-bar-container {
        font-size: 12px
    }

    button.mobile_btn span {
        font-size: 20px
    }

    .icons-main-menu li a span {
        font-size: 16px;
        margin-right: 3px;
        padding: 6px
    }

    .icons-main-menu li button span {
        font-size: 15px;
        margin-right: 3px;
        padding: 6px
    }

    .breadcrumb-row a, .breadcrumb-row span {
        font-size: 12px
    }

    .woocommerce #customer_login .col-1 .h2, .woocommerce #customer_login .col-1 h2, .woocommerce #customer_login .col-2 .h2, .woocommerce #customer_login .col-2 h2 {
        font-size: 18px
    }

    .u-column2.col-2, form.woocommerce-form.woocommerce-form-login.login {
        font-size: 12px
    }

    .woocommerce form.login button, .woocommerce form.register button, form.edit-account .button {
        padding: 8px 25px
    }

    button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit, button.woocommerce-button.button.woocommerce-form-login__submit {
        font-size: 12px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 1px 3px;
        width: 100%
    }

    .breadcrumb-row {
        padding: 0
    }

    .gray-row, .white-row {
        padding-top: 20px
    }

    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        margin-bottom: 0;
        padding-top: 6px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        padding: 10px 2px
    }

    .woocommerce a.button:not(.add_to_cart_button) {
        font-size: 10px;
        padding: 8px 20px
    }

    .woocommerce-Message.woocommerce-Message--info.woocommerce-info {
        font-size: 11px
    }

    a.edit {
        font-size: 12px
    }

    .woocommerce form.login button, .woocommerce form.register button, form.edit-account .button {
        font-size: 12px;
        padding: 8px 20px
    }

    .woocommerce-MyAccount-content legend {
        font-size: 16px
    }

    .cart-menu .shopcart .cart-inner .cart-item .h4, .cart-menu .shopcart .cart-inner .cart-item h4, span.tinvwl-mobile, span.tinvwl-txt {
        font-size: 12px
    }

    .cart-menu .bottom-cart .woocommerce-mini-cart__total {
        font-size: 13px
    }

    .cart-menu .shopcart .cart-inner .cart-item .h4 a, .cart-menu .shopcart .cart-inner .cart-item h4 a {
        font-size: 12px
    }
}

@media (max-width: 320px) {
    .breadcrumb-row {
        padding: 0
    }

    .breadcrumb-row a, .breadcrumb-row span {
        font-size: 11px
    }

    .white-row {
        padding-bottom: 40px;
        padding-top: 15px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        margin-bottom: 30px;
        padding: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        margin: 0 1px 3px;
        width: 100%
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        font-size: 10px;
        padding: 6px 2px
    }

    .woocommerce a.button:not(.add_to_cart_button) {
        font-size: 10px;
        padding: 6px 15px
    }

    .woocommerce-account .addresses .title h3 {
        font-size: 13px
    }

    .woocommerce-account .addresses .title .edit {
        font-size: 11px
    }

    .woocommerce form .form-row input.input-text {
        font-size: 13px
    }

    .woocommerce-MyAccount-content legend {
        font-size: 14px
    }

    .woocommerce form .form-row label {
        font-size: 11px
    }

    .woocommerce form.login button, .woocommerce form.register button, form.edit-account .button {
        font-size: 11px;
        padding: 6px 35px
    }

    .tinv-wishlist table thead th .tinvwl-mobile {
        font-size: 11px
    }

    .tinv-wishlist table.tinvwl-table-manage-list tbody td:not(:last-child) {
        padding: .5rem
    }

    .tinvwl-to-right.look_in .button, time.entry-date {
        font-size: 11px
    }

    tr.wishlist_item td.product-action .button {
        padding: 5px 10px
    }

    span.tinvwl-txt {
        font-size: 11px
    }

    .tinv-wishlist .social-buttons li a.social {
        font-size: 19px
    }

    .cart-menu {
        width: 100%
    }

    .cart-menu .shopcart {
        margin-top: 20px
    }

    .cart-menu .shopcart .cart-inner .cart-item h4 a {
        font-size: 11px
    }

    .cart-menu .shopcart .cart-inner .cart-item span.quantity {
        font-size: 13px
    }

    .cart-menu .bottom-cart .button, p.cart-shipping {
        font-size: 11px
    }

    a.checkout-button.button.alt.wc-forward, button.btn.btn-primary.empty_cart, form.checkout .h3, form.checkout h3, tbody {
        font-size: 12px
    }

    .woocommerce .checkout #order_comments_field label[for=order_comments] {
        text-align: center
    }

    th.product-name, th.product-total {
        font-size: 12px
    }
}