@media (min-width: 992px) {
body {
font-size: 18px;
line-height: 26px;
padding-top: 185px;
}
h2 {
font-size: 30px;
line-height: 36px;
letter-spacing: -.5px;
}
.container {
position: relative;
max-width: 100%;
}
.col-lg-8 {
flex: 0 0 66.6%;
max-width: 66.6%;
}
.col-lg-7 {
flex: 0 0 58.3%;
max-width: 58.3%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-5 {
flex: 0 0 41.66%;
max-width: 41.66%;
}
.col-lg-4 {
flex: 0 0 33.3%;
max-width: 33.3%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.header {
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: 110px;
background-color: #FFF;
}
body.scrolled .header {
box-shadow: initial;
height: 140px;
} .header .mobile-nav {
position: relative;
padding-top: 5px;
} .header .mobile-nav a.menu-call {
display: none;
}
.main-nav-mobile {
display: block;
position: fixed;
top: 150px;
left: initial;
box-shadow: initial;
height: auto;
width: 100%;
padding: 0 0;
z-index: 202;
overflow: initial !important;
transition: all .25s ease;
}
body.scrolled .main-nav-mobile {
margin-top: -110px;
box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, .1);
}
.main-nav-mobile .bottom {
display: none;
}
.main-nav-mobile ul {
display: flex;
justify-content: space-between;
padding: 0 0;
}
.main-nav-mobile ul.main {
padding-top: 0;
max-height: initial;
padding-bottom: initial;
overflow: initial;
}
.main-nav-mobile ul li {
position: relative;
border-bottom: 0 !important;
}
.main-nav-mobile .container>ul>li>a {
transition: all .25s ease;
padding: 15px 8px;
font-size: 16px;
letter-spacing: -.25px;
}
body.scrolled .main-nav-mobile .container>ul>li>a {
padding: 7px 10px 10px;
}
.main-nav-mobile .container>ul>li:hover>a {
color: var(--highlight-color);
box-shadow: 0px 3px var(--highlight-color);
}
.main-nav-mobile ul li svg {
display: inline-block;
width: 12px;
height: 12px;
color: #333;
top: 50%;
position: relative;
margin-left: 15px;
right: 0;
}
.main-nav-mobile ul li.menu-item-has-children svg {
top: 2px;
}
.main-nav-mobile ul ul {
position: absolute;
display: none;
background-color: #FFF;
width: 300px;
padding: 25px 15px;
box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, .2);
}
.main-nav-mobile ul li:hover ul {
display: block;
top: 50px;
}
.main-nav-mobile ul ul li {
display: block;
}
.main-nav-mobile ul ul li a {
font-size: 15px;
display: block;
transition: all .25s ease;
}
.main-nav-mobile ul ul li a:hover {
background-color: var(--light-color);
color: var(--highlight-color);
}
.main-nav-mobile .submenu.visible {
position: absolute;
display: block;
background-color: #FFF;
box-shadow: 0px 20px 20px rgba(0, 0, 0, .2);
}
.submenu a.back {
display: none;
}
.main-nav-mobile .submenu ul {
justify-content: flex-start;
padding: 30px 20px;
margin: 0 0;
}
.main-nav-mobile .submenu ul li {
flex: 0 0 20%;
margin-bottom: 25px;
}
.main-nav-mobile .submenu ul li img {
width: 180px;
height: 120px;
transition: all .25s ease;
}
.main-nav-mobile .submenu ul li span {
transition: all .25s ease;
}
.main-nav-mobile .submenu ul li a:hover img {
transform: scale(1.05);
}
.main-nav-mobile .submenu ul li a:hover span {
color: var(--highlight-color);
}
.header .search-bar form input[type=text] {
transition: all .35s ease;
}
.dgwt-wcas-search-wrapp {
padding: 5px 0 25px !important;
} .header .search-bar button {
transition: all .35s ease;
} .header .mobile-nav .logo {
order: 1;
flex: 0 0 130px;
}
.header .lg-spacer {
flex: 0 0 calc(100% - 350px);
order: 1;
display: block;
}
.header .logo {
transition: all .25s ease;
}
.header .logo:hover {
opacity: .8;
}
.header .logo span {
position: absolute;
margin: 0 0 0 20px;
font-size: 11px;
width: 130px;
left: 0;
letter-spacing: 1px;
font-weight: 800;
}
.header .mobile-nav .logo img {
margin: 20px 0 0px 20px;
height: 77px;
max-width: initial;
width: 130px; }
.header .mobile-nav .promo {
order: 2;
flex: 0 0 80px;
}
.header .mobile-nav .profile {
order: 3;
flex: 0 0 80px;
}
.header .mobile-nav .store {
order: 4;
flex: 0 0 80px;
}
.header .mobile-nav .basket-btn {
order: 5;
flex: 0 0 80px;
}
.header .search-bar {
margin: 5px 0;
position: absolute;
top: 25px;
left: 300px;
width: 40%;
transition: all .35s ease;
}
.basket-float {
transform: translateY(-180%);
z-index: 999;
}
.basket-float.on {
top: 0px;
}
.basket-float ul li .product-title:hover {
color: var(--highlight-color);
}
p.woocommerce-mini-cart__buttons.buttons .button:hover {
background-color: #313131;
}
.basket-float ul.cart_list li:hover {
background-color: #f2f2f2;
}
.basket-float ul.cart_list li a:hover {
color: var(--highlight-color);
} .header a:not(.logo) {
transition: all .25s ease;
}
.header a:not(.logo):hover {}
.header a:not(.logo) svg {
transition: all .25s ease;
}
.header a:not(.logo):hover svg {
transform: scale(1.5);
}
.header a:not(.logo) span {
transition: all .25s ease;
font-size: 12px;
}
.header a:not(.logo):hover span {
color: var(--highlight-color);
}
.promo-bar {
padding: .35em 2.5em .65em;
font-size: 15px;
line-height: 18px;
height: 40px;
}
.btn {
font-size: 17px;
letter-spacing: 0.5px;
transition: all .25s ease;
}
.btn:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover {
transform: scale(1.05);
box-shadow: 0px 5px 10px -8px rgba(0, 0, 0, .2);
cursor: pointer;
}
.woocommerce button.button:hover,
.woocommerce a.button:hover {
background: var(--highlight-color);
color: #FFF;
}
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
background: var(--alt-color);
}
.btn.transparent:hover {
background-color: #FFF;
outline: 1px #efefef solid;
}
.slider {
position: relative;
height: 700px;
margin-top: 0px;
margin-bottom: 0px;
}
.slider .container {
align-items: center;
padding-bottom: 50px;
}
.slider .items { display: block;
overflow: hidden;
}
.slider .items img,
.slider .items video {
height: 700px;
display: block;
}
.slider .items video {
width: 100%;
object-fit: cover;
}
.slider .text {
font-size: 16px;
line-height: 24px;
}
.slider .text h2 {
font-size: 48px;
line-height: 52px;
margin: 0 0 5px 0;
letter-spacing: -1px;
}
.slider .text h3 {
font-size: 22px;
line-height: 28px;
}
.intro-banners {
margin: 50px 0 25px 0;
}
.intro-banners .col-lg-6 {
flex: auto;
max-width: 100%;
}
.intro-banners .mario-banner {
min-height: 450px;
}
.intro-banners .weekendowe-banner {
min-height: 400px;
}
body.wishlist .typical-page .simple-bar {
box-shadow: -500px 0px #FFF, 500px 0px #FFF;
}
.offer-slider {
height: 500px;
}
.item .add-to-basket,
.product-item .add-to-basket {
position: absolute;
width: 100%;
left: 0;
bottom: 5px;
}
.product-item,
.offer-slider .item {
transition: all .25s ease; cursor: pointer;
}
body.page-id-8660 .product-tiles .product-item,
.archive .product-tiles .product-item {
min-height: 445px;
}
.product-item:hover,
.offer-slider .item:hover {
box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, .25);
}
.product-item .title a, 
.offer-slider .item .title a {
font-weight: 500;
transition: all .25s ease;
line-height: 22px;
margin-bottom: 5px;
display: block;
font-size: 17px;
letter-spacing: -.25px;
}
.product-item:hover .title a,
.offer-slider .item:hover .title a {
color: var(--highlight-color);
}
.product-item img,
.offer-slider .item img {
transition: all .25s ease;
}
.product-item:hover img,
.offer-slider .item:hover img {
border-radius: 6px;
transform: scale(1.08);
}
.product-item .badge,
.offer-slider .item .badge {
transition: all .25s ease;
font-size: 17px;
}
.product-item:hover .badge,
.offer-slider .item:hover .badge {
left: 8px;
opacity: 0;
}
.product-item .price,
.offer-slider .item .price {
transition: all .25s ease;
}
.product-item:hover .price,
.offer-slider .item:hover .price {
color: var(--alt-color);
}
.archive .products .product-tiles {
justify-content: flex-start;
}
.product-tiles .product-item,
.offer-slider .item {
flex: 0 0 19%;
margin-right: 0;
}
.single-realizations .product-tiles .product-item {
flex: 0 0 31%;
}
.products.category-237 .product-tiles .product-item {
fleX: 0 0 26%;
}
.products.category-237 .product-item img {
width: 260px;
height: 220px;
}
.product-tiles .product-item:not(:nth-of-type(5n+5)) {
margin-right: 13px;
}
.product-connected .product-tiles {
justify-content: center;
}
.product-connected .product-tiles .product-item {
margin-left: 10px;
margin-right: 10px;
}
.product-icons {}
.product-icons .icon {
flex: 0 0 16.5%;
}
.product-icons .icon a {
display: block;
transition: all .25s ease;
}
.product-icons .icon a:hover {
opacity: .85;
}
.product-icons .icon a:hover svg {
fill: var(--highlight-color);
}
.product-addons {
max-width: 840px;
font-size: 16px;
line-height: 24px;
padding: 30px 35px;
}
.product-addons .h2 {
font-size: 28px;
line-height: 1em;
}
.product-item .fav {
width: 26px;
height: 26px;
transition: all .25s ease;
}
.product-item .fav:hover {
background-color: var(--alt-color);
}
.product-item .fav svg {
width: 16px;
height: 16px;
transition: all .25s ease;
}
.product-item .fav:hover svg {
fill: #FFFFFF;
}
.product-ask-modal h2 {
font-size: 24px;
line-height: 1.25em;
}
.product-more-photos {
justify-content: space-around;
margin-bottom: 35px;
}
.product-more-photos a {
flex: 0 0 32%;
max-width: 32%;
}
.product-more-photos a img {
height: 250px;
transition: all .25s ease;
}
.product-more-photos a:hover img {
transform: scale(0.98) translateY(-3px);
box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, .15);
filter: brightness(1.1);
}
.products+.gallery {
padding-top: 50px;
}
.photos {
margin-bottom: 25px;
width: 520px;
height: 570px;
}
.photos .owl-item video,
.photos .owl-item img {
width: 520px;
height: 520px;
}
.photos .owl-thumbs {
height: auto;
flex-wrap: wrap;
justify-content: space-between;
overflow: initial;
margin-top: 10px;
padding-bottom: 0;
}
.photos .owl-thumbs button {
flex: 0 0 95px;
margin-bottom: 10px;
top: 230px;
transition: all .25s ease;
}
.photos .owl-thumbs button:hover {
filter: contrast(1.1);
transform: scale(1.1);
cursor: pointer;
}
.photos .owl-thumbs button img {
width: 95px;
height: 95px;
}
.photos .owl-dots {
top: initial;
bottom: 20px;
}
.text-wrap {
font-size: 15px;
line-height: 24px;
padding: 50px 0;
}
.text-wrap .left-side {
padding-right: 45px;
}
.text-wrap .right-side {
padding-left: 45px;
}
.opinions {
padding: 50px 0;
}
.opinions .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 15px;
}
.select-box {
width: 300px;
margin: 0 0 0 auto;
}
.select-box.short {
margin: 0 0;
width: 100%;
}
.tile-boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tile-boxes .item {
flex: 0 0 31%;
font-size: 16px;
line-height: 24px;
margin-bottom: 25px;
}
.blog {
padding: 50px 0;
}
.gallery-slider {
height: auto;
flex: 0 0 100%;
width: 100%;
padding: 0 15px;
}
.blog .gallery-slider {
min-height: 500px;
}
.gallery-slider .item {
transition: all .25s ease;
cursor: pointer;
}
.gallery-slider.no-carousel .item {
flex: 0 0 31%; margin: 0 0 25px 0;
}
.gallery-slider .item:hover {
transform: scale(0.98) translateY(-3px);
box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, .15);
}
.gallery-slider .item img {
transition: all .25s ease;
}
.gallery-slider .item:hover img {
filter: brightness(1.1);
transform: scale(0.97);
border-radius: 10px;
}
.gallery-slider .item .caption a {
transition: all .25s ease;
}
.gallery-slider .item:hover .caption a {
color: var(--highlight-color);
transform: translateY(-3px);
}
.newsletter {
margin: 0 0 0 auto;
padding: 60px 20px 40px;
}
.newsletter .container {
max-width: 700px;
}
.newsletter .container svg {
top: -60px;
right: -60px;
}
.newsletter form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.newsletter form input {
flex: 0 0 49%;
}
.newsletter form div {
text-align: center;
flex: 0 0 100%;
}
.newsletter .h2 strong {
font-size: 46px;
margin-bottom: 15px;
}
.newsletter .h2 {
font-size: 24px;
}
.tiles {
background-color: transparent;
margin: 20px auto 0 0;
padding: 50px 0;
}
.tiles .items a {
flex: 0 0 25%;
transition: all .25s ease;
}
.tiles .items a:hover {
transform: scale(1.05);
}
.tiles .items a span {
transition: all .25s ease;
}
.tiles .items a:hover span {
transform: translateY(5px);
color: var(--highlight-color);
}
.tiles .items a img {
transition: all .25s ease;
}
.tiles .items a:hover img {
filter: brightness(1.1);
}
.text-inverse-wrap {
padding: 35px 0 45px 0;
line-height: 20px;
}
.text-inverse-wrap img.picture {
position: absolute;
top: 0;
right: 0;
width: 50%;
object-fit: cover;
height: 100%;
}
.blog .gallery-slider .item {
max-height: 500px;
overflow: hidden;
font-size: 16px;
line-height: 24px;
}
.blog-title-bar {
text-align: center;
}
.blog-entry .blog-image {
margin: 20px auto 20px;
border-radius: 10px;
max-width: 800px;
}
.blog-entry .blog-gallery {}
.blog-entry .blog-gallery a {
flex: 0 0 24%;
}
.args .bg-pic {
opacity: .75;
}
.opinions .item {
margin: 0 10px;
font-size: 15px;
line-height: 24px;
padding: 3em;
}
.basket .promo {
text-align: center;
max-width: 300px;
margin: 0 auto 20px;
}
.basket .summary,
.checkout .summary {
max-width: 700px;
}
.basket .summary .item ul.shipping-container,
.basket .summary .item div.shipping-container,
.checkout .summary .item ul.shipping-container,
.checkout .summary .item div.shipping-container {
width: 450px;
padding: 0px 20px 10px 10px;
text-align: left;
}
.checkout .summary .item ul.shipping-container,
.checkout .summary .item div.shipping-container {
width: 350px;
}
.wanna-cheap {
padding: .5em;
max-width: 220px;
font-size: 14px;
line-height: 18px;
}
ul.colors-list li {
flex: 0 0 auto;
min-width: 100px;
} table.cart .qty,
table.shop_table .qty {  width: 100% !important;
text-align: center;
background-color: #fff;
}
table.cart .quantity .number-btn,
table.shop_table .quantity .number-btn {
display: none !important; }
table.shop_table .coupon input,
table.cart .coupon input {
background-color: #fff;
max-width: 200px;
min-width: 100px;
width: unset !important;
height: 44px;
border-radius: 8px;
padding: 12px 16px;
border: none;
} .product-detail {
margin-top: 10px;
}
.product-detail .product-order {
position: relative;
padding: 15px;
justify-content: space-evenly;
align-items: center;
margin: 25px auto;
width: auto;
box-shadow: initial;
}
.product-detail .product-order .input {
margin-right: 25px;
display: flex;
align-items: center;
}
.product-order .input input[type=number] {
font-size: 18px;
width: 70px;
flex: 0 0 70px;
-moz-appearance: textfield;
-webkit-appearance: none;
}
.product-order .input .button-minus,
.product-order .input .button-plus {
flex: 0 0 28px;
height: 28px;
z-index: 9;
border: 0px #999 solid;
background-color: #dfdfdf;
}
.product-detail .relative {
max-width: 550px;
}
.product-wrap {
padding-left: 50px;
padding-top: 25px;
}
.product-detail h1 {
font-size: 32px;
line-height: 38px;
letter-spacing: -.5px;
}
.product-order .btn {
padding: 12px 25px;
}
.product-order .btn svg {
width: 18px;
height: 18px;
}
.product-detail .product-price {
font-size: 22px;
line-height: 28px;
}
footer.footer {
position: relative;
padding: 30px 10px;
}
.footer .logo-wrap {
order: 1;
}
.footer .person {
order: 2;
}
.footer .mail {
position: absolute;
top: 120px;
padding: 20px 0 20px 15px;
border-bottom: 0;
text-align: left;
}
.footer .mail a {
font-size: 16px;
}
.footer .mail svg {
vertical-align: middle;
margin-right: 9px !important;
}
.footer .open-hours {
order: 3;
padding: 0px 15px;
}
.footer .open-hours .cols {
flex-direction: column;
}
.footer .open-hours .cols .col {
width: 100%;
flex: 0 0 100%;
}
.footer .offer-links {
order: 5;
padding-top: 30px;
margin-top: 30px;
border-top: 1px rgba(0, 0, 0, .1) solid;
}
.footer .shop-links {
order: 6;
margin-top: 30px;
padding-top: 30px;
border-top: 1px rgba(0, 0, 0, .1) solid;
}
.footer ul {}
.footer .owner {
order: 4;
font-size: 14px;
line-height: 22px;
}
.footer .socials {
order: 7;
position: relative;
padding: 10px;
margin-top: -60px;
}
.footer .logo-wrap img {
width: 180px;
display: inline-block;
}
.product-extra-gallery {
padding: 40px 0 10px;
}
.product-extra-gallery .col-lg-4 {
padding: 8px 10px;
}
.product-extra-gallery .col-lg-4 img {
width: 100%;
height: 270px;
object-fit: cover;
object-position: center;
}
}
@media (min-width: 1200px) {
.offer-slider .item { min-height: 475px;
}  body.cart .offer-slider .item,
body.home .offer-slider .item {
min-height: 380px;
}
.offer-slider .item img {
width: 240px;
height: 200px;
}
}
@media (max-width: 992px) {
.mobile-nav a.store {
display: none;
}
.mobile-nav a.store.show-mobile {
display: block;
}
.mobile-nav a.promo.hide-mobile {
display: none;
}
.blog-entry .content img {
max-width: 100%;
}
.slider .text h2 {
font-size: 28px;
line-height: 33px;
}
.slider .text {
padding-bottom: 50px;
}
}
@media (max-width: 420px) {
.typical-page,
.title-bar {
margin-top: 60px;
}
}
@media (min-width: 420px) and (max-width:500px) {
.product-order .btn  svg {
display: none;
}
}
@media (max-width: 390px) {
.product-order {
flex-wrap: wrap;
}
.product-order .input {
flex: 0 0 110px;
} .product-order .btn {
flex: 0 0 calc((100% - 110px) / 2.1);
line-height: 11px;
} .product-order .wanna-cheap {
flex: 0 0 100%;
max-width: initial;
padding: 5px 5px 0;
}
.product-order .wanna-cheap a:before {
display:block;
clear: both;
content: "";
}
}