/* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> COMMON VVV VVV VVV VVV VVV VVV VVV */ /* --> COMMON > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --accent1: #000000; --accent2: #7F8694; --accent3: #ffffff; --menu: #445066; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> COMMON VVV VVV VVV VVV VVV VVV VVV /* --> HOVER COLOR! [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ header a:hover, footer a:hover, .menu-content a:hover, .menu-content .extra_links a:hover { color:var(--accent1)!important; } footer a:hover, .extra_links a:hover { color:var(--accent3)!important; } footer a, .extra_links a, footer a::before, .extra_links a::before{ transition: all .5s; } footer a, .extra_links a{ display: block; } footer a::before, .extra_links a::before { content: "\276D"; opacity: 0; display: inline-block; } footer a:hover::before, .extra_links a:hover::before { content: "\276D"; opacity: 1; margin-right: 5px; } footer a:hover, .extra_links a:hover{ transform: translateX(10px) !important; } .socials_section a svg:hover{ fill:var(--accent1); } /* --> COMMON > DIMENSIONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body { --minicart-width: 635px; } /* --> COMMON > BREADCRUMBS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumb, .breadcrumb a{ white-space: normal; } /* --> COMMON > PAGINATION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mfilter-content-container>div>.row:last-child { margin-top: 30px !important; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #666; border-color: #666; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>a, .pagination>li>span { color: #000; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> HEADER > MENU VVV VVV VVV VVV VVV VVV VVV */ /* --> HEADER > MENU > BURGER BUTTON [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> HEADER VVV VVV VVV VVV VVV VVV VVV */ /* --> HEADER > MINICART [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MINICART > LAYOUT [2] =========================================================================================================== */ #cart .dropdown-menu { display: block !important; position: fixed; top: 0px; right: 0px; height: 100vh; transform: translateX(100%); transition: all 0.4s; border-radius: 0px; padding: 20px; width: var(--minicart-width); background: white; border: none; margin: 0px; } body:before { transition: all 0.4s; content: ""; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; display: block; position: fixed; z-index: 9999999; opacity: 0; visibility: hidden; } #cart .dropdown-menu li > div{ min-width: unset !important } /* --> HEADER > MINICART > LAYOUT > SECTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content { max-height: calc(100vh - 405px); overflow: auto; } #cart .dropdown-menu>li.bottom-section { height: 295px; box-shadow: 17px -6px 27px 9px rgba(0, 0, 0, 0.34); } /* --> HEADER > MINICART > LAYOUT > SCROLLBAR [3] ------------------------------------------------------------- */ #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar { width: 6px !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb { background: var(--accent2) !important; border-radius: 3px !important; border: none !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb:hover { background: var(--accent2) !important; } #cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-track { background: #d8d8d8 !important; border-radius: 3px !important; } /* --> HEADER > MINICART > ENABLED [2] =========================================================================================================== */ .cart_enabled #cart .dropdown-menu { transform: translateX(0px); } .cart_enabled body:before { opacity: 1; visibility: visible; width: calc(100% - var(--minicart-width)); } /* --> HEADER > MINICART > EMPTY [2] =========================================================================================================== */ #cart .dropdown-menu .cart-empty { font-size: 18px; margin-top: 100px; color: black; } /* --> HEADER > MINICART > INTRO [2] =========================================================================================================== */ .minicart_intro { margin-bottom: 22px; } .minicart_intro .title { color: #000000; font-size: 12.79px; letter-spacing: 0.85px; line-height: 15px; text-align: center; font-family: var(--font1); text-transform: uppercase; } .minicart_intro .subtitle { font-family: var(--font2); color: #000000; font-size: 34.12px; line-height: 41px; text-align: center; font-weight: bold; text-transform: uppercase; } /* --> HEADER > MINICART > INTRO > EMPTY [3] ------------------------------------------------------------- */ #cart .dropdown-menu li.cart-empty p { margin: 20px 0; font-family: var(--font2); font-size: 22px; font-weight: bold; text-transform: uppercase; margin-top: 10px; } /* --> HEADER > MINICART > CLOSE BUTTON [2] =========================================================================================================== */ #cart_close_button { cursor: pointer; position: absolute; right: 20px; top: 20px; } /* --> HEADER > MINICART > PRODUCT LIST [2] =========================================================================================================== */ /* --> HEADER > MINICART > PRODUCT LIST > LAYOUT [3] ------------------------------------------------------------- */ #cart .dropdown-menu .table-products { border-collapse: separate; border-spacing: 0 25px; margin-top: -25px; padding-right: 30px; padding-left: 10px; } #cart .dropdown-menu .table-products td, #cart .dropdown-menu .table-products th { border: none; } #cart .dropdown-menu .table-products>tbody>tr { position: relative; } /* --> HEADER > MINICART > PRODUCT LIST > THUMB [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-thumb { vertical-align: middle; width: 150px; height: 150px; padding: 15px; } #cart .dropdown-menu .product-thumb img { width: 100%; height: auto; } #cart .dropdown-menu .product-thumb .img-thumbnail { /* width: 150px; height: 150px; */ border-radius: 0px; border: none; } /* --> HEADER > MINICART > PRODUCT LIST > INFO [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info { display: flex; flex-direction: column; min-height: 150px; padding: 15px 0px 15px 20px; } #cart .dropdown-menu .product-info a { color: #000000; font-size: 16px; text-align: left; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 12px; } /* --> HEADER > MINICART > PRODUCT LIST > OPTIONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-options { margin-bottom: 8px; } #cart .dropdown-menu .product-info .product-options .option-name { font-weight: bold; color: black; font-size: 14px; text-transform: uppercase; } #cart .dropdown-menu .product-info .product-options .option-value { color: #6c6c6c; font-size: 15px; } /* --> HEADER > MINICART > PRODUCT LIST > PRICE [3] ------------------------------------------------------------- */ #cart .dropdown-menu .product-info .product-price { color: #000; font-size: 18px; font-weight: bold; margin-top: auto; } /* --> HEADER > MINICART > PRODUCT LIST > QTY [3] ------------------------------------------------------------- */ td.text-right.product-qty { vertical-align: bottom; font-size: 18px; font-weight: bold; color: black; position: absolute; bottom: 6px; right: 25px; border: none !important; } /* --> HEADER > MINICART > PRODUCT LIST > REMOVE [3] ------------------------------------------------------------- */ td.text-center.product-remove { width: 15px; } header #cart .btn.btn-danger.btn-xs { background: none; border-radius: 0px; border: none; padding: 5px; transform: translate(5px, -2px); } /* --> HEADER > MINICART > BOTTOM SECTION [2] =========================================================================================================== */ li.bottom-section { margin-top: auto; display: block; position: absolute; bottom: 0px; right: 0px; background:#fff; width: 100%; padding: 25px 20px; } li.bottom-section>div.container { width: 390px; max-width: 100%; } /* --> HEADER > MINICART > BOTTOM SECTION > TOTALS [3] ------------------------------------------------------------- */ /* hide subtotal section */ .bottom-section .container .totals>div:first-child { display: none; } .bottom-section .container .totals>div { color: #000000; font-family: AvertaPE; font-size: 20px; line-height: 25px; text-align: left; display: flex; justify-content: space-evenly; } .bottom-section .container .totals>div .total-title { font-size: 16px; font-weight: 600; } .bottom-section .container .totals>div .total-text { font-size: 25px; font-weight: bold; } /* --> HEADER > MINICART > BOTTOM SECTION > BUTTONS [3] ------------------------------------------------------------- */ #cart .dropdown-menu .cart-footer { display: flex; flex-direction: column; width: 100%; text-align: center; justify-content: center; align-items: center; } #cart .dropdown-menu .cart-footer>a { width: 100%; height: 60px; display: flex; align-items: center; justify-items: center; max-width: 100%; color: #ffffff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: black; } #cart .dropdown-menu .cart-footer>a:first-child { margin-bottom: 10px; background: white; color: black; border: solid 1px black; } #cart .dropdown-menu .cart-footer>a:last-child { border: 1px solid rgba(255, 255, 255, 0.35); /* background: none; */ } #cart .dropdown-menu .cart-footer>a>* { margin: 0 auto; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> FOOTER VVV VVV VVV VVV VVV VVV VVV */ /* --> FOOTER > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ footer { margin-top: 50px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> HOME VVV VVV VVV VVV VVV VVV VVV */ /* --> HOME > MANUFACTURERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #common-home #carousel0 + .swiper-pagination + .swiper-pager{ display:none !important; } #common-home #carousel0 { margin-bottom: 80px } #common-home #carousel0 + .swiper-pagination{ bottom: 40px !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> CATEGORY PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> CATEGORY PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ html[class*="product"]:not([class*="product-product"]) body > .container:not([class*="newsletter-guest-footer"]) > .row { display: flex; flex-direction: column; position:relative; } html[class*="product"]:not([class*="product-product"]) body > .container:not([class*="newsletter-guest-footer"]) > .row > *{ width: 100% !important; } html[class*="product"]:not([class*="product-product"]) #content, html[class*="product"]:not([class*="product-product"]) aside, .category_description, .category_description div, #mfilter-content-container > div, .desc-top, .desc-top div{ padding-left:0px !important; padding-right: 0px !important; } /* --> CATEGORY PAGE > SORTING BAR [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* .sorting_bar { display: flex; flex-direction: row; justify-content: space-between; width: 100%; border: 1px solid red; } */ /* --> CATEGORY PAGE > SORTING BAR > COMPARE LINK [2] =========================================================================================================== */ #mfilter-content-container > div > .row .form-group { margin: 0px; /* display:none; */ } /* --> CATEGORY PAGE > SORTING BAR > SELECT FIELDS DROPDOWNS [2] =========================================================================================================== */ .sorting_dropdowns { display: flex; align-items: center; } #mfilter-content-container .filters_toggle + div, #mfilter-content-container .filters_toggle + div + div, #input-limit, #input-sort{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #mfilter-content-container .filters_toggle + div, #mfilter-content-container .filters_toggle + div + div { padding-left: 10px !important; padding-right: 0px; } #mfilter-content-container .input-group { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; } #mfilter-content-container .input-group .input-group-addon{ font-size: 15px !important; color: black !important; font-weight: bold !important; } #mfilter-content-container .input-group select { font-size: 15px !important; color: #000 !important; border-color: #c9c9c9 !important; padding: 0px !Important; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-bottom: 2px !Important; } .sorting_dropdowns .form-group{ margin-bottom: 0px; } /* --> CATEGORY PAGE > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(min-width: 768px){ html[class*="product"]:not([class*="product-product"]) aside { width: 100%; border:none !important; } html[class*="product"]:not([class*="product-product"]) aside .mfilter-box{ width: 100%; } .mfilter-box { padding-bottom: 30px; /* padding-top: 40px; */ top: 40px !important; position: absolute; } .product-category .mfilter-box, .product-manufacturer-info .mfilter-box{ padding-top: 40px; } .mfilter-button .mfilter-button-reset:hover { background: black; color: white; transition: all 0.5s; } .mfilter-button-top { width: 370px !important; height: 67px !important; border: 1px solid #979797; position: relative !important; padding: 0 !important; margin-bottom: 30px; } } .mfilter-button.mfilter-button-top > a > i { display: none; } .mfilter-button .mfilter-button-reset { color: black; font-size: 15px; text-decoration: none !important; position: relative!important; width: inherit; text-align: center; margin: auto; height: 67px; padding: 6%; } .mfilter-box::before { content: ""; background: white; width: 100vw; position: absolute; top: 30px; left: 50%; display: block; height: 100%; transform: translateX(-50%); box-shadow: 0 14px 17px 0 rgba(145, 145, 145, 0.5); } html[class*="product"]:not([class*="product-product"]) .mfilter-box .box-heading { display: none; } html[class*="product"]:not([class*="product-product"]) body > .row > *{ width: 100% !important; } .mfilter-content > ul { flex-wrap: wrap; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px 86px; } .box-content.mfilter-content { max-height: unset !important; padding-right: 0px !important; overflow:visible !important; } /* --> CATEGORY PAGE > FILTERS > TOGGLE [2] =========================================================================================================== */ .filters_toggle { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; float: left; } /* --> CATEGORY PAGE > FILTERS > TOGGLE > BUTTONS [3] ------------------------------------------------------------- */ .mfilter-button-bottom { position: relative; } .filters_toggle{ border: 1px solid #979797; width: 370px!important; height: 67px!important; position:relative; } .filters_toggle > div { cursor: pointer; display: flex; align-items: center; position:absolute; top:0px; left:0px; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition: 0.12s; justify-content:center; text-transform:uppercase; font-size: 14px; font-family: var(--font2); color: #000; } .filters_toggle > div svg{ margin-right: 10px; } /* CATEGORY PAGE > FILTERS > TOGGLE > BUTTONS > OPEN */ .filters_toggle > div.open_filters{ visibility:visible; opacity:1; } /* CATEGORY PAGE > FILTERS > TOGGLE > BUTTONS > CLOSE */ html.filters_enabled .filters_toggle > div.open_filters{ visibility:hidden; opacity:0; } html.filters_enabled .filters_toggle > div.close_filters{ visibility:visible; opacity:1; } /* --> CATEGORY PAGE > FILTERS > TOGGLE > TOGGLING [3] ------------------------------------------------------------- */ /* STATUS: DISABLED */ .mfilter-box { transform: translateY(-10px); opacity:0; visibility:hidden; transition: all 0.3s; } /* STATUS: ENABLED */ .filters_enabled .mfilter-box{ transform: translateY(0px); opacity:1; visibility:visible; } /* --> CATEGORY PAGE > FILTERS > HEADING [2] =========================================================================================================== */ /* --> CATEGORY PAGE > FILTERS > TITLES [2] =========================================================================================================== */ .mfilter-content > ul > li { margin-bottom: 0px !important; position:relative; } .mfilter-content > ul li .mfilter-heading-content { padding: 0px; } .mfilter-content > ul li .mfilter-heading-content { padding: 0px; display: flex; align-items: center; } /* --> CATEGORY PAGE > FILTERS > TITLES > ARROWS [3] ------------------------------------------------------------- */ .mfilter-heading .mfilter-head-icon{ width: 25px !important; height: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; } .mfilter-heading .mfilter-head-icon::after { content: "" !important; width: 11px !important; height: 11px !important; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_225_' d='M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") !important; display: block !important; background-repeat: no-repeat !important; background-size: 100% !important; transition: all 0.12s !important; transform: rotate(180deg) !important; } .mfilter-heading.mfilter-collapsed .mfilter-head-icon::after { transform: rotate(0deg) !important; } /* --> CATEGORY PAGE > FILTERS > DROPDOWNS [2] =========================================================================================================== */ .mfilter-filter-item .mfilter-options{ padding:0px !important; } .mfilter-content-opts { position: absolute !important; background: white; z-index: 3; border: 1px solid #C9C9C9; width: 100%; border-top: none; } .mfilter-content-opts .mfilter-option { /* padding: 5px 7px !important; */ display: block; } .mfilter-content-opts .mfilter-option label{ /* padding-right: 10px !important; */ } .mfilter-opts-container { border: none; padding:0px !important; } /* --> CATEGORY PAGE > FILTERS > DROPDOWNS > INNER [3] ------------------------------------------------------------- */ /* container */ .mfilter-opts-container > .mfilter-content-wrapper { margin-top: 0px !important; padding: 10px 18px !important; } /* input boxes */ .mfilter-tb-as-td.mfilter-col-input { transform: translateY(-2px); } /* input labels */ .mfilter-content-opts .mfilter-option label { /* padding-right: 10px !important; */ margin: 2px; line-height: normal; font-size: 16px !important; color: #000000; text-transform: none !Important; } /* --> CATEGORY PAGE > FILTERS > APPLY [2] =========================================================================================================== */ .mfilter-button-bottom { padding: 0px; border: none } .mfilter-button .btn-primary { color: #ffffff; background-color: #080808; border-color: #080808; transition: all 0.3s; width: 348px; margin: 0px; border-radius: 0px; font-size: 16px; text-transform: uppercase; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; line-height: normal; padding: 0px; height: 50px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-top: 30px; font-weight: bold; } .mfilter-button .btn-primary:hover{ color: #080808 !important; background: white !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> PRODUCT PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT PAGE > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product button#button-cart { border-color: transparent; } #product-product button#button-cart:hover { background-color: #445066; color: var(--accent3); } #product-product button#button-favorites:hover{ background-color: #445066!important; border-color: #445066!important; } #product-product div.options{ border-top:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8; padding: 20px 0; } #product-product div.options .form-group.required > label { display:flex; gap:3px; } /* --> PRODUCT PAGE > LAYOUT > TOP SECTION [2] =========================================================================================================== */ #product-product #content>.row:first-child { margin-bottom: 50px; } /* --> PRODUCT PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product .related_products_section>div:nth-child(n+5) { display: none !important; } @media(max-width:767px){ #product-product .related_products_section > div.col-xs-6 { width:100%!important; } } /* --> PRODUCT PAGE > RECENTLY VIEWED [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-product #content>h3 { color: #202020; font-size: 35px; font-weight: bold; margin-bottom: 35px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> PRODUCT GRID VVV VVV VVV VVV VVV VVV VVV */ /* --> PRODUCT GRID > COLORS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #product-category div[data-poip_id="poip_img"], .row.related_products_section div[data-poip_id="poip_img"], #common-home div[data-poip_id="poip_img"]{ position:relative !important; margin-top: -25px !important; width: 100% !important; display:flex !important; right: 0px !important; } /* --> PRODUCT GRID > LABELS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .labels_container { display: flex; align-items: center; margin-top: 10px; height: 28px; align-items: flex-end; max-width: 484px; /* width: 100%; */ margin: auto; } .labels_container>div:not(:last-child) { margin-right: 2px; } /* --> PRODUCT GRID > LABLES > COMMON [2] =========================================================================================================== */ .labels_container>div { color: #FFFFFF; font-size: 14px; line-height: normal; padding: 5px 10px; font-weight: bold; text-align:center; white-space:nowrap; } /* --> PRODUCT GRID > LABLES > NEW [2] =========================================================================================================== */ .labels_container>div.label_new { background: #666; } /* --> PRODUCT GRID > LABLES > BESTSELLER [2] =========================================================================================================== */ .labels_container>div.label_bestseller { background: #101010; } /* --> PRODUCT GRID > LABLES > SALE [2] =========================================================================================================== */ .labels_container>div.label_sale { background: #445066; } /* --> PRODUCT GRID > BUTTONS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-thumb .button-group { display: flex !important; flex-wrap: nowrap !important; } .product-card-bot { min-height: 55px !important; display: flex; align-items: center; } .product-thumb .price { margin-bottom: 0px; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG CENTRAL VVV VVV VVV VVV VVV VVV VVV */ /* --> BLOG CENTRAL > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page .product-thumb .caption{ max-width:unset; width:unset; } .central_blog_page #content > .row { display: flex; flex-wrap:wrap; } .central_blog_page #content > .row > div { width: 25%; } .central_blog_page #latestpost{ margin-bottom: 70px; } /* --> BLOG CENTRAL > IMAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content > .row > div .image{ max-width: 100%; width:100%; } .central_blog_page #content > .row > div .image img{ width:100% !important; height:auto !important; } /* --> BLOG CENTRAL > DESCRIPTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .central_blog_page #content > .row > div .caption{ min-height: 65px } .central_blog_page #content > .row > div .description{ display:none; } .central_blog_page #content > .row > div .padd{ display:none !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> BLOG PAGE VVV VVV VVV VVV VVV VVV VVV */ /* --> BLOG PAGE > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .commentadta{ display:none !important; } #latestpost .innerheader h1 { max-height: unset; line-height: normal; } .single_blog_page #latestpost { display: flex; margin-top: 70px; } #latestpost * { font-family: inherit !Important; } .single_blog_page #latestpost .image.listimg { width: 500px; } #latestpost .image.listimg .img-responsive { width: 100%; } .single_blog_page #latestpost > .row { width: calc(100% - 500px); padding-left: 25px; } #latestpost>.row .headtitle { position: relative; background: none; opacity: 1; display: flex; flex-direction: column; } #latestpost>.row .headtitle>div:first-child { display: none; } #latestpost>.row .description { color: #444; line-height: 26px; text-align: justify; margin-top: 25px; font-size: 15px; -moz-column-count: 2; column-count: 2; -moz-column-gap: 41px; column-gap: 41px; font-weight: normal !important; } /* --> BLOG PAGE > SOCIALS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost .social-icons{ margin-top: 30px; } #latestpost .social-icons li i:before{ font-family: FontAwesome; } /* --> BLOG PAGE > ALERT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #latestpost{ position:relative; } #latestpost .alert.alert-success.alert-dismissible { position: absolute; left: 50%; transform: translateX(-50%) translateY(-100%); z-index: 9999999; top: 0px; } #latestpost .alert.alert-success.alert-dismissible i:before{ font-family: FontAwesome; } #latestpost .alert-dismissable .close, #latestpost .alert-dismissible .close{ right:0px !important; } /* --> BLOG PAGE > RELATED PRODUCTS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .row.related .headingmain{ margin-top: 0px !important; } #blogrelated .product-thumb h4{ text-align:left !important; } #blogrelated .price-cont{ display:flex; align-items:center; } #blogrelated .product-thumb .price{ margin-bottom: 0px !important; text-align:left; } #blogrelated .product-thumb .price-old{ margin-left:0px !important; } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HOME LATEST BLOG VVV VVV VVV VVV VVV VVV VVV */ /* --> HOME LATEST BLOG > CONTENT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .text-right > h5 > a { text-transform: uppercase; padding-right: 25px; color: var(--accent2); transition: all 0.3s; font-size: 16px; } .latest-posts .text-right > h5 > a:hover { color: var(--accent1); } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ||||| --> RESPONSIVE VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > GENERIC [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ body{ --responsivePadding: 15px; } @media(max-width: 991px){ #common-home #content > .row.swiper-viewport, #common-home #content > .row{ margin-bottom: 20px !important; } } /* --> RESPONSIVE > GENERIC > SECTION HEADINGS [2] =========================================================================================================== */ @media(max-width: 991px){ #common-home #content .row h3, #common-home h3.headingmain, #common-home .carousel.swiper-viewport h3, #content > .row > h3, #content > h3{ width: 100% !important; max-width:100% !important; margin-left:0px !important; margin-right: 0px !important; padding-bottom: 10px !important; } } /* --> RESPONSIVE > GENERIC > BOTTOM SECTION BUTTONS [2] =========================================================================================================== */ @media(max-width: 768px){ #content > .buttons { display:flex !important; flex-direction: column !important; align-items:center !important } #content > .buttons > div{ margin: 5px 0px } } /* --> RESPONSIVE > HEADER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > HEADER > SEARCH [2] =========================================================================================================== */ @media(max-width:990px){ .live-search-div { max-width: 400px !important; width: 300px !important; } .live-search-div ul li .product-name { font-size: 13px !important; line-height: normal !important; margin-top: 0px !important; } .live-search-div ul li a { display: flex !important; align-items: center !important; } .live-search-div ul li .product-price{ margin-top: 0px !important; } .live-search-div ul li .product-price > span { line-height: normal !important; } .live-search-div .product-price > .special{ margin-top: 0px !important; } } @media(max-width:768px){ #search .btn.btn-default.btn-lg{ line-height: 30px !important; display:flex; align-items: center; justify-content: center; } .live-search-div{ top:40px !important; right: 0px !important; left: auto !important; transform: none !important; } } /* --> RESPONSIVE > HEADER > ICONS [2] =========================================================================================================== */ @media(max-width:768px){ header .row > .col-sm-3 .list-inline img.hd-icons { margin-top:4px; margin-bottom: 1px; } } li.header-icon-men > a > svg { color: var(--accent2); } header #search svg { color: var(--accent2); } /* --> RESPONSIVE > HEADER > CART [2] =========================================================================================================== */ @media(max-width:635px){ body { --minicart-width: 100vw !important; } #cart .dropdown-menu > li.bottom-section{ height: auto !important; } /* li.bottom-section > div.container{ width: 280px !important; } */ #cart .dropdown-menu { padding: 20px 0px; } #cart .dropdown-menu .product-info a { font-size: 14px; line-height: normal; } .minicart_intro .subtitle{ font-size:25px !important; line-height: normal !important; } #cart .dropdown-menu .product-info .product-options .option-name, #cart .dropdown-menu .product-info .product-options .option-value{ font-size:12px; } #cart .dropdown-menu .table-products{ padding: 0px !important; } #cart .dropdown-menu > li.top-section .minicart_content { max-height: calc(100vh - 310px); overflow: auto; } #cart .dropdown-menu .cart-footer > a{ height: 45px !important; } #cart .dropdown-menu .product-thumb { padding: 0px; width: 100px; height: 100px; } } /* --> RESPONSIVE > FOOTER [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 768px){ footer > .container > .row { display: flex !important; flex-wrap: wrap !important; } footer > .container > .row > div { flex: 1 1 180px; } } @media(max-width: 650px){ .powered_by { flex-direction: column; } } /* --> RESPONSIVE > NEWSLETTER POPUP [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 450px){ .tk-cart-body{ padding: 0px !important; } .alert.alert-success.alert-dismissible .add-to-cart-inner { left: 50%; transform: translateX(-50%); width: calc(100vw - 30px) !important; padding: 15px; } } /* --> RESPONSIVE > HOME [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1420px){ #common-home #latestblog .product-thumb .caption h4 a { font-size: 18px; line-height: normal; } #common-home #latestblog .product-thumb .caption .dateadded i{ font-size:15px !important; } } @media(max-width: 1150px){ #common-home .headingmain{ margin-left: 0px; margin-right: 0px !important } #common-home #latestblog > .row { display:flex !important; flex-wrap:wrap !important; } #common-home #latestblog > .row > div{ width: 33.33%; } } @media(max-width: 991px){ #common-home #latestblog > .row > div{ width:50%; } #common-home #content .row.featured-products-module.featured0, #common-home #content .row.featured-products-module.featured1{ width: 100% !important; } #common-home #content > :not(.slideshow){ padding: 0px var(--responsivePadding); } .row.special-products-module{ margin-left:0px !important; margin-right: 0px !important; } #common-home #content .slideshow{ order:-100 !important; } /* #common-home #content .banner0{ order: -90 !important; } */ #common-home #content .featured0{ order: -80 !important; } /* #common-home #content .banner1{ order: -70 !important; } */ #common-home #content .featured1{ order: -60 !important; } /* #common-home #content .row.swiper-viewport.banner2{ width: 37% !important; } #common-home #content .row.swiper-viewport.banner3{ width: 63% !important } */ #common-home #content .row.swiper-viewport.banner2, #common-home #content .row.swiper-viewport.banner3{ padding: 0px !important; } } @media(max-width: 820px){ .row.news-form { display: flex; align-items: center; flex-direction: column; padding-top: 15px; } .news-form h1{ text-align:center !important; } #common-home #content .row .news-form h3 { text-align: center; line-height: normal; margin-top: 15px; } #common-home #content .row .news-form .pull-center { display: flex; flex-wrap: wrap !important; text-align: center; justify-content: center; align-items: center; justify-content: center; } #common-home #content .row .news-form .pull-center input{ order:-100; margin-right: 10px; margin-top: 0px; } } @media(max-width:768px){ #common-home #latestblog > .row > div .dateadded i{ font-size: 14px !important; } #common-home #latestblog > .row > div .caption{ padding: 10px !important; justify-content: flex-end !important; } #common-home #latestblog > .row > div .caption h4 a{ font-size: 17px !important; line-height: normal !important; } } @media(max-width: 600px){ #common-home #content .row.swiper-viewport.banner2, #common-home #content .row.swiper-viewport.banner3{ width: 100% !important; padding: 0px var(--responsivePadding) !important; } } @media(max-width: 450px) { #common-home #latestblog > .row > div{ width: 100% !important; } } @media(max-width: 400px){ .row.news-form > div { display: flex; flex-direction: column; } .news-form #subscribe { width: 100% !important; margin-top: 10px; } } /* --> RESPONSIVE > PRODUCT GRID [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width:990px){ #product-product .thumbnail > img { min-width: 280px; border: 1px solid #ccc; } } @media(max-width:600px){ .product-thumb .price { display: flex; align-items: flex-start; font-size: 14px; } footer a::before{ display:none !important; } .product-thumb .price-old{ margin-left:0px !important; } .labels_container > div{ font-size: 9px; } .product-thumb .button-group button { width: 30px !important; height: 30px !important; display: flex; align-content: center; align-items: center; justify-content: center; } } @media(max-width:450px){ .row.featured-products-module .row{ display:block; } .row.special-products-module .row{ display:block !important } .product-layout{ width: 100% !important; } } /* --> RESPONSIVE > CATEGORY PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > CATEGORY PAGE > DESCRIPTION [2] =========================================================================================================== */ @media(min-width: 991px){ #mfilter-content-container .row.desc-top{ display:none !important; } } @media(max-width: 991px){ #mfilter-content-container > div{ display:flex; flex-direction: column; } #mfilter-content-container > div .row.desc-top{ order: -99; } } /* --> RESPONSIVE > CATEGORY PAGE > SORTING BAR [2] =========================================================================================================== */ @media(max-width: 991px){ /* #mfilter-content-container > div > .row:first-child{ display:flex; flex-wrap:wrap; justify-content: flex-end; display:none !important; } */ .row.product-list-grid{ margin-top: 30px !important; } /* #mfilter-content-container > div > .row:first-child > div { width: 240px !important; max-width: 240px !important; padding:0px !important; float:none !important; } */ #mfilter-content-container > div > .row:first-child > .hidden+div{ widtH: 100% !important; max-width: 100% !important; } #mfilter-content-container > div > .row:first-child > div > div{ margin-bottom: 0px !important; } } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR [2] =========================================================================================================== */ @media(max-width: 1190px){ #product-category #column-left #column-left{ position: relative !important; margin-top: 0px !important; top:0px !important; } #product-category > .row > #column-left{ min-width:300px; } #product-category > .row > #column-left > h2, #product-category > .row > #column-left > h2 + .row{ display:none !important; } } #mfilter-content-container .desc-top{ display:none !important; } /* --> RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS [3] ------------------------------------------------------------- */ @media(max-width: 768px){ .filters_toggle{ display:none !important; } .mfilter-box-83 .mfilter-free-button{ margin-top: 115px !important; } .mfilter-box-83.mfilter-free-container{ top:0px !important; } .box-content.mfilter-content{ padding-right: 0px !important; } .mfilter-box-83.mfilter-free-container, .mfilter-box-83.mfilter-free-container .scroll-wrapper{ /* height: 100vh !important; */ max-height: 100vh !important; width: 280px !important; height: unset !important; min-height: unset !important; z-index:999999999; } .mfilter-iscroll{ height: 100vh !important; max-height: 100vh !important; } .mfilter-free-container{ margin-left: -290px; } .mfilter-free-button { margin: 10px 0 0 281px; } .scroll-wrapper > .scroll-content{ overflow:auto !important; height: unset !important; min-height: unset !important } .box-content.mfilter-content{ overflow:visible !important; } .mfilter-content > ul > li{ margin-bottom: unset !important } } /* --> RESPONSIVE > CATEGORY PAGE > PRODUCTS [2] =========================================================================================================== */ @media(max-width: 768px){ #product-category .row.product-list-grid{ display:flex !important; flex-wrap:wrap !important; grid-column-gap: unset !important; grid-row-gap: unset !important; justify-content: space-between; } #product-category .product-layout.product-grid{ width: calc(50% - 10px) !important; } } @media(max-width: 450px){ #product-category .product-layout.product-grid, .product-layout{ width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS [2] =========================================================================================================== */ @media(max-width: 1600px){ #product-product .thumbnails .col-sm-3:last-child { max-height: 600px; padding-left:10px; } } @media(max-width: 1350px){ #product-product .thumbnails .col-sm-3:last-child { max-height: 450px; padding-left:20px; } } @media(max-width: 1100px){ #product-product .thumbnails .col-sm-3:last-child { max-height: 300px; padding-left: 39px; } } @media(max-width: 768px){ #product-product .thumbnails{ margin-left: 0px !important; display: flex !important; flex-direction: row !important; gap: 10px !important; } .thumbnails > li { margin-left: 0px; } #product-product #content > .row > .div:fist-child{ margin-right: 0px !important; margin-left: 0px !important } #product-product .thumbnails .col-sm-3:last-child { max-height: auto !important; padding-left: 1px !important; display: flex !important; overflow-Y: auto !important; margin-bottom: 20px !important } /* .image-additional { width: 100px !important; } .image-additional a{ width: 80px !important; } */ } /* --> RESPONSIVE > PRODUCT PAGE > RELATED PRODUCTS [2] =========================================================================================================== */ @media(max-width:450px){ .related_products_section > div{ width: 100% !important; } } /* --> RESPONSIVE > PRODUCT PAGE > RECENTLY VIEWED [2] =========================================================================================================== */ @media(max-width: 450px){ .product-layout{ width: 100% !important; } } /* --> RESPONSIVE > BLOG CENTRAL [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1190px){ .central_blog_page #content > .row > div{ width: 33.3333% } } @media(max-width: 991px){ .central_blog_page #content > .row > div{ width: 50% } } @media(max-width: 450px){ .central_blog_page #content > .row > div{ width: 100% } } /* --> RESPONSIVE > BLOG PAGE [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media(max-width: 1350px){ #latestpost > .row .description { -moz-column-count: unset; column-count: unset; text-align:left; } } @media(max-width: 1190px){ #latestpost{ display:flex; flex-direction: column; } #latestpost > .row { padding-left: 0px; } #latestpost > *{ width: 100% !important; } #latestpost .image img{ max-width: 100% !important; width: 500px !important; margin: 0 auto !important; } } /* --> ACCOUNT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #account-login > .row, #account-register > .row { max-width: 1650px; margin: auto; } #common-success > .row { max-width: 1024px; margin: auto; } /* --> INFORMATION PAGES [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #information-information h1{ font-weight:bold; } #information-information #column-left { position: sticky; top: 0; padding-top: 100px; } #information-information #column-left .nav.nav-tabs.nav-stacked > li > a { color: black; font-size: 15px; padding: 13px; font-weight: 700; } #information-information #column-left .nav.nav-tabs{ border-bottom:none; } #information-information #column-left .nav.nav-tabs.nav-stacked > .current > a, #information-information #column-left .nav.nav-tabs.nav-stacked > a:hover, .nav-tabs>li>a:hover { color: var(--accent1) !important; border-color: transparent !important; } /************************************* P R O D U C T T A B S ==> I M P O R T A N T **********************************************/ /* --> COMMON > MODULES > PRODUCT TABS [2] =========================================================================================================== */ /* .module_product_tabs .tab-content .section_title { display: none !important; } */ /* --> HOME > PRODUCT TABS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .module_product_tabs{ display:flex; flex-direction: column; width: 100%; /* padding-left: 50px; padding-right: 50px; */ } /* --> HOME > PRODUCT TABS > TABS TITLE (HOME SPECIFIC) [2] =========================================================================================================== */ @media(min-width:1025px){ #common-home .module_product_tabs{ margin-top: 40px; } } /* --> HOME > PRODUCT TABS > NAV TABS [2] =========================================================================================================== */ .module_product_tabs .nav-tabs { display: flex; justify-content: flex-start; margin: 0px; border: none !important; overflow: auto; /* padding-bottom: 10px; */ max-width: 100vw; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; flex-wrap: wrap; overflow: hidden; justify-content: center; } .module_product_tabs .nav-tabs > li { margin: 8px 8px 8px 8px; } .module_product_tabs .nav-tabs > li > a{ border: 1px solid var(--accent1)!important; font-size: 15px; font-weight: bold !important; color:black; width: 235px; height: 50px; display:flex; align-items: center; justify-content: center; text-transform:uppercase; border-radius: 0px !important; transition: all 0.14s; background: white !important; line-height:normal; } /* --> HOME > PRODUCT TABS > NAV TABS > ACTIVE [3] ------------------------------------------------------------- */ .module_product_tabs .nav-tabs > li.active > a{ background: var(--accent2)!important; color:var(--accent3) !important; border-color:var(--accent2)!important; } /* --> HOME > PRODUCT TABS > TAB PANE [2] =========================================================================================================== */ /* carousel in tabs fix */ .module_product_tabs .section_before_title h4{ color: #000000; font-size: 15px; letter-spacing: 13.5px; line-height: 18px; text-align: center; } .module_product_tabs .section_title h2{ color: #000000; font-size: 45px; line-height: 54px; text-align: center!important; padding-bottom:30px; } .module_product_tabs .tab-content > .tab-pane{ display:block !important; height: 0px !important; opacity: 0; visibility:hidden; } .module_product_tabs .tab-content > .tab-pane.active{ height: auto !important; opacity:1; visibility:visible; } /* --> HOME > PRODUCT TABS > TAB PANE > HIDE CUSTOM TITLE [3] ------------------------------------------------------------- */ .module_product_tabs .tab-content > .tab-pane h3{ display: none !important; } /* --> HOME > PRODUCT TABS > TAB PANE > PRODUCTS [3] ------------------------------------------------------------- */ #common-home .module_product_tabs .swiper-wrapper{ margin-top: 40px; } .swiper-wrapper .product-layout{ /* width: 100% !important; */ } /* --> HOME > PRODUCT TABS > TAB PANE > VIEW MORE [3] ------------------------------------------------------------- */ #common-home .module_product_tabs .view_more { position: absolute; right: 0px; top: -32px; } /**********************************************************************************/ /********** M O D U LE P R O D U C T T A B S // G R I D ***********************/ /**********************************************************************************/ .module_product_tabs_grid .tab-content { position:relative; } .module_product_tabs_grid .title_and_tabs{ position:absolute; left:0; top:0; width:33.33%; display:flex; flex-direction:column; justify-content:center; align-items: flex-start; padding: 2.5% 5%; } .module_product_tabs_grid .title_and_tabs .nav-tabs{ display:flex; flex-direction:column!important; justify-content: left; align-items: flex-start; margin-left:0!important; } .module_product_tabs.module_product_tabs_grid .tab-pane .row:before{ content:""; width:33%; display:block; height:50%; } .module_product_tabs_grid .nav-tabs > li > a { font-weight:400!important; height:20px!important; } .module_product_tabs_grid .nav-tabs > li.active > a { background-color:transparent!important; color:#000!important; font-weight:800!important; } .module_product_tabs_grid .tab-pane > .row{ margin:0!important; max-width:100%!important; } .module_product_tabs_grid .row > .row { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 15px; } .module_product_tabs_grid > .row{ width:100%!important; margin:0px!important; max-width:100%!important; } .module_product_tabs_grid .title_and_tabs .nav-tabs a{ border:none!important; width:unset; color: #000000; font-family: AvertaPE; font-size: 16px; line-height: 45px; text-align: left; } @media(max-width:768px){ .module_product_tabs_grid .row > .row{ grid-template-columns: 1fr 1fr!important; } .module_product_tabs.module_product_tabs_grid .title_and_tabs{ width:50%!important; justify-content:unset!important; } } #about-us-info { padding-top: 15px; } @media(max-width:670px){ .module_product_tabs_grid .title_and_tabs .nav-tabs a { font-size: 14px; line-height: 1; } .module_product_tabs .section_title h2 { font-size: 35px } .module_product_tabs .section_before_title h4 { color: #000000; font-size: 20px; letter-spacing: 5px; line-height: 20px; text-align: center; } } @media(max-width:360px){ .module_product_tabs_grid .title_and_tabs .nav-tabs a { font-size: 12px; line-height: 1.1; } .module_product_tabs .section_title h2 { font-size: 30px } .module_product_tabs .section_before_title h4 { color: #000000; font-size: 20px; letter-spacing: 5px; line-height: 20px; text-align: center; } } /****************************************************** menu ***********************************************************/ /* --> HEADER > MEGA MENU [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MEGA MENU > LAYOUT [2] =========================================================================================================== */ /* --> HEADER > MEGA MENU > LAYOUT > CONTAINER [3] ------------------------------------------------------------- */ @media (max-width: 1024px) { #menu .close_button { display: flex; flex-direction: column; margin-left: auto; } #menu .mg-menu-container { display: flex; flex-direction: column; } #menu .row .col-sm-1 { order: -1; width: 50%; } #menu .row > .col-sm-6 { order: -1; width: 50%; margin: unset; } #menu .row .col-sm-1 .hidden-xs { display: inline !important; color: white; } #menu .row > .col-sm-6 #search .input-lg { height: 30px !important; line-height: 20px !important; background: transparent !important; } #menu .row > .col-sm-6 #search .btn.btn-default.btn-lg { background: transparent; text-shadow: unset; padding: unset; } #menu .row > .col-sm-3, #menu .row > .col-sm-2 { height: 50px; width: 50%; } #menu .row > .col-sm-2 #logo { margin: 0px; } #menu .row > .col-sm-2 #logo .img-responsive { height: 50px; width: auto; } .container.main-menu { padding: 0; justify-content:start; } #menu .row > .col-sm-3 .list-inline { width: unset; margin: unset; } #menu #cart .btn.btn-inverse #cart-total { top: 0px; width: 15px !important; height: 15px !important; right: -7px; font-size: 13px; } .container.main-menu .navbar-toggle { margin: 0; box-shadow: unset; background: unset !important; background-image: unset !important; border-color: unset !important; border: unset !important; } #menu .btn-navbar i::before { font-size: 24px !important; } #menu .nav.navbar-nav { display: unset; } #menu .nav > li > a { padding-left: unset; } #menu .row #menu_icons_section .list-inline > li:not(:last-child) { display: none !important; } } @media(max-width: 1024px) { .top-bar > div p, .top-bar > div a { margin: 0; } header .container .row .col-sm-8 { order: 0; } header #menu { flex-direction: column; align-items: flex-start !important; } #menu #menu .nav.navbar-nav { align-items: start !important; flex-direction: column; } #menu .mobile_inner_navigation { color: #FFFFFF; display: flex; flex-direction: row; padding: 5px 10px; } .dropdown-menu-right { right: unset; } #menu .mobile_inner_navigation .back_button { transition: all 0.4s; } #menu.first_level_active .mobile_inner_navigation .back_button { visibility: visible; } #menu #language_selection { display: flex; flex-direction: row; } #menu #language_selection button:first-child { border-right: solid 2px var(--accent2); } #menu #language_selection > button { font-size: 15px; margin: 0; color: white; } #menu #cart button { display: flex; gap: 5px; background: transparent; border: none; } #menu #cart button span { color: white; } #menu svg g#Compare line, #menu svg g#Compare path { stroke: white; } #menu .mobile_inner_navigation .list-inline { display: flex; align-items: center; width: 100%; gap: 10px; height: 100%; margin: 0; } #menu > .navbar-collapse[aria-expanded="true"] { transform: translateX(0px) !important; } .mobile_inner_navigation > div { cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; } .mega-menu-cont-main #menu .navbar-collapse.collapse { display: flex !important; flex-direction: column !important; align-items: center !important; flex-direction: column; background: var(--menu); top: 0px !important; left: 0px !important; position: fixed !important; width: 380px !important; height: 100% !important; min-height: 100% !important; display: block !important; transition: all 0.4s; transform: translateX(-100%); z-index: 99999999999; overflow: hidden !important; } #menu .nav.navbar-nav { padding: 0 10px; height: 100%; max-height: calc(100% - 120px); overflow: auto; } #menu img { width: auto; } #menu .nav.navbar-nav > li > a { font-size: 20px !important; } } @media (max-width: 1024px) { #menu .nav.navbar-nav > li.dropdown > .mega-menu { background: white; top: var(--burgerInnerNavigationHeight); border: none !important; height: calc(100vh - var(--burgerInnerNavigationHeight)); overflow-x: hidden; } #menu .mg-menu-cont > .mg-menu-item-title > a { background: none !important; } #menu .mg-menu-cont:not(:last-child) > .mg-menu-item-title a { padding-bottom: 10px !important; display: block !important; } #menu .mg-menu-cont > .mg-menu-item-title > a > span { color: white !important; font-size: 19px !important; font-weight: normal !important; text-transform: uppercase; } #menu .nav.navbar-nav > li.dropdown > .mega-menu { background: var(--menu) !important; } } @media (max-width: 1024px) { body { --burgerInnerNavigationHeight: 70px; --burgerMenuWidth: 380px; } #menu .navbar-toggle { display: block !important; padding-top: 6px !important; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION [3] ------------------------------------------------------------- */ .mobile_inner_navigation { background: var(--accent2); width: 100%; align-items: center; padding: 0; } .mobile_inner_navigation .list-inline > li:last-child > a { color: white; font-weight: bold; font-size: 1.3em; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > ALL BUTTONS */ .mobile_inner_navigation > div { cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > BACK BUTTON */ .mobile_inner_navigation > div.back_button { transition: all 0.4s; opacity: 0; visibility: hidden; } .mobile_inner_navigation > div.back_button svg { height: 30px; } #menu.first_level_active .mobile_inner_navigation > div.back_button { visibility: visible; opacity: 1; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > CLOSE BUTTON */ .mobile_inner_navigation > div.close_button span { color: white; font-size: 12px; margin-top: 6px; line-height: 1; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > MAIN MENU [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */ #menu .navbar-collapse { display: flex !important; flex-direction: column !important; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */ #menu .nav.navbar-nav > li.dropdown { position: static; } #menu .nav.navbar-nav > li a { height: auto; display: block; font-size: 16px !important; font-weight: normal; padding: 15px 10px; line-height: normal; color: white; text-transform: uppercase; font-size: 14px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } #menu .dropdown-menu.mega-menu .mg-menu-item-title { margin: 0; } #menu .has-children:after, #menu .nav.navbar-nav > .dropdown > a:after { content: ""; display: inline-block; float: right; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent transparent transparent white; margin-top: 10px; opacity: 0.8; } #menu .see-all:after{ display: none; } #menu .nav > li > a:hover, #menu .nav > li.open > a, #menu .nav.navbar-nav > li:hover { background: none !important; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > MAIN MENU > EXTRA LINKS */ .mobile_extra_links > div { border-top: 1px solid #494949; padding-top: 15px; padding-bottom: 20px; } .mobile_extra_links a { color: white; display: block; padding: 7px 0px; line-height: normal; } .mobile_extra_links a:last-child { padding-bottom: 0px !important; } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS > CONTENT */ #menu .nav.navbar-nav > li.dropdown > .mega-menu, #menu .mg-menu-cont .mg-menu-item-children-list { transition: all 0.4s; width: 100%; height: 100%; position: absolute; display: block; left: 0px; z-index: 2; padding: 0px; } .mg-menu-item-children-list { background: var(--menu); top: 60px; overflow: hidden !important; } #menu .nav.navbar-nav > li.dropdown > .mega-menu, #menu .mg-menu-cont .mg-menu-item-children-list { transform: translateX(-100%); } #menu.first_level_active li.dropdown.enabled > .mega-menu, #menu.second_level_active .mg-menu-cont.enabled > .mg-menu-item-children-list { transform: translateX(0px); } /* --> RESPONSIVE > #menu > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS > PARENT LINK */ #menu .mobile_parent_link { font-size: 20px !important; line-height: normal !important; color: #FFFFFF !important; text-transform: uppercase !important; } #menu .see-all { margin-top: 0; border: none; border-radius: 0; color: #fff; } #menu .back_button { width: 40px; color: white; } #menu .category_container { display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px #494949; padding-bottom: 5px; justify-content: start; } #menu .category_back.back_button { width: 15%; justify-content: center; display: flex; margin-top: 5px; } #menu .category_back.back_button svg { width: 50%; } #menu .category_title { width: 80%; } } @media (max-width: 1024px) { #menu > .navbar-collapse { background: var(--menu); top: 0px !important; left: 0px !important; position: fixed !important; width: var(--burgerMenuWidth) !important; height: 100% !important; min-height: 100% !important; display: block !important; transition: all 0.4s; transform: translateX(-100%); z-index: 99999999999; overflow: hidden !important; padding: 0; max-width: 95vw; } #menu .mg-menu-cont { margin-top: 0px; margin-bottom: 0px; width: 100%; padding: 0px; max-width: calc(var(--burgerMenuWidth) - 25px); } #menu > .navbar-collapse .navbar-nav, #menu .mobile_extra_links { display: block; width: 100%; } } .related_products_section { margin-bottom: 80px; } #product-product #content .info_section { padding-top: 0px !important; } #product-product #content .info_section { padding-left: 30px; padding-top: 30px; position: -webkit-sticky; position: sticky; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: 165px; } @media (max-width: 768px) { #product-product #content .info_section { top: 0px !important; } #product-product #content .info_section { padding-top: 0px !important; position: relative; z-index: 3; } } @media (max-width: 991px) { #product-product #content .info_section { padding-top: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } } @media (max-width: 768px) { #product-product .info_section .price_info, #product-product .buttons_section #button-cart { display: none !important; } } .enquiry_button { cursor: pointer; display: flex; align-items: center; gap: 10px; margin-top: 23px; margin-bottom: 23px; } #enquiry_form_container { position: fixed; top: 50%; left: 50%; background: white; padding: 25px; width: 500px; transform: translate(-50%, 100%); z-index: 999999999; box-shadow: 0 10px 17px -10px rgba(0, 0, 0, 0.7); transition: all 0.4s; max-width: 100%; opacity: 0; visibility: hidden; } #enquiry_form_container legend { color: black !important; font-family: var(--font2); font-size: 23px; font-weight: bold; text-transform: uppercase; border: none !important; } #enquiry_form_container .form-group { display: flex; flex-direction: column; width: 100%; margin-right: 0px; margin-left: 0px; } #enquiry_form_container .form-group>* { width: 100%; text-align: left; padding: 0px; } #enquiry_form_container .form-group * { font-size: 14px !important; } /* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > CLOSE BUTTON */ #enquiry_form_container .close_button { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M990,59.5L940.5,10L500,450.5L59.5,10L10,59.5L450.5,500L10,940.5L59.5,990L500,549.5L940.5,990l49.5-49.5L549.5,500L990,59.5z'/%3E%3C/g%3E%3C/svg%3E"); position: absolute; right: 25px; top: 33px; cursor: pointer; } .enquiry_enabled body::before { opacity: 1; visibility: visible; width: 100%; } .enquiry_enabled #enquiry_form_container { transform: translate(-50%, -50%); opacity: 1; visibility: visible; } .enquiry_enabled #enquiry_form_container .pull-right { float: left !Important; } @media (max-width: 768px) { .newsletter-inputs { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .newsletter-guest-footer .news-form #subscribe { margin-left: 0 !important; } } .row { margin-left: 0px; margin-right: 0px; } @media (max-width: 768px) { .mfilter-box-83.mfilter-free-container, .mfilter-box-83.mfilter-free-container .scroll-wrapper { height: 100% !important; } .mfilter-box { opacity: 1; visibility: visible; transition: all 0.3s; } .box-content.mfilter-content { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; margin: 20px auto; overflow: hidden !important; } .mfilter-content > ul { display: flex; flex-direction: column; } .mfilter-content-opts { position: relative !important; } .mfilter-box { transform: translateY(0px); height: 100%; margin: 0 auto; } .mfilter-box::before { box-shadow: unset; } .mfilter-button-top { display: flex; align-items: center; align-content: center } .mfilter-button .mfilter-button-reset { margin-bottom: 50px; border: 1px solid #445066; padding: 10px; font-size: small; height: unset; } .scroll-wrapper > .scroll-content { height: 100% !important; } .mfilter-heading-text span { font-size: small; } .module_product_tabs_grid .row > .row { display: flex !important; flex-direction: column; } .module_product_tabs.module_product_tabs_grid .title_and_tabs { position: relative; width: 100% !important; } .module_product_tabs_grid .title_and_tabs .nav-tabs { margin-left: auto !important; } .module_product_tabs_grid .title_and_tabs { align-items: center; } } .burger_menu_enabled { .mfilter-box-83 .mfilter-free-button { display: none; } } .options .form-group { display: flex; flex-direction: column; } #product-product .form-group-stepper { display: grid !important; grid-template-rows: auto auto; gap: 20px; } .cart-favorites-buttons-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #button-cart { grid-column: span 2; /* πιάνει και τις 2 στήλες */ } #button-favorites { grid-column: 1; /* πρώτη στήλη */ } #button-compare { grid-column: 2; /* δεύτερη στήλη */ } .alert-dismissable .close, .alert-dismissible .close { right: -10px; } .swiper-button-next svg, .swiper-button-prev svg { opacity: 1 !important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .swiper-button-disabled svg { opacity: 0 !important; pointer-events: none; } @media (max-width: 1200px) { .header-icon-men.compare, .header-icon-men.wishlist, .dropdown.header-icon-men.account, .header-icon-men.language-form { display: none !important; } } @media (max-width: 768px) { .mobile_inner_navigation .header-icon-men.compare, .mobile_inner_navigation .header-icon-men.wishlist, .mobile_inner_navigation .dropdown.header-icon-men.account { display: block !important; } .mobile_inner_navigation li.header-icon-men > a > svg { color: white; width: 30px !important; height: 30px !important; } .mobile_inner_navigation ul.list-inline { display: flex; align-items: center; } .mobile_inner_navigation ul.list-inline li.close_button { margin-left: auto; /* το σπρώχνει πάντα στο δεξί άκρο */ } }