/**
 * Theme Name:     Estetech De
 * Author:         Estetech De
 * Template:       bootstrap-basic4
 * Text Domain:	   estetech
 * Description:    Child theme for Estetech
 * Theme URI:      http://Estetech
 * Author URI:     http://Estetech
 * Version:        1
 */

body, h1, h2, h3, h4, h5, p, body a, span, ul li, ol li, ul li a {font-family: 'Nunito Sans', sans-serif; color: #2a2b2f}



:root {
    --border-gray:  #ddd;
    --button-gray:  #f0f0f0;
    --smoke-bg:  #f8f8f8;
}

img {max-width:  100%;}
.full-container {max-width: 100%}
header .short-menu {text-align: right;}
header ul.navbar-nav {margin-left: auto!important; margin-top: 20px; z-index: 9999}
header ul.navbar-nav li {position: relative;}
header ul.navbar-nav li.menu-item a {color: #2a2b2f; padding:  10px 20px}

header ul.navbar-nav li.menu-item-has-children:hover ul.sub-menu {display: block}
header ul.navbar-nav ul.sub-menu {display: none; list-style-type: none; padding-left: 0; position: absolute; top: 33px; width: max-content; min-width: 240px}
header ul.navbar-nav ul.sub-menu a {padding: 8px 20px; background-color: var(--button-gray); float: left; width: 100%;}

header ul.navbar-nav li.menu-item-has-children li.menu-item-has-children {position:relative; padding-right: 0}
header ul.navbar-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul {position: absolute; left: 100%; top: 0; display: none}
header ul.navbar-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover ul {display: block}

header ul.navbar-nav li.menu-item-has-children {position: relative; padding-right:10px}
header ul.navbar-nav li.menu-item-has-children:before {position: absolute; content: ""; top: 8px; right: 6px; width: 6px; height: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotateY(0deg) rotate(45deg);}
header ul.navbar-nav li.menu-item-has-children li:before {display: none; padding-right: 0}


header ul.navbar-nav ul.sub-menu li.menu-item-has-children {position: relative;}
header ul.navbar-nav ul.sub-menu li.menu-item-has-children:after {position: absolute; content: ""; top: 17px; right: 15px; width: 6px; height: 6px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotateY(0deg) rotate(-45deg);}




header .short-menu {margin-top: 15px}
header .short-menu a {padding: 5px 10px}
header .icon-menu img {width: 22px;}

div#search-btn .yith-ajaxsearchform-container {background-color: #f0f0f0; padding: 100px 50px; text-align: center; margin-top: 20px}
div#search-btn .yith-ajaxsearchform-container input#yith-s {border: none; line-height: 56px; padding: 0 40px; width: 400px; outline: none}
div#search-btn .yith-ajaxsearchform-container input#yith-searchsubmit {background-color: #2a2b2f; color: #fff; border: none; line-height: 56px; padding: 0 40px}

.autocomplete-suggestion {float: left; width: 100%; margin-bottom: 20px}
.autocomplete-suggestion img {height: inherit; width: 70px;}
.autocomplete-suggestion .yith_wcas_result_content .title {font-size: 14px; line-height: 1.2}

.smoke-bg {background-color: #f0f0f0;}

section.top-frontpage.full-container {margin-bottom: 100px}
section.top-frontpage h2 {position: relative; padding-bottom: 5px; margin-bottom: 10px; color: #fff;}
section.top-frontpage h2:before {position: absolute; bottom: 0; left: 0; content: ""; width: 50%; height: 1px; background-color: var(--border-gray); opacity: 0.5}
section.top-frontpage h2:after {position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 1px; background-color: #fff}
.technology-menu.smoke-bg {align-items: center; display: flex; padding: 50px 100px; height: 100%; background-image: url("/wp-content/themes/estetech-de/img/technology-menu.jpg"); background-repeat: no-repeat; background-position: right bottom; background-size: cover;}
.technology-menu ul {padding-left: 10px; list-style-type: none;}
.technology-menu ul li {position: relative;}
.technology-menu ul li:marker {display: none;}
.technology-menu ul li:before {position: absolute; top: 10px; left: -10px; background-color: #fff; content: ""; width: 3px; height: 3px; border-radius: 50%;}
.technology-menu ul li a {color: #fff;}

.frontpage-slider {position: relative;}
.frontpage-slider .item {padding:  20px 50px}
.frontpage-slider .item img {max-height: 400px; width: auto; margin: 0 auto 20px}
.frontpage-slider .item a {color: #2a2b2f}
.frontpage-slider .item a:hover {text-decoration: none;}
section.top-frontpage .item h2 {color:  #2a2b2f}
section.top-frontpage .item h2:before { background-color: var(--border-gray);}
section.top-frontpage .item h2:after {background-color: #2a2b2f}

.frontpage-slider .owl-nav {margin-top: 0;}
.frontpage-slider .owl-dots {display: none}
.owl-carousel.frontpage-slider .owl-nav button.owl-next,  .owl-carousel.frontpage-slider .owl-nav button.owl-prev {font-size: 54px}
.frontpage-slider .owl-nav button.owl-prev {position: absolute; bottom: 200px; left: 15px}
.frontpage-slider .owl-nav button.owl-next {position: absolute; bottom: 200px; right: 15px}
.owl-carousel.frontpage-slider .owl-nav button span {font-family: inherit; float: left; position: relative; display: inline-block; line-height: 28px; width: 44px; height: 44px; border: 1px solid #2a2b2f; border-radius: 50%;}
.owl-carousel.frontpage-slider .owl-nav button span:hover { background-color: #2a2b2f; color: #fff}
.owl-theme .owl-nav [class*=owl-]:hover {background-color: transparent;}




.frontpage-content {margin-top: 100px}
.home .entry-content {margin-bottom: 100px}
.home .entry-content img {border-radius: 50%; border: 1px solid #2a2b2f; padding: 10px; width: 60px; height: 60px;}
.home .entry-content h2 {font-size: 28px}




section.frontpage-product-list {margin-bottom: 100px}
section.frontpage-product-list .product-list-title {margin-bottom: 40px}
section.frontpage-product-list .product-list-title img {width: 240px; max-width: 100%;}
.product-list-title h3 {position: relative; padding-bottom: 5px}
.product-list-title h3:before {position: absolute; bottom: 0; left: 0; content: ""; width: 50%; height: 1px; background-color: var(--border-gray)}
.product-list-title h3:after {position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 1px; background-color: #2a2b2f}

section.frontpage-product-list h2 {position: relative; text-transform: uppercase; font-size: 18px; margin-bottom: 50px; border-top: 1px solid var(--border-gray); padding-top: 30px}
section.frontpage-product-list h2.text-center:before {position: absolute; content: ""; width: 120px; height: 1px; background-color: #2a2b2f; top: 0; left: calc(50% - 60px)}
section.frontpage-product-list ul.products li.product h2.woocommerce-loop-product__title {border-top:  none; margin-bottom: 40px;}
section.frontpage-product-list ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
section.frontpage-product-list .woocommerce ul.products li.product {border: 1px solid var(--border-gray); text-align: center; margin: 0 15px 30px; width: calc(25% - 30px)}
section.frontpage-product-list .woocommerce ul.products li.product:hover {border-color: #2a2b2f}
section.frontpage-product-list ul li a {display: block; padding: 15px}
section.frontpage-product-list ul li a h2 {text-transform: inherit;}
section.frontpage-product-list a.text-center {background: #2a2b2f; color: #fff; padding: 10px 30px; text-transform: uppercase; font-size: 14px;}


section.frontpage-product-list .woocommerce ul.products li.product {}



section.blog.container {padding-top: 50px}
section.blog.container .col-xs-12.col-md-4 {margin-bottom: 30px}
section.blog.container img {height: inherit; margin-bottom: 20px}
.blog #main article {margin-bottom: 30px}
.blog #main article header.entry-header h2.entry-title {text-align: left; margin-bottom: 20px}
.blog #main article header.entry-header h2.entry-title a {position: relative; text-transform: uppercase; padding-bottom: 5px;  font-size: 18px;  margin-bottom: 10px; }
section.blog.container h3.post-title {position: relative; text-transform: uppercase; padding-bottom: 5px;  font-size: 18px;  margin-bottom: 10px;  border-bottom: 1px solid var(--border-gray);}
section.blog.container h3.post-title:after {position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 1px; background-color: #2a2b2f}
section.blog.container a.post-link {background: #2a2b2f; color: #fff; padding: 10px 30px; text-transform: uppercase; font-size: 14px; float: left;}
section.blog.container a.more-btn {background: #2a2b2f; color: #fff; padding: 10px 30px; text-transform: uppercase; font-size: 14px; display: inline-block; margin-bottom: 50px}


.botom-front-page-text.small {margin-top:40px; margin-bottom: 80px}
.botom-front-page-text.small h2 {font-size: 20px;}
.botom-front-page-text.small p {font-size: 13px;}



.top-product-section {position: relative}
/*body .summary.entry-summary p.price {display: none;}
body.admin-bar .summary.entry-summary p.price {display: block;}*/




.woocommerce div.product div.images .woocommerce-product-gallery__trigger {width: 44px; height: 44px; top: 0;  background-color: var(--button-gray); border-radius: 0; border-radius: 50%;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {top: 14px; left: 14px;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {top: 24px; left: 27px;}


.woocommerce.product.compare-button {position: absolute; top: 0; left: 0; z-index: 999}
.woocommerce.product.compare-button a.compare.button {width: 100%; padding:  15px 20px 15px 45px; background-image: url(https://estetech.pl/wp-content/themes/estetech-de/img/compare.png); background-size: 22px; background-repeat: no-repeat; background-position: center left 10px;}
.woocommerce ul.products li.product .price {color: #2a2b2f; font-size: 24px; line-height: 24px; font-weight: bold; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0 15px 10px; letter-spacing: -1px}
.woocommerce ul.products li.product .price bdi {line-height: 1; float: left; width: 100%}
.woocommerce ul.products li.product .price del  {float: left; width: 100%}
.woocommerce ul.products li.product .price del span.woocommerce-Price-amount.amount {font-size: 18px; line-height: 18px; float: left; width: 100%}
.woocommerce ul.products li.product .price del span.woocommerce-Price-amount.amount bdi {font-size: 15px; line-height: 15px; text-decoration: line-through;}
.woocommerce ul.products li.product.sale .price {padding-bottom: 7px}




.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {margin-bottom: 50px; padding: 0 10px 10px}





.woocommerce ul.products li.product {position: relative;}
.woocommerce ul.products li.product a.compare.button {width: 40px; overflow: hidden; font-size: 12px; background-color: #fff; border-radius: 0; position: absolute; top: 0; right: 0; margin-top: 0; background-size: 20px; background-image: url('https://estetech.pl/wp-content/themes/estetech-de/img/compare.png'); background-repeat: no-repeat; background-position:  center left 10px; padding: 10px 0 10px 40px; padding-right: 0} 
.woocommerce ul.products li.product a.compare.button:hover {width: auto; padding-right: 10px}
.woocommerce ul.products li.product a.compare.added.button {width: auto; padding: 10px 10px 10px 10px}
.woocommerce ul.products li.product a.compare.added.button {background-image: none}
.woocommerce ul.products li.product a.compare.added.button {float: left; padding-right: 10px}

section.product-category {width: 100%; margin-bottom: 100px}
section.product-category .smoke-bg {height: 100%}
section.product-category .smoke-bg.face-section {padding: 50px 100px 50px; background-image: url("/wp-content/themes/estetech-de/img/face.jpg"); background-color: #333; background-repeat: no-repeat; background-position: right bottom; background-size: contain;}
section.product-category .smoke-bg.body-section {padding: 50px 100px 50px; background-image: url("/wp-content/themes/estetech-de/img/body.jpg"); background-color: #333; background-repeat: no-repeat; background-position: right bottom; background-size: contain;}
section.product-category .smoke-bg div {max-width:  70%; }
section.product-category .smoke-bg div div {width: 100%; max-width: 100%; background-color: #3333338f;}
section.product-category h2 {position: relative; padding-bottom: 5px; margin-bottom: 20px; color: #fff}
section.product-category h2:before {position: absolute; bottom: 0; left: 0; content: ""; width: 50%; height: 1px; background-color: var(--border-gray); opacity: 0.5}
section.product-category h2:after {position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 1px; background-color: #fff}
section.product-category p, section.product-category ul li a {color: #fff}



section.product-training {margin-bottom: 100px}
section.product-training .row {align-items: center;}
section.product-training .image-icon {position: relative;}
section.product-training .image-icon:before {position: absolute; top: calc(50% - 35px); left: calc(100% - 49px); content: "";background-color: #fff; border: 5px solid #fff; border-radius: 50%; background-image: url("/wp-content/themes/estetech-de/img/estetech-icon.png"); background-repeat: no-repeat; width: 69px; height: 69px}
section.product-training .image-icon img {width: 100%;}

section.product-training h2 {position: relative; padding-bottom: 5px; margin-bottom: 20px}
section.product-training h2:before {position: absolute; bottom: 0; left: 0; content: ""; width: 50%; height: 1px; background-color: var(--border-gray)}
section.product-training h2:after {position: absolute; bottom: 0; left: 0; content: ""; width: 80px; height: 1px; background-color: #2a2b2f}

.tag-menu ul {padding-left: 10px; list-style-type: none;}
.tag-menu ul li {position: relative;}
.tag-menu ul li:before {position: absolute; top: 10px; left: -10px; background-color: #fff; content: ""; width: 3px; height: 3px; border-radius: 50%;}


.shop-sidebar aside {float: left; width: 100%}
.shop-sidebar aside h3.widget-title {font-size: 18px; text-transform: uppercase; margin-left: 10px}
.shop-sidebar aside .wb-row {margin-left: 10px; margin-right: 0}

section.bottom-info {margin-bottom: 50px}

section.footer-contact {width: 100%; padding: 100px 0}
section.footer-contact nf-fields-wrap {display: flex}
section.footer-contact nf-fields-wrap nf-field {padding: 0 15px}
section.footer-contact .nf-form-content input[type=button] {width: 100%; padding: 15px 25px}
section.footer-contact .nf-error.field-wrap .nf-field-element:after {height: 44px}
section.footer-contact .nf-form-fields-required {display: none}






footer.footer-page {background-color: #2a2b2f; padding: 70px 0}
footer img {margin-bottom: 20px}
footer p {color: #fff; font-size: 14px; font-family: 'Nunito Sans', sans-serif; }
footer h3, footer ul li a {color:  #fff; position: relative;}
footer ul li a:hover {text-decoration: none; color: #fff}
footer ul li a:hover:before {position: absolute; content: ""; bottom: 0; left: 0; width: 15px; height: 1px; background-color: #fff}
footer ul {list-style-type: none; padding-left: 0;}


a.phone-button {position: fixed; bottom: 24px; right: 24px; text-decoration: none; color: #fff; padding: 10px; z-index: 999; background-color: #000; border-radius: 30px}

a.phone-button img {max-width: 40px; margin-right: 5px}
a.phone-button span {color: #fff}

a.phone-button:hover {text-decoration: none; background-color: #2a2b2f}

body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {height: 44px; font-family: 'Nunito Sans', sans-serif; color: #2a2b2f;}
body .nf-form-content textarea.ninja-forms-field {height: 146px}

h1.woocommerce-products-header__title.page-title.text-center {text-transform: uppercase; font-size: 18px; margin-bottom: 50px; border-top: 1px solid var(--border-gray); padding-top: 30px;}
div#tab-additional_information h2 {text-transform: uppercase; font-size: 18px;}
.woocommerce table.shop_attributes th {font-size: 14px; font-weight: normal; font-family: 'Nunito Sans', sans-serif; }
.woocommerce table.shop_attributes td {font-style: normal; font-size: 14px;}

.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {background-color: transparent;}





#main .attachment .entry-title, #main .post .entry-title, #main .page .entry-title {text-transform: uppercase; text-align: center; font-size: 18px; margin-bottom: 50px; border-top: 1px solid var(--border-gray); padding-top: 30px; margin-top: 50px;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {font-size: 14px; border-radius: 0; font-weight: bold; color: #2a2b2f; background-color: var(--button-gray); float: right; padding: 20px 20px; text-align: center; line-height: 1; margin-bottom: 20px;}


body.woocommerce div.product form.cart .button {padding: 20px 20px; font-family: 'Nunito Sans', sans-serif; line-height: 1}


.shop-sidebar aside {margin-bottom: 40px}
.shop-sidebar input#yith-s {border-radius: 0; border: 1px solid var(--border-gray); line-height: 36px; padding: 0 15px; font-size: 15px}
.shop-sidebar input#yith-searchsubmit {position: relative; border: none; background-color: #fff; color: transparent; font-size: 8px; letter-spacing: 0; padding: 0 10px; background-image: url('https://estetech.pl/wp-content/themes/estetech-de/img/search.png'); background-repeat: no-repeat; background-position: center;}



.shop-sidebar aside .wp-block-group {margin-left: 10px}
.shop-sidebar aside .wp-block-group h3 {font-size: 18px; text-transform: uppercase;}
.shop-sidebar aside .wp-block-group ul {list-style-type: none; padding-left: 0}
.shop-sidebar aside .wp-block-group ul li { float: left; width: 100%; clear: both;}
.shop-sidebar aside .wp-block-group ul li a {padding: 8px 0; float: left; width: 100%; font-size: 14px; border-bottom: 1px solid var(--border-gray);}
.shop-sidebar aside .wp-block-group ul li a:hover {border-color: #2a2b2f; color: #2a2b2f; text-decoration: none}

.shop-sidebar aside .wp-block-group ul li li a {border-top: none; padding-left: 15px; position: relative;}
.shop-sidebar aside .wp-block-group ul li ul li a:before {position: absolute; content: ""; top: 15px; left: 0; width: 6px; height: 6px; border-bottom: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; transform: rotateY(0deg) rotate(-45deg);}


body.woocommerce ul.products.columns-3 li.product, body.woocommerce-page ul.products.columns-3 li.product {width: calc(33.333333% - 30px)}

.post-type-archive-product ul.products {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.post-type-archive-product .woocommerce ul.products li.product {border: 1px solid var(--border-gray); text-align: center; margin: 0 15px 30px; width: calc(25% - 30px)}
.post-type-archive-product ul.products li a {display: block; padding: 15px}
.post-type-archive-product a.text-center {background: #2a2b2f; color: #fff; padding: 10px 30px; text-transform: uppercase; font-size: 14px;}



.woocommerce ul.products li.product .onsale {right: inherit; left: 0; border-radius: 0; padding: 0 15px; line-height: 32px; min-height: auto; min-width: auto; font-size: 12px; margin: 0; background-color: #2a2b2f; font-weight: normal}
.single.woocommerce span.onsale {display: none;}



.woocommerce .woocommerce-ordering select {border: 1px solid var(--border-gray); padding: 2px 10px;}

.woocommerce-page ul.products {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {border: 1px solid var(--border-gray); text-align: center; margin: 0 15px 30px; width: calc(25% - 30px);}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {border-color: #2a2b2f}

nav.woocommerce-pagination {margin-bottom: 100px}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background-color: #dddddd; font-weight: bold;}

.woocommerce div.product form.cart {width: 50%; float: left; padding-right: 15px; margin-bottom: 20px}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:  #2a2b2f; font-weight: normal; border-radius: 0; padding: 9px 20px; letter-spacing: 1px; text-transform: uppercase;  font-size: 14px; width: 100%;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #000}

ul.products .single-product-flag {margin-top: -28px; margin-bottom: 4px}
ul.products .single-product-flag span {background-color: #333;color: #fff; font-size: 12px; padding: 2px 10px;}

.woocommerce .woocommerce-breadcrumb {color: #2a2b2f; font-size: 14px; margin-bottom: 50px;}
.single-product .summary.entry-summary {padding:  0 15px;}


.woocommerce #content div.product div.summary {position: relative;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 41.66666667%}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 58.33333333%; position: relative;}

div.summary .single-product-flag {position: absolute; top: -28px; left: 15px; }
div.summary .single-product-flag span {color: #fff; font-size: 12px; padding: 2px 10px; background-color: #333;}




.nisv {background-color: var(--button-gray); color: #000; padding: 10px 20px 10px 0; font-size: 14px; display: inline-block; letter-spacing: 1px; }
.nisv strong {background-color: #2a2b2f; padding: 10px 10px 10px 20px; color: #fff; margin-right: 10px; font-weight: 500}
.nisv span { font-weight: bold}

.summary.entry-summary h1.product_title.entry-title {margin-top: 30px; position:  relative; clear: both; font-size: 24px; line-height: 1.2; border-bottom: 1px solid var(--border-gray); margin-bottom: 15px; padding-bottom: 15px; padding-right: 180px}
.summary.entry-summary h1.product_title.entry-title:before {position: absolute; width: 120px; height: 1px; content: ""; background-color: #2a2b2f; bottom: 0; left: 0}
.woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 36px; font-weight: bold;}

.woocommerce div.product p.price, .woocommerce div.product span.price {color: #2a2b2f; width: 100%; float: left; margin-bottom: 0}
.woocommerce div.product p.price small, .woocommerce div.product span.price small {font-size: 15px}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {font-size:20px}




p.old-price {color: #959597; font-size: 12px; font-weight: bold;}

.woocommerce-product-details__short-description {border-bottom: 1px solid var(--border-gray); margin-bottom: 20px; position: relative; clear: both;}

.woocommerce .summary.entry-summary .quantity .qty {display:  none}


body .wb-single-img-cnt {position: absolute; top: -10px; right: 5px; z-index: 99}
body .wb-single-img-cnt img {height: inherit !important; width: 136px !important; }


.tax-product_brand .term-description.brand-description {text-align: center;}
.tax-product_brand .term-description.brand-description img {width: inherit !important; height: inherit !important; margin-bottom: 80px}




.summary.entry-summary .product-attribute {border-bottom: 1px solid var(--border-gray); margin-bottom: 15px; padding-bottom: 5px; float: left; width: 100%; position: relative;}
.summary.entry-summary .product-attribute .box-attribute {width: 50%; float: left; font-family: 'Nunito Sans', sans-serif; color: #2a2b2f; margin-bottom: 5px}
.summary.entry-summary .product-attribute .box-attribute strong {padding-left: 30px}

.summary.entry-summary .border-bottom {padding-bottom: 0; margin-bottom: 20px}

.row.two-col-summary { margin-bottom: 20px; position: relative;}
.row.two-col-summary:before {width: calc(100% - 30px); position: absolute; bottom: 0; left: 15px; content: ""; height: 1px; border-bottom: 1px solid var(--border-gray)}

body.woocommerce.single-product .product .yith-ywraq-add-to-quote {margin-top: 0; width: 100%; display: flex; flex-direction: column-reverse;}
.woocommerce.single-product .product .yith-ywraq-add-to-quote a {margin-top: 0; letter-spacing: 1px; font-size: 14px; width: 100%; font-weight: bold; color: #fff; height: inherit; background-color: #2a2b2f !important; float: left; text-transform: uppercase; font-weight: normal; padding: 20px 20px; text-align: center; line-height: 1;}
.woocommerce.single-product .product .yith-ywraq-add-to-quote a:hover {text-decoration: none; background-color: #000 !important}

.woocommerce.single-product .product .yith-ywraq-add-to-quote .yith_ywraq_add_item_browse_message a {background-color: #f0f0f0 !important; color: #000; font-weight: bold;}
.woocommerce.single-product .product .yith-ywraq-add-to-quote .yith_ywraq_add_item_browse_message a:hover {background-color: #dedede !important; color: #000;}


.woocommerce.single-product .product .yith_ywraq_add_item_response-52.yith_ywraq_add_item_response_message.show.hide-when-removed {width: 100%; text-align: center; margin-top: 10px; font-size: 14px;}

a.phone-info-right {font-size: 14px; width: 50%; font-weight: bold; color:  #2a2b2f; background-color: var(--button-gray); float: right; padding: 20px 20px; text-align: center; line-height: 1; margin-bottom: 20px}
a.phone-info-right:hover {text-decoration: none; background-color: #dedede; color: #000}

div#product_form_info {clear: both; border-top: 1px solid var(--border-gray); margin-top: 20px; padding-top: 15px; position: relative;}
div#product_form_info:before {position: absolute; width: 120px; height: 1px; content: ""; background-color: #2a2b2f; top: 0; left: 0}
div#product_form_info  .nf-form-content {padding: 0}
div#product_form_info .nf-form-cont .firstname-container, div#product_form_info .nf-form-cont .email-container, div#product_form_info .nf-form-cont .phone-container {clear: none; float: left; width: 33.33333%; margin:  0 0 20px;  position: relative}
div#product_form_info .nf-form-cont .firstname-container {padding: 0 10px 0 0}
div#product_form_info .nf-form-cont .phone-container {padding: 0 0 0 10px}
div#product_form_info .nf-form-cont .email-container {padding: 0px}


.nf-form-content .nf-field .field-wrap {position: relative }
.nf-form-content .nf-field .nf-field-label {position: absolute; z-index: 99; right: 5px; }
.nf-form-fields-required {font-size: 14px; color: #acacac; margin-bottom: 10px}
span.tagged_as {float: left; width: 100%; clear: both}

body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {letter-spacing:  1px; font-size: 14px;  font-weight: bold; color:  #fff; height: inherit; background-color: #2a2b2f; float: left; text-transform: uppercase; font-weight: normal; padding: 15px 20px; text-align: center; line-height: 1;}

a.compare.button {clear:  both; font-size: 14px; width: 50%; font-weight: bold; color: #2a2b2f; background-color: var(--button-gray); float: left; padding: 20px 20px; text-align: center; line-height: 1;}
.product_meta {clear: both;}
.product_meta span.sku_wrapper {clear: both; float: left}
.product_meta span.posted_in {clear: both; float: left}



body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {border: none;}



.woocommerce div.product .woocommerce-tabs ul.tabs {padding:  0; text-align: center}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {display: none}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: none; background-color: inherit; border-radius: 0; margin: 0; padding:  0}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {color: #2a2b2f; background-color: var(--button-gray); border: none; border-radius:  0; margin:  0 0; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 20px 30px; font-size: 14px; line-height: 1;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none}




.single-product .woocommerce-tabs .entry-content .wp-block-columns, .single-product .woocommerce-tabs .entry-content .wp-block-group {max-width: 100%; width: 1600px; clear: both; margin: 0 auto; padding: 0 15px}
.single-product .woocommerce-tabs .entry-content .wp-block-group.full-smoke-row {width: 100%; background-color: var(--smoke-bg)}

.single-product .woocommerce-tabs .entry-content div h2 {position: relative; padding-bottom: 5px; margin-bottom: 20px}
.single-product .woocommerce-tabs .entry-content div h2:before {position: absolute; content: ""; bottom: 0; left: 0; height: 1px; width: 60%; background-color: var(--border-gray);}
.single-product .woocommerce-tabs .entry-content div h2:after {position: absolute; content: ""; bottom: 0; left: 0; height: 1px; width: 120px; background-color: #2a2b2f;}

.single-product .wp-block-image {margin-bottom: 0}
.single-product .woocommerce-tabs .entry-content .wp-block-media-text {direction: ltr; display: grid; grid-template-columns: 50% 1fr !important; grid-template-rows: auto;}



.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .entry-content .wp-block-group.full-product-row {width: 100%; padding-left: 0; padding-right: 0;}
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .entry-content .wp-block-group.full-product-row .wp-block-columns {width: 100%; padding-left: 0; padding-right: 0; gap: 0}
.woocommerce div.product .full-product-row .col-padding .wp-block-group {padding-left: 50px; padding-right: 50px;}
.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .entry-content .wp-block-group.full-product-row .wp-block-video {margin-bottom: 0}



.woocommerce .col2-set, .woocommerce-page .col2-set {width: 50%; float: left;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 100%; width: 100%;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: none; font-size: 17px; line-height: 42px; padding: 0 20px; background-color: #f5f5f5}
.woocommerce form .form-row label {width: 100%;}
.woocommerce form .form-row span.woocommerce-input-wrapper {width: 100%;}
h3#ship-to-different-address {margin-top: 30px;}
h3#ship-to-different-address span {font-weight: bold; font-size: 14px;}
.woocommerce .quantity .qty {border: none; line-height: 36px;}


form.checkout.woocommerce-checkout h3#order_review_heading {width: 50%; float: right;}
form.checkout.woocommerce-checkout div#order_review {width: 50%; float: right; margin-bottom: 100px;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {}
.woocommerce-checkout #payment div.payment_box {background-color: transparent;}
.woocommerce-checkout #payment div.payment_box::before {display: none;}
form.checkout.woocommerce-checkout div#order_review span.woocommerce-Price-currencySymbol {font-weight: normal; font-size: inherit; margin-left: 2px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {font-family: 'Ubuntu'; font-weight: 500; clear: both; margin-bottom: 10px; line-height: 36px; padding: 0 15px; color: #fff; float: left; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {}












.woocommerce table.shop_table {border: none}
.woocommerce .quantity .qty {border: none; background-color: var(--button-gray)}

.ywraq-form-table-wrapper.vertical {float:  left; width:  100%; margin-top: 50px; margin-bottom:  100px;}
.woocommerce.ywraq-wrapper.ywraq-with-form form#yith-ywraq-form {width:  50%; padding:  0 15px; float: left;}
.woocommerce.ywraq-wrapper.ywraq-with-form form td.product-thumbnail img {max-width:  100px}
.woocommerce.ywraq-wrapper.ywraq-with-form td.product-name a {color: #2a2b2f}


a.button.wc-backward.yith-ywraq-before-table-wc-backward {font-size: 14px; border-radius: 0; font-weight: bold; color: #2a2b2f; background-color: transparent; padding: 20px 20px; text-align: center; line-height: 1; margin-bottom: 20px;}
#yith-ywraq-form .update-list-wrapper input[type="submit"] {font-size: 14px; width: 50%; border-radius: 0; font-weight: bold; color: #2a2b2f; background-color: var(--button-gray); float: right; padding: 20px 20px; text-align: center; line-height: 1; margin-bottom: 20px;}

.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper {padding: 12px 50px 100px; width:  50%; float: left;}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper h3 {font-size:  14px; padding:  0 15px}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row {width:  50%; padding:  0 15px; float:  left; clear:  none; margin-bottom: 30px}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p#message_field {width:  100%}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row span {width:  100%;}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row input {border:  none; outline:  none; background-color:  #f5f5f5; line-height:  48px; padding:  0 12px;}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p#message_field textarea {border:  none; outline:  none; background-color:  #f5f5f5; line-height:  1px; padding:  15px 12px; min-height: 80px}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row.upload-file-form input {background-color:  transparent; padding:  0}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row.form-row-wide.raq-send-request-row {clear: both;}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row.form-row-wide.raq-send-request-row input {background-color: #151515; padding: 0 30px; font-size: 14px; font-weight: 900; text-transform: uppercase; color: #fff; letter-spacing: 1px; border-radius: 0;
-webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;}
.woocommerce.ywraq-wrapper.ywraq-with-form .yith-ywraq-mail-form-wrapper p.form-row.form-row-wide.raq-send-request-row input:hover {background-color: #58585a; color: #fff}





.woocommerce div.product div.images.woocommerce-product-gallery {padding:  0 15px}
.woocommerce div.product div.images .flex-control-thumbs {display: flex;}




.strengths-col h3, .effects-col h3 {font-size: 18px; font-weight: normal}
.strengths-col ul, .effects-col ul {padding-left: 20px; font-size: 15px; margin-bottom: 15px;}


#yith-woocompare table.dataTable.compare-list tbody th, #yith-woocompare table.dataTable.compare-list tbody td {vertical-align: top;}
#yith-woocompare table.compare-list tbody th {background-color: inherit}
#yith-woocompare table.compare-list tbody p, #yith-woocompare table.compare-list tbody {font-size: 14px; text-align: left}



body #main .post, body #main .page {border: none; padding: 0}



.wp-block-column.return-icon, .wp-block-column.client-icon {padding-left: 90px; position: relative;}
.wp-block-column.return-icon:before {position: absolute; content: ""; top: 0; left: 10px; width: 60px; height: 100%; background-repeat: no-repeat; background-image: url("/wp-content/themes/estetech-de/img/return-icon.svg"); background-size: contain}
.wp-block-column.client-icon:before {position: absolute; content: ""; top: 0; left: 10px; width: 60px; height: 100%; background-repeat: no-repeat; background-image: url("/wp-content/themes/estetech-de/img/client-icon.svg"); background-size: contain}

.wp-block-column.support-icon, .wp-block-column.treatment-procedures-icon, .wp-block-column.warranty-service {position: relative; padding-top: 80px;}
.wp-block-column.support-icon:before {position: absolute; content: ""; top: 0; left: calc(50% - 30px); width: 60px; height: 100%; background-repeat: no-repeat; background-image: url("/wp-content/themes/estetech-de/img/support-icon.svg"); background-size: contain}
.wp-block-column.treatment-procedures-icon:before {position: absolute; content: ""; top: 0; left: calc(50% - 30px); width: 60px; height: 100%; background-repeat: no-repeat; background-image: url("/wp-content/themes/estetech-de/img/treatment-procedures-icon.svg"); background-size: contain}
.wp-block-column.warranty-service:before {position: absolute; content: ""; top: 0; left: calc(50% - 30px); width: 60px; height: 100%; background-repeat: no-repeat; background-image: url("/wp-content/themes/estetech-de/img/warranty-service-icon.svg"); background-size: contain}





article img {margin-bottom: 30px; height: inherit;}
article h2.entry-title a {color:  #2a2b2f; font-size: 28px;}
article .entry-content a.post-link {background: #2a2b2f; color: #fff; padding: 5px 30px; text-transform: uppercase; font-size: 14px; float: left;}
article {margin-bottom: 40px;}

nav.pagination-nav-container ul.pagination {margin-bottom: 100px}
nav.pagination-nav-container ul.pagination li.page-item .page-link {color: #2a2b2f; border-radius: 0;}
nav.pagination-nav-container ul.pagination li.page-item.active .page-link {background-color: #2a2b2f; border: none}
nav.pagination-nav-container ul.pagination li.page-item.active .page-link span {color: #fff}
nav.pagination-nav-container ul.pagination {}





div#product-333 p.price, div#product-333 p.old-price {display: none;}
div#product-333 .woocommerce div.product form.cart {display: none}
.woocommerce ul.products li.product.post-333.sale .price {display: none;}

.woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {max-width: 100%; margin: 0 auto}

@media (min-width: 1367px) {
    body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, .woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {max-width: 1270px}
    .full-container {width: 100%; padding: 0 50px}
}




@media (min-width: 1600px) {
    .full-container {width: 100%; padding: 0 100px}
    body.single-product .woocommerce-tabs .entry-content .wp-block-columns, body.single-product .woocommerce-tabs .entry-content .wp-block-group {width: 1270px}
}


@media (min-width: 1900px) {
    body .container  {max-width: 1600px}
    .full-container {width: 100%; padding: 0 150px}
}

@media (min-width:  992px) {
    button.menu-button {display: none}
    .woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {width: 960px;}
}



@media (max-width: 1600px) {
    header ul.navbar-nav li.menu-item a {padding: 10px 10px}
    body.single-product .woocommerce-tabs .entry-content .wp-block-columns, body.single-product .woocommerce-tabs .entry-content .wp-block-group {width: 1270px}
}



@media (max-width: 1366px) {
    .full-container {width: 100%; padding: 0 30px}
    .woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {width: 1140px;}

    body.single-product .woocommerce-tabs .entry-content .wp-block-columns, body.single-product .woocommerce-tabs .entry-content .wp-block-group {width: 1140px} 

    section.top-frontpage aside#nav_menu-2 {padding: 20px 30px; }
    section.top-frontpage h2 {max-width: 360px}


    section.product-category .col-xs-12 {margin-bottom: 30px}
    section.product-category .smoke-bg.face-section, section.product-category .smoke-bg.body-section {padding: 30px 20px }
    section.product-category .smoke-bg.face-section div, section.product-category .smoke-bg.body-section div {}



}



@media (max-width: 1200px) {
    section.frontpage-product-list .woocommerce.columns-4 {display: flex; margin-left: -15px; margin-right: -15px}
    section.frontpage-product-list .woocommerce ul.products li.product {width: calc(25% - 16px); margin: 0 8px 30px}
    section.frontpage-product-list ul li a {padding: 5px}


    body.woocommerce main ul.products.columns-3 li.product, body.woocommerce-page main ul.products.columns-3 li.product {width: calc(50% - 30px)}

    body.single-product .woocommerce-tabs .entry-content .wp-block-columns, body.single-product .woocommerce-tabs .entry-content .wp-block-group {width: 960px}


    .wp-block-column.return-icon, .wp-block-column.client-icon {padding-left: 0; padding-top: 90px; text-align: center}

    .wp-block-column.return-icon:before {left: calc(50% - 30px)}
    .wp-block-column.client-icon:before {left: calc(50% - 30px)}
}



@media (max-width: 992px) {
    button.navbar-toggler.menu-button {padding: 0}
    button.navbar-toggler.menu-button span {background-color: #2a2b2f; float: left; display: inline-block; padding: 1px 15px 0; margin: 5px 0; clear: both}
    .full-container {width: 100%; padding: 0 15px}
    .woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {width: 720px;}

    body.single-product .woocommerce-tabs .entry-content .wp-block-columns, body.single-product .woocommerce-tabs .entry-content .wp-block-group {width: 720px} 

    .single-product .woocommerce-tabs .entry-content .wp-block-group.full-smoke-row .is-layout-flex {display: block; padding-bottom: 20px;}




    body header ul.navbar-nav ul.sub-menu, body header ul.navbar-nav li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul {left: 0; display: block; position: relative; top: 0; width: 100%; padding-left: 20px}
    body header ul.navbar-nav ul.sub-menu a {background-color: inherit; padding: 0 10px}

    header ul.navbar-nav ul.sub-menu li.menu-item-has-children:after, header ul.navbar-nav li.menu-item-has-children:before {display: none;}







    nav.navbar.navbar-expand-lg {padding: 0; min-height: inherit}
    header .short-menu {margin-top: 20px}
    header .icon-menu {display: inline-block; float: right; margin-right: 30px}
    header .icon-menu button.navbar-toggler {padding: 5px; border: none;}
    button.navbar-toggler.menu-button {float: right}
    div#search-btn .yith-ajaxsearchform-container {padding: 40px 15px}
    div#search-btn .yith-ajaxsearchform-container .yith-ajaxsearchform-container {padding: 0}


    section.footer-contact .nf-form-content {padding: 0}


    section.frontpage-product-list .product-list-title {display: block;}
    section.frontpage-product-list .product-list-title img {width: 100%; max-width: 100%; margin-right: 0; max-height: initial}



    .technology-menu.smoke-bg {padding:  30px;}
    .frontpage-slider .owl-carousel .item {padding: 20px}

    .product-list-title {display: flex; align-items: center; margin-bottom: 30px}
    .product-list-title img {max-width: 80px; max-height: 240px; margin-right: 30px; margin-bottom: 0}
    .product-list-title div {position: relative;}
    section.frontpage-product-list .woocommerce.columns-4 {display: flex; margin-left: 0; margin-right: 0} 
    section.frontpage-product-list .woocommerce ul.products li.product {width: calc(50% - 16px)}



    section.frontpage-product-list ul.products li.product h2.woocommerce-loop-product__title {margin-bottom: 55px}




    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%}
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%}
    .woocommerce .woocommerce-breadcrumb {padding: 0 15px;}
    body .woocommerce.product.compare-button {left: 15px;}

}



@media (max-width: 768px) {
    .woocommerce-tabs div#tab-additional_information, .woocommerce-tabs  div#tab-reviews {width: 540px;}
    header.container {max-width: 100%}
    header .short-menu {margin-top: 10px} 
    header .short-menu a {padding: 5px}

    body .autocomplete-suggestions {border-radius: 0; border: none; width: calc(100vw - 60px) !important;}

    .frontpage-slider .owl-carousel .item {padding: 50px} 
    body.woocommerce main ul.products.columns-3 li.product, body.woocommerce-page main ul.products.columns-3 li.product {margin: 0 15px 30px}
    .col-xs-12.col-md-4.col-xl-3.shop-sidebar {margin-bottom: 80px}

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 20px 15px}
    body.single-product .woocommerce-tabs .entry-content .wp-block-media-text {grid-template-columns: 100% 1fr !important;}

    section.related.products.full-container ul.products li.product {width: calc(50% - 30px); margin: 0 15px 30px}

    body section.product-training .image-icon:before {top: -40px; left: calc(50% - 40px);}
    body section.product-training .image-icon {margin-bottom: 30px;}
    body section.product-category .smoke-bg div {max-width: 100%}

    a.phone-button {padding: 10px; border-radius: 50%; right: 24px}
    a.phone-button img {margin-right: 0}
    a.phone-button span {display: none} 


    .woocommerce ul.products li.product .price {font-size: 20px; line-height: 20px}



    .nisv {display: flex; align-items: center; padding-top: 0; padding-bottom: 0}
    .nisv strong {line-height: 48px}

    .summary.entry-summary h1.product_title.entry-title {padding-right: 0}


    .woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .entry-content .wp-block-group.full-product-row .invert-col {flex-direction: column-reverse;}
    .woocommerce div.product .full-product-row .col-padding .wp-block-group {padding: 70px 30px}



}

@media (max-width: 575px) {
    body h2, .home .entry-content h2 {font-size: 24px;}
    body h3 {font-size: 21px;}

    header .site-title {padding-right: 0;}
    body header div.icon-menu {padding-right: 10px; margin-right: 0}
    body header .short-menu a {padding: 5px 4px}
    .woocommerce .woocommerce-breadcrumb {padding: 0 15px}
    .woocommerce div.product form.cart {width: 100%; padding-right: 0;}
    a.phone-info-right {clear: both; float: left; width: 100%}

    body .technology-menu.smoke-bg {background-position: center bottom;}
    section.top-frontpage aside#nav_menu-2 {padding: 20px 0;}
    body .frontpage-slider .item {padding: 20px 30px}

    .summary.entry-summary .product-attribute .box-attribute {width: 100%;}

    div#product_form_info .nf-form-cont .one-half, div#product_form_info .nf-form-cont .three-sixths, div#product_form_info .nf-form-cont .two-fourths {width: 100%; padding: 0 }
    .nf-form-content .label-above .nf-field-label {display: none;}

    section.footer-contact nf-fields-wrap {display: block;}
    body section.footer-contact nf-fields-wrap nf-field {float: left; width: 100%; padding: 0;}


    .botom-front-page-text h2 {font-size: 21px;}
    .botom-front-page-text h3 {font-size: 18px;}

    div#search-btn .yith-ajaxsearchform-container .yith-ajaxsearchform-container {display: flex;}
    div#search-btn .yith-ajaxsearchform-container input#yith-s {width: 100%; padding: 0 15px; margin-bottom: 0}
    div#search-btn .yith-ajaxsearchform-container input#yith-searchsubmit {padding: 0 30px}




}

@media (max-width: 480px) {
    body.woocommerce main ul.products.columns-3, body.woocommerce-page main ul.products.columns-3, section.related.products.full-container ul.products {padding-left: 5px; padding-right: 5px;}
    body.woocommerce main ul.products.columns-3 li.product, body.woocommerce-page main ul.products.columns-3 li.product, section.related.products.full-container ul.products li.product {margin: 0 10px 20px;  width: calc(50% - 20px);}

}