body { width: 1920px; max-width: 100%; margin: 0 auto; overflow-x: hidden; font-size: 16px; color: #000; } :root { --accent1: #B60525; --accent2: #000000; --accent3: #E2D7D7; --maxContainerWidth: 1650px; --minicart-width: 635px; --ContainerDefaultWidth: 1650px; --FullwidthContainerPadding: 70px; --FullwidthContainerPadding_Wider: 135px; --HeaderHeight: 99px; --megaMenuBanner: 600px; --burgerMenuWidth: 360px; --sideGap_big: 30px; } @media(max-width: 1250px) { :root { --HeaderHeight: 130px !important; } } @media(max-width: 768px) { :root { --HeaderHeight: 81.6px !important; } } .form-control:focus { border-color: inherit; } *, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: unset; outline-offset: unset; } .row { margin-right: unset; margin-left: unset; } .container { margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .swiper-slide, div#related_products_carousel .swiper-slide, div#recently_viewed_carousel .swiper-slide { height: auto; } div#product-category, aside#column-left+div#content { /*padding-left: var(--FullwidthContainerPadding);*/ /*padding-right: var(--FullwidthContainerPadding);*/ padding-left: 0; padding-right: 0; } /*body>.container {*/ /* margin-top: 90px;*/ /*}*/ *:not(i) { text-decoration: none; } img { max-width: 100%; } /* >> HEADER > LAYOUT > RIGHT SECTION > SEARCH */ /* */ #search_contents { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.95); z-index: 999999; padding: 0 20px; transition: all 0.3s; opacity: 0; visibility: hidden; } #search-toggle>a>span::before { background-image: url("data:image/svg+xml,%3Csvg width='18px' height='18px' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon/search%3C/title%3E%3Cg id='Symbols' stroke='black' stroke-width='1' fill='black' fill-rule='evenodd'%3E%3Cg id='HEDER-2' transform='translate(-1385.000000, -79.000000)' stroke-width='0.914285714'%3E%3Cg id='icon/search' transform='translate(1385.000000, 80.000000)'%3E%3Cpath d='M2.16831995,2.14088096 C4.61014386,-0.531709843 8.77752333,-0.724909178 11.4472508,1.69008251 C14.051863,4.00847454 14.3123242,7.93686103 12.0984038,10.6094518 C14.177361,12.4768389 15.7365789,13.8773792 16.7760575,14.8110727 C17.4633176,15.4283921 16.8925888,16.2090294 16.2455408,15.6278298 C15.1792541,14.6700564 13.5798241,13.2333962 11.4472508,11.3178494 C8.97286924,13.5393198 5.13106629,13.5718416 2.62412708,11.3178494 C-0.0781580449,8.9028577 -0.273503958,4.81347177 2.16831995,2.14088096 Z M10.7960978,2.36628019 C8.48450446,0.337687167 4.93572038,0.466486723 2.8845883,2.75267886 C0.833456214,5.03887099 0.963686823,8.54865892 3.27528012,10.5772519 C5.58687342,12.605845 9.10309985,12.4448455 11.1867896,10.1908533 C13.2701537,7.93686103 13.1073655,4.39487321 10.7960978,2.36628019 Z' id='Combined-Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cstyle xmlns='http://www.w3.org/1999/xhtml' type='text/css'%3E%3C/style%3E%3C/svg%3E"); width: 17px; height: 16px; display: block; content: ""; background-size: 100%; display: inline-block; margin-right: 7px; transform: translateY(2px); } .scrolled.search_enabled:not(.fixedToTop) header #search_contents { top: var(--HeaderHeight); } #search_contents #search { margin-top: 250px; margin-left: auto; margin-right: auto; } .live-search-div { top: 299px; padding: 5px 0 40px; width: calc(100vw - 20px); max-height: calc(100vh - 339px); } .live-search-div ul { display: flex; flex-wrap: wrap; } .live-search-div ul li { flex: 1 1 auto; } .live-search-div ul li a { display: flex; flex-direction: column; } .live-search-div .product-image img {} .live-search-div ul li .product-name { font-weight: normal; line-height: normal; color: black; font-size: 16px; } .live-search-div ul li .product-price { width: 100%; text-align: left; font-size: 15px; font-weight: 500; } .live-search-div ul li .product-price .special { color: #999; } .live-search-div .result-text { height: 40px; display: flex; justify-content: center; align-items: center; font-size: 15px; background: var(--accent1); } #search_contents .close_button { cursor: pointer; top: 35px; right: 100px; position: absolute; } #search_contents .close_button svg { width: 30px; height: 30px; } #search { margin-bottom: 0; } #search, .live-search-div { width: 100%; max-width: 1110px; } #search .input-lg, #search .input-group-btn, #search .btn.btn-default.btn-lg { background: none; } #search .input-lg { height: 55px; line-height: normal; font-size: 25px; padding-left: 25px; border-bottom: 1px solid var(--accent1); color: black; font-weight: 500; } #search .btn.btn-default.btn-lg { border-bottom: 1px solid var(--accent1); height: 55px; width: 100%; } #search .btn-lg svg { width: 30px; height: 30px; } #search .input-group-btn { width: 55px; } .live-search-div { margin-top: 27px; border-radius: 0; box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.2); } .live-search-div ul li { display: flex; align-items: center; justify-content: center; } /* */ /* >> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > CLOSE BUTTON */ .for_burger_menu.close_button { display: flex; position: fixed; left: calc(var(--burgerMenuWidth) + 8px); top: 50%; z-index: 4; background: black; width: 35px; height: 35px; border-radius: 100%; border: 1px solid white; justify-content: center; align-items: center; box-shadow: 2px 2px 13px 1px rgba(0, 0, 0, 0.5); transition: all 0.4s; transition-delay: 0s; opacity: 0; visibility: hidden; transform: translateX(8px); } .for_burger_menu.close_button svg { fill: white; width: 15px; height: 15px; } /* */ /* */ header { z-index: 4; position: relative; } header>.container { display: flex; background: white; width: 100vw; position: fixed; /*height: 90px;*/ margin: 0 auto; } #header_sections_container { display: flex; align-items: flex-end; position: fixed; left: 0; width: 100%; height: var(--HeaderHeight); background: white; max-width: 1920px; /* padding-left: 60px; padding-right: 60px; */ top: 0 } #header_sections_container>div { display: inline-flex; padding-left: 15px; padding-right: 15px; width: calc(calc(100% - 250px) / 2); } #header_sections_container>div:nth-child(2) { width: 250px; justify-content: center; } /* */ /* */ #logo { padding: 5px 0; } /* */ /* */ #header_sections_container>div:last-child { justify-content: flex-end; } #language_dropdown button.dropdown-toggle { align-items: center; display: inline-flex; line-height: 30px; } .d-flex { display: flex; } .right-header-list { align-items: flex-end; } .header_right_section .language_dropdown, .header_right_section #search-toggle { margin-left: 30px; margin-right: 30px; } .header_right_section .language_dropdown form { margin-bottom: 0; } .header_right_section form#form-language button.dropdown-toggle { background-color: white; } .header_right_section a { color: var(--accent2); } .header_right_section .list-inline>.header-icon-men, .header_right_section .list-inline>.header_cart_toggle { padding-left: 8px; padding-right: 8px; } .header_right_section .language_dropdown button.dropdown-toggle { border: none; box-shadow: unset; } .language-select { width: auto; padding-left: 20px; padding-right: 20px; color: black; outline: none; } li.language_dropdown ul.dropdown-menu { min-width: unset !important; } li.language_dropdown ul.dropdown-menu { min-width: unset !important; border-radius: 0; box-shadow: none; } /* */ /* */ /* */ .info-container { position: relative; margin-top: var(--HeaderHeight); } .topbar-content { display: flex; justify-content: space-between; flex-direction: row; padding-left: 75px; padding-right: 55px; height: 40px; align-items: center; transition: all 0.3s ease; margin-top: 0; color: #5f5f5f; font-size: 14px; width: 100%; max-width: 1920px; margin: 0 auto; } .topbar-content>div { width: 25%; white-space: nowrap; } .topbar-content>div:last-child { text-align: right; width: 30%; } .topbar-content p { margin-bottom: 0; } .topbar-content.margin50 { margin-top: 8px; } @media(max-width: 1250px) { .topbar-content.margin50 { margin-top: 0px; } } /* */ #common-home .slideshow.swiper-viewport { margin-bottom: 20px; } .slideshow .swiper-slide a img { float: right; } .slideshow .swiper-slide a:hover img { transition: all 0.3s ease; transform: scale(105%); } .socials.socials_vertical { transform: rotate(-90deg) translateY(calc(-160px + -100%)); position: fixed; z-index: 2; display: flex; margin-top: 100px; background: linear-gradient(270deg, #ffffff 74%, rgb(255 255 255 / 50%)); padding-left: 50px; padding-right: 50px; } .socials.socials_vertical a { margin: 0 5px; } .socials a:hover svg { -webkit-filter: invert(11%) sepia(86%) saturate(6947%) hue-rotate(342deg) brightness(60%) contrast(108%); filter: invert(11%) sepia(86%) saturate(6947%) hue-rotate(342deg) brightness(60%) contrast(108%) } .followtext { color: #5f5f5f; padding-right: 10px; letter-spacing: 2px; font-size: 14px; } .gp_scroll_down { position: absolute; z-index: 1; transform: rotate(-90deg) translateX(15%) translateY(calc(-15px + -100%)); transform-origin: left top; bottom: -30px; cursor: pointer; } .gp_scroll_down:before { content: "" !important; height: 2px !important; background: var(--accent1); width: 100px; display: block; position: absolute; transform: translateX(calc(-100% + -15px)) translateY(10px); transition: all 0.8s; } span.scroll_down_text { color: #5f5f5f; font-size: 14px; letter-spacing: 2px; } .home_carousel_01, .home_carousel_05 { overflow: hidden; width: calc(100% - 60px); left: 60px; } #carousel0 .text_container { visibility: hidden; opacity: 0; } .carousel_0_title+h3 { display: none; } .home_carousel_01 .swiper-pager { display: none; } .home_carousel_01 { margin-bottom: 60px; } /* Category Carousel / Grid */ .home_categories .carousel_grid h4, .home_categories .carousel_grid img { text-align: center; margin: 0 auto; } .home_categories, .big_banners_2_col, .module_product_tabs, .row.latest-posts { width: calc(100% - 120px); left: 60px; position: relative; margin-top: 0px; margin-bottom: 60px; } .row.latest-posts { margin-bottom: 90px; } .home_categories .grid_item { margin-bottom: 25px; margin-top: 25px; } .home_categories .grid_item a { text-decoration: none; transition: all 0.3s ease; } .home_categories .grid_item:hover a h4 { color: var(--accent1); } .home_categories .grid_item img { margin: 15px auto; transition: all 0.3s ease; } .home_categories .grid_item h4 { font-size: 1.1em; } .home_categories .grid_item:hover img { transform: scale(1.1) !important; } .home_categories h3.carousel_grid_title { font-size: 38px; color: black; font-weight: 400; margin: 60px auto 35px; } .row.featured-products-module, .in_content, .row.bestseller-products-module { position: relative; max-width: calc(100% - 120px); left: 60px !important; } .module_header { display: flex; justify-content: space-between; align-items: baseline; } .ft_slider_arrows { position: relative; display: inline-flex; float: right; padding: 20px; bottom: 30%; z-index: 5; flex-direction: column; cursor: pointer; gap: 5px; transition: all 0.3s ease; } .ft_slider_arrows { position: absolute; display: inline-flex; float: right; padding: 20px; bottom: 30%; z-index: 5; flex-direction: column; cursor: pointer; gap: 5px; transition: all 0.3s ease; right: -10px; } .ft_slider_arrow_left:hover, .ft_slider_arrow_right:hover { background: #000000; } .ft_slider_arrow_left, .ft_slider_arrow_right { display: flex; background: var(--accent1); width: 40px; height: 40px; justify-content: center; align-items: center; } .ft_slider_arrow_left:before, .ft_slider_arrow_right:before { content: ""; display: block; position: relative; width: 20px; height: 20px; transform: rotate(45deg); } .ft_slider_arrow_left:before { border-bottom: 3px solid white; border-left: 3px solid white; left: 5px; } .ft_slider_arrow_right:before { border-top: 3px solid white; border-right: 3px solid white; left: -5px; } .product-thumb.transition { position: relative; } .product-thumb:hover .image>a>img { transform: scale(1.1); transition: all 0.2s ease; } .product-thumb .image+div[data-poip_id="poip_img"]+div+.caption { margin-top: 15px !important; } .product-thumb .image img { margin-left: auto; margin-right: auto; padding: 55px; width: 100%; } .featured-products-module h3.module_title, .bestseller-products-module h3.module_title, .module_product_tabs .section_title, h3.headingmain { font-size: 40px; line-height: 46px; text-transform: uppercase; font-weight: 400; color: black; } /* >> Products at product lists */ .price-tax { display: none !important; } span.price-tax { display: none !important; } .product-thumb .caption { padding: 15px; } .product-card-bot { padding-left: 15px; padding-right: 15px; } .product-thumb .price { margin-bottom: 0; } .product-card-bot { align-items: center; } .product-thumb p.price { display: inline-flex; align-items: center; } .product-thumb .button-group { display: none; position: absolute; right: 15px; } .product-thumb:hover .button-group { display: inline-flex; } .product-thumb .button-group button { background: var(--accent1); transition: all 0.2s ease; } .product-thumb .button-group button:last-child { background: black; color: white } .product-thumb .button-group button:hover { background: #ddd; } .button-group { gap: 5px; display: inline-flex; } div#featured_0, div#bestseller_0, .latest-container { overflow: visible; margin-top: 30px; -webkit-clip-path: inset(-100vw -100vw -100vw 0); clip-path: inset(-100vw -100vw -100vw 0); } div#featured_0 .swiper-wrapper, div#bestseller_0 .swiper-wrapper, .latest-container .swiper-wrapper { height: auto; } .product-thumb .image+div[data-poip_id="poip_img"]+.caption { padding-top: 30px !important; padding-bottom: 20px !important; } .product-thumb h4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; height: 24px; } /* >> Product Options */ .product-thumb .image+div[data-poip_id="poip_img"] { width: 100%; height: 20px; margin-top: -35px !important; justify-content: center; display: flex; flex-wrap: wrap; gap: 5px; opacity: 0; transition: all 0.3s; } .product-thumb .image+div[data-poip_id="poip_img"] a { position: relative; float: left; display: inline-block !important; width: 20px; height: 20px; } .product-thumb .image+div[data-poip_id="poip_img"] .img-thumbnail { border: white; padding: 0; border-radius: 50%; } .product-thumb .image+div[data-poip_id="poip_img"]:before { color: #777; font-size: 16px; line-height: 25px; z-index: 1; } html[lang="el"] .product-thumb .image+div[data-poip_id="poip_img"]:before { content: "Χρώματα: "; } html[lang="en"] .product-thumb .image+div[data-poip_id="poip_img"]:before { content: "Colors: "; } /* << Product Options */ /* >> No products */ div#product-category #content { min-height: 200px; } div#mfilter-content-container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; display: block; max-width: 100%; } /* << No products */ /* << Products at product lists */ .product-layout.product-grid>div { margin-bottom: 50px; } .home_carousel_05 h3, .home_carousel_05 .swiper-slide-title, .home_carousel_05 .swiper-pagination { display: none; } .home_lookbook .hotspot-title { color: #000000; font-size: 40px; font-weight: 400; padding-left: 10px; display: block; padding-bottom: 30px; line-height: 1; } .hotspot_master .t_hotSpot:after { display: none !important; } .t_tooltip_price.t_tooltip_sale { display: flex; align-items: flex-end; gap: 15px; } .t_hotSpot .t_tooltip_content_wrap { min-width: 120px; width: 170px; padding: 15px; } .t_tooltip_name { padding-bottom: 0 !important; font-size: 18px; line-height: 19px; } #carousel2, .hotspot_master { margin-bottom: 60px; } /* >> Product */ .labels_container { display: flex; position: absolute; padding: 20px; gap: 8px; z-index: 1; } .label_new, .label_sale, .label_bestseller { display: inline-flex; padding: 6px 7px; white-space: nowrap; } .label_new { background: #2E2E2E; color: white; } .label_sale { background: var(--accent1); color: white; } .label_sale span { margin-right: 5px; } .label_bestseller { color: #5c5c5c; background: white; font-weight: 500; } .product-thumb .image { background: #F8F8F8; } /* << Product */ .big_banners_2_col h3, .big_banners_2_col h4 { display: none; } .big_banners_2_col .grid_item img { transition: all 0.3s; } .big_banners_2_col .grid_item:hover img { transform: scale(1.05); } .big_banners_2_col .grid_item { overflow: hidden; } /* >> Product Tabs */ .module_product_tabs_header.row { display: flex; align-items: flex-end; justify-content: space-evenly; } .module_product_tabs .nav li a { color: black; background: transparent !important; text-transform: uppercase; font-size: 18px; line-height: 22px; letter-spacing: 0.1px; padding-top: 0; padding-bottom: 0; transition: all 0.3s ease; } .module_product_tabs li.nav-item.active a { font-weight: 600; } .module_product_tabs li.nav-item.active a, .module_product_tabs li.nav-item a:hover { color: var(--accent1); } .module_product_tabs .nav>li { display: inline-flex; align-items: center; width: auto !important; } .module_product_tabs .nav li:after { content: ""; display: inline-block; width: 1px; height: 15px; background: black; position: absolute; right: 0; } .module_product_tabs .nav li:last-child:after { display: none; } .module_product_tabs .latest-products-module { width: 100%; left: 0; margin-bottom: 0; } .module_product_tabs_header.row>.col { width: 33%; } .module_product_tabs_header.row>.col:nth-child(2) { justify-content: center; display: inline-block; text-align: center; } .module_product_tabs_header.row>.col:last-child { justify-content: flex-end; display: inline-flex; } /* >> More Link */ a.showalllink { color: black; font-size: 18px; letter-spacing: 0.1px; line-height: 22px; } a.showalllink:hover { color: var(--accent1); } a.showalllink:after { content: ""; display: block; width: 100%; height: 1px; background: #424242; } .showalllink:hover { text-decoration: none; } /* << More Link */ /* << Product Tabs */ /* >> blog header*/ h3.headingmain { margin: 0; } .row.header_blog>.col:last-child { display: inline-flex; justify-content: flex-end; align-items: flex-end; } .row.header_blog { display: flex; justify-content: space-between; } .row.header_blog {} .row.header_blog>div { width: 50%; display: inline-flex; } .row.header_blog>div:last-child { justify-content: flex-end; align-items: flex-end; } .row.header_blog { margin-bottom: 30px; } .swiper-slide-link { color: black; } .swiper-slide-link:hover { color: var(--accent1); } /* >> FOOTER > LAYOUT */ div#back_to_top { display: none; } footer { margin-top: 100px !important; border-top: 1px solid rgba(0, 0, 0, 0.25) !important; /* border-bottom: 1px solid rgba(0,0,0,.25) !important; */ padding-top: 10px !important; } footer hr { border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important; margin-top: 15px; } /* >> FOOTER > COLUMN CONTAINER */ footer .container>.row { display: flex; flex-direction: row; width: 100%; max-width: var(--ContainerDefaultWidth); margin-left: auto; margin-right: auto; } footer .container>.row>div { flex: 1; } /* >> FOOTER > COLUMN CONTAINER > TITLES */ footer .container>.row>div h3 { color: var(--accent1); font-size: 16px; font-weight: 700; } footer .container>.row>div h5 { color: #000000; font-size: 15px; font-weight: 700; } /* >> FOOTER > COLUMN CONTAINER > CONTENT */ footer .container>.row>div p, footer .container>.row>div ul li a { color: #000000; font-size: 15px; } footer .container>.row>div ul li a { margin: 11px 0 !important; display: block; } /* >> FOOTER > COLUMN CONTAINER > NESLETTER */ footer .container>.row>div.foot-col5 { flex: 1.5; } .news-form #subscribe { border: none; background: var(--accent1); color: white; font-weight: bold; text-transform: uppercase; font-size: 15px; height: 50px; width: 125px; } /* >> FOOTER > COLUMN CONTAINER > NESLETTER > LAYOUT */ footer .container>.row .foot-col5 .newsletter>.row { background-color: transparent !important; padding: 0 !important; } footer .container>.row .foot-col5 .newsletter h2, footer .container>.row .foot-col5 .newsletter h3 { display: none; } footer .container>.row .foot-col5 .newsletter .news-form { display: flex; max-width: 100% !important; text-align: left !important; margin: 0 !important; flex-direction: column; } footer .container>.row .foot-col5 .newsletter .news-form>div { width: 100%; padding-left: 0 !important; padding-right: 0 !important; } /* >> FOOTER > COLUMN CONTAINER > NESLETTER > INPUT */ footer .news-form #email { height: 50px; border: 1px solid #dcdcdc !important; width: calc(100% - 125px); } /* >> FOOTER > COLUMN CONTAINER > NESLETTER > TERMS */ footer .news-form .buttons .pull-center { display: flex !important; } footer .news-form .buttons .pull-center>input { order: -1; margin-top: 0; margin-right: 10px; } footer .news-form .buttons .pull-center, footer .news-form .buttons .pull-center a strong { font-size: 13px !important; font-weight: normal !important; color: black !important; } footer .news-form .buttons .pull-center a { margin-left: 5px; display: inline-block !important; } /* >> FOOTER > COLUMN CONTAINER > NESLETTER > BUTTON */ footer .news-form #subscribe { border: none; background: var(--accent1); color: white; font-weight: bold; text-transform: uppercase; font-size: 15px; height: 50px; width: 125px; } /* >> FOOTER > COLUMN CONTAINER > NESLETTER > SOCIAL MEDIA ICONS*/ footer .foot-col5 .social-footer { display: flex; flex-direction: row; align-items: center; gap: 20px; } footer .foot-col5 .social-footer>h3+div { display: flex; gap: 20px; align-items: center; } footer .foot-col5 .social-footer p { margin-bottom: 0; display: flex; align-items: center; } footer .foot-col5 svg { width: 20px; height: 20px; display: block; color: #000000; } /* >> FOOTER > COPYRIGHT & DEVELOPMENT */ footer .powered-row { width: 100%; max-width: var(--ContainerDefaultWidth); margin-left: auto; margin-right: auto; } .powered_by>div { color: #000000; } /* >> FOOTER > PAYMENTS ROW */ .bank-icons-row { display: flex; flex-direction: row; align-items: center; width: 100%; max-width: var(--ContainerDefaultWidth); margin-left: auto; margin-right: auto; } .bank-icons-row>div { text-align: left; } .bank-icons-row>div img { width: 70%; } /* << blog header*/ /* >> Category Page - remove search bar */ /*.mfilter-free-container {*/ /* display: none !important;*/ /*}*/ .has-children .row.category-content { display: none; } /* << Category Page - remove search bar */ /* >> Pagination */ .pagination { display: flex; justify-content: center; align-items: center; } .pagination>li>a, .pagination>li>span { border: none; background: no-repeat; color: black; } .pagination>li.active span { font-weight: 500; color: black !important; background: transparent; } .pagination>li:hover:after, .pagination>li.active:after { content: ""; width: 10px; height: 2px; background: var(--accent1); position: absolute; display: inline-block; width: 70%; left: 15%; bottom: 0; } .pagination>li { position: relative; display: inline-block; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background: transparent; border: none; } li.pagination_next:before { content: ""; width: 1px; height: 20px; background: #ABABAB; position: relative; bottom: 0; left: 0; float: left; top: 1px; } .pagination .pagination_dots:hover:after, .pagination .pagination_previous:hover:after, .pagination .pagination_next:hover:after { display: none; } .disabled span.arrow_prev, .disabled span.arrow_next { border-color: #ABABAB; } span.arrow_prev, span.arrow_next { width: 11px; height: 11px; display: inline-block; transform: rotate(45deg); float: left; } span.arrow_prev { border-bottom: 1px solid #383838; border-left: 1px solid #383838; } span.arrow_next { border-top: 1px solid #383838; border-right: 1px solid #383838; } /* << Pagination */ /* >> Product Page */ #product-product #content .images_section { position: relative; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; padding-top: 30px; padding-right: 30px; padding-left: 30px; } #product_thumbnails_carousel { width: 60%; margin: 0 auto; } #product-product .thumbnail { border: unset; background: transparent; margin: 0; padding: 0; } .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right { display: none; } .carousel.main_image_carousel { position: relative; display: block; width: 100%; } #product_thumbnails_carousel .swiper-slide.swiper-slide-visible.swiper-slide-active:after { content: ""; display: block; position: absolute; top: 50%; width: calc(100% + 40px); height: 60%; left: -20px; transform: translateY(-50%); box-shadow: 0 0 20px -5px #ccc; background-color: rgba(0, 0, 0, 0.12); -webkit-filter: blur(8px); filter: blur(8px); z-index: -1; } #product_thumbnails_carousel .single-image-slide { padding: 50px; background: #f7f7f7; } #product-product .main_image_carousel .swiper-button-prev { left: -20px; } #product-product .main_image_carousel .swiper-button-next { right: -20px; } .product-product .images_section .labels_container { left: 50%; transform: translateX(-50%); font-weight: 500; color: #5C5C5C; line-height: 16px; width: 100%; position: relative; justify-content: center; } .product-product .images_section .labels_container>div:after { content: ""; width: 1px; background: #D8D8D8; height: 16px; left: 10px; position: relative; } .product-product .images_section .labels_container>div:last-child:after { display: none; } .product-product .images_section .label_new { color: #5C5C5C; background: white; } .product-product .images_section .label_sale { color: var(--accent1); background: white; } .productInfo { padding: 60px 80px 50px 60px; } /*.productInfo .price_n_model_container .model strong {*/ /* float: right;*/ /*}*/ /*.productInfo .price_n_model_container .model {*/ /* width: 100%;*/ /* max-width: 400px;*/ /*}*/ /* Sizes with equal columns */ .productInfo #input-option12 { display: flex; flex-flow: row; } .productInfo #input-option12 .radio { flex: 1; } .productInfo #input-option12 .radio label { width: 100% !important; } #product-product #accordion { max-width: 395px; margin-left: 0; } a.manufactuer_link { display: none; } div#product-product h1 { text-transform: uppercase; } .short_description { margin-top: 20px; color: #000000; font-size: 13px; line-height: 21px; text-align: left; } #product>div[class*="option"] .radio label { border: 1px solid rgba(62, 62, 62, 0.5); } #product>div[class*="option"] .radio label.checked-tk { border: 1px solid #9F1D0F; } #product>div.option-14 .radio label { border: none; } /* > Related / Recent View */ .single-product-section-title { text-align: center; text-transform: uppercase; font-size: 35px; font-weight: 400; } .related.product-thumb .caption, #recently_viewed_carousel .caption { text-align: left; } div#related_products_carousel .button-group { bottom: 0; } /* < Related / Recent View */ /* << Product Page */ /* >> Buttons */ .btn.btn-primary { border-radius: 0; text-transform: uppercase; font-size: 14px; } a.btn.btn-primary:hover { border-color: black !important; } /* >> Mini Cart */ .price_section+.product-price { display: none; } .price_section>div { flex-direction: row; align-items: center; gap: 15px; color: #8A8A8A; font-size: 14px; } .original_price { font-weight: 600; color: black; font-size: 18px; } .price_section { text-align: left; } .price_section .list-unstyled { display: flex; align-items: center; gap: 8px; } /* << Mini Cart */ /* << Buttons */ /*ul.breadcrumb+.alert:not(.tk_add_to_cart) {*/ /* display: flex;*/ /* align-items: center;*/ /* position: absolute;*/ /* top: 100px;*/ /* height: 40px;*/ /* width: calc(100% - 140px);*/ /* z-index: 10;*/ /* left: 70px;*/ /* padding: 0px 30px;*/ /* border: 1px solid #e6e6e6;*/ /*}*/ .alert i, .alert a { padding-right: 10px; padding-right: 5px; padding-left: 5px; } .mfilter-free-container { border: none; } /* >> Blog List */ #blog-category .section_title { margin: 60px auto 30px; text-transform: uppercase; text-align: center; } #blog-category .section_title h1 { font-weight: 400; font-size: 40px; line-height: 48px; } /* << Blog List */ /* >> Contact Page */ div.contact-page legend, .panel.panel-default, form.form-horizontal { width: 1400px; max-width: 100%; margin: 40px auto; } div.contact-page legend { text-transform: uppercase; font-size: 22px; line-height: 28px; } div.contact-page .panel-default { border: none; } div.contact-page .panel.panel-default .panel-body .row { display: flex; } div.contact-page input.btn.btn-primary { padding: 10px 30px; border-color: #000000; border-radius: 0; } /* << Contact Page */ /* >> Footer */ footer li a:hover { color: var(--accent1) !important; } footer span.before-info { float: left; color: black; width: 20px; display: block; height: 10px; } /**/ .options_section { display: flex; flex-direction: column-reverse; } .product-thumb .options_section>.form-group:not(:last-child) { margin-bottom: 0 !important; } /**/ /**/ .offset_reached.row.category_interactivity { position: fixed; width: calc(100% - 140px); left: 70px; margin-top: 39px !important; } .sticky_enabled .offset_reached.row.category_interactivity { position: fixed; width: calc(100% - calc(var(--FullwidthContainerPadding) * 2)); left: var(--FullwidthContainerPadding); margin-top: 0px !important; top: var(--HeaderHeight) !important; } .sticky_enabled .offset_reached.row.category_interactivity.raise_margin { margin-top: 45px !important; } /**/ /* >> Footer */ .product-options-hover .form-group .text-danger { width: 100% !important; font-size: 13px !important; background: transparent; margin-top: 0; padding: 0; } @media (min-width: 1920px) { #header_sections_container { margin-left: calc(calc(100vw - 1920px) / 2); } } @media (min-width: 1500px) { #header_sections_container>div:nth-child(2) { /* width: 320px; */ justify-content: center; } #header_sections_container>div { width: calc(calc(100% - 320px) / 2); } } @media (min-width: 1101px) { .mfilter-free-button.mfilter-free-button-position-sticked.mfilter-free-button-icon-position-left { display: none; } .mobile_inner_navigation, .mobile_menu_toggle { display: none; } .mobile_parent_link, .mobile_inner_navigation, .mobile_extra_links { display: none !important; } ul.nav.navbar-nav.menu-level-0>li>a:hover, ul.nav.navbar-nav.menu-level-0>li>.parent-element:hover { background: var(--accent3); color: var(--accent1) !important; } ul.nav.navbar-nav li.showSub>ul { background: var(--accent3); } ul.menu-level-1 { width: calc(100vw - 15px); left: -77px; max-width: 1920px; top: 40px; padding-left: 75px; } .nav.navbar-nav li.showSub>.parent-element { color: var(--accent1) !important; background: var(--accent3); } .menu-level-1 .dropdown:hover .menu-level-2 { display: flex; flex-wrap: wrap; left: 0; position: fixed; /*min-height: calc(100vh - 200px);*/ align-content: flex-start; width: 100%; } .topbar-content { padding-left: 75px; } li.dropdown.enabled { height: 100%; top: 0; position: absolute !important; background: white; } .mega-menu-inner { /* margin-top: 38px;*/ padding-bottom: 30px; padding-left: 85px; height: 100%; } .menu-level-1 .dropdown:hover .menu-level-2:after { content: ""; background: linear-gradient(180deg, rgb(62, 62, 62) 0%, rgba(187, 187, 187, 0.08) 100%, rgba(221, 221, 221, 0) 100%); /* rgb(0 0 0 / 70%)*/ display: block; width: 100vw; height: 50px; bottom: -50px; position: absolute; left: 0; } .product-thumb:hover .image+div[data-poip_id="poip_img"] { opacity: 1; } .product-card-bot { position: relative; } .dropdown .menu-level-1 li { position: unset; } .product-thumb .button-group button.show_colors { display: none; } .slideshow_mobile { display: none; } .hide_desktop { display: none; } .row.category_interactivity.offset_reached { width: calc(100% - 30px) !important; left: 15px !important; } .mfilter-box.offset_reached { position: fixed; top: 156px !important; } .product-thumb .product-options-hover { width: calc(100% - 60px); left: 30px; } } @media (min-width: 992px) { .container { width: 100%; } } @media (max-width: 1600px) { .blogpost-thumb a.title { color: black; font-size: 16px; letter-spacing: 0.1px; line-height: 22px; } .header_right_section .language_dropdown, .header_right_section #search-toggle { margin-left: 0px; margin-right: 0px; } } @media (max-width: 1400px) { .label_new, .label_sale, .label_bestseller { display: inline-flex; padding: 0 5px; font-size: 13px; } .subcategory_image { padding: 60px 60px 100px; background: #f8f8f8; } footer li.footer-col-row:last-child span.before-info { display: none; } .product-thumb .image img { padding: 30px; } .product-thumb h4 a { font-size: 16px; line-height: 22px; } #product-product #button-cart { font-size: 14px; } } @media (max-width: 1300px) { #product-product #button-cart { font-size: 13px; } } @media (max-width: 1240px) { .topbar-content>div { white-space: normal; } #product_thumbnails_carousel { width: 100%; } :root { --maxContainerWidth: 1650px; --minicart-width: 400px; /*--ContainerDefaultWidth: 1650px;*/ --FullwidthContainerPadding: 15px; } ul.breadcrumb { display: none; } .topbar-content>div, .topbar-content>div:last-child { width: 50%; } #header_sections_container { padding-left: 0px; padding-right: 0; } #cart .dropdown-menu .product-info a { font-size: 16px; } .gp_scroll_down { bottom: -100px; } .sticky_enabled .offset_reached.row.category_interactivity { position: fixed; width: 100% !important; padding-left: 30px !important; padding-right: 30px !important; margin-top: 0px !important; top: var(--HeaderHeight) !important; z-index: 100; background: white; left: 0; } } @media (max-width: 1100px) { .topbar-content { display: none; } #header_sections_container>div:first-child { padding-left: 15px; } #header_sections_container>div:last-child { padding-right: 15px; } #header_sections_container { /* justify-content: space-evenly; */ padding-left: 0; padding-right: 0; } #header_sections_container>div:nth-child(2) { width: 220px; } .showSub_mob { transform: translateX(-100%); opacity: 1; visibility: visible; } .showSub_mob>.enabled ul:not(.showSub_mob) { transform: translateX(calc(100% - 25px)); opacity: 1; visibility: visible; } .showSub_mob .showSub_mob>.enabled ul:not(.showSub_mob) { transform: translateX(calc(200% - 50px)); opacity: 1; visibility: visible; display: block; width: 100%; position: absolute; top: 0; } .item-disabled { display: none !important; } .block-level-0, .block-level-x { width: 100%; display: flex; justify-content: space-between; align-items: center; } .block-level-x { display: none; } .item-disabled+.block-level-x { display: flex; } button.dropdown-toggle { border: none; padding: 2px 8px; display: inline-flex; align-items: center; background: var(--accent3); } .language_dropdown .btn-group.open .dropdown-menu, .account_dropdown.open .dropdown-menu { transform: translateX(-100%) translateY(0px); } #header_sections_container { align-items: center; } .left-mega-menu.col-md-6.col-sm-12 { width: 100%; } #checkout-cart form tbody td.text-left.product-title a { font-size: 16px !important; color: black !important; font-weight: normal !important; } #checkout-cart .original_price, #checkout-cart form tbody .price { font-size: 16px; } /* >> Footer */ footer .container>.row { flex-wrap: wrap; } footer .container>.row>div { flex: unset !important; width: 33.33%; } footer .container>.row>div.foot-col5.newsletter_socials_column { width: 66.66%; } /* << Footer */ .blogpost-thumb { margin: unset; } #blog-category .blogpost-thumb .caption { position: relative; } .blog_item_heading { padding-left: var(--FullwidthContainerPadding); padding-right: var(--FullwidthContainerPadding); } .blogpost-thumb a.title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; height: 66px; } } @media (min-width: 769px) and (max-width: 1100px) { .gp_scroll_down { bottom: -200px; } .hide_desktop { display: none; } .col.showalllink-container.hide_desktop { justify-content: center; display: flex; margin-top: 20px; } .hotspot_master.hide_desktop { margin-top: 60px; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .row.latest-posts .col.showalllink-container.hide_desktop { position: relative; margin-top: 150px; } button.show_colors, span.prosthiki_text.hide_desktop { font-size: 12px; } .product-thumb .button-group button.show_colors { display: none; } .showalllink-container.hide_mobile { display: none !important; } .blogpost-thumb .caption { padding: 15px 0 0 !important; } /* .right-header-list .hide_mobile { display: none; } */ .mfilter-box { height: auto; } .mfilter-filter-item.mfilter-price { padding-bottom: 25px; } .mfilter-button-bottom { position: relative; } .product-thumb:hover .image+div[data-poip_id="poip_img"] { opacity: 1; } .product-thumb .button-group button { line-height: 28px; width: 30px !important; height: 30px; } #mfilter-content-container .category_interactivity>.columns_selector.desktop { display: none; } } @media (min-width: 769px) { .option-colors-container { display: none } .slideshow_mobile { display: none !important; } .mobile_banner_image { display: none; } } @media (max-width: 768px) { .gp_scroll_down { transform: rotate(-90deg) translateX(calc(-100% + -150px)) translateY(calc(-15px + -100%)); } .hide_mobile, .topbar-content, .slideshow_desktop, .socials.socials_vertical, .home_carousel_01, .section_title.carousel_1_title, .section_title.carousel_1_title+h3, div#carousel2, .carousel .swiper-pagination, #carousel1 .text_container, .ft_slider_arrows { display: none !important; } .row.featured-products-module, .in_content, .row.bestseller-products-module { position: relative; max-width: 100%; left: unset !important; width: 100%; } .home_carousel_01 { width: calc(100% - 15px); left: 15px; } #common-home .slideshow.swiper-viewport { width: 100%; margin-left: auto; } .section_title.carousel_3_title { font-size: 38px; width: 50%; line-height: 46px; margin-bottom: 15px; font-weight: 400; } .text_container .swiper-slide-title { margin-top: 15px; } .carousel { padding-left: 15px; padding-right: 15px; } .home_categories_mob h3 { display: none; } .home_categories_mob .swiper-slide img { margin: 0 auto; } h3.module_title { padding-left: 15px; } .swiper-wrapper .product-thumb .button-group { display: block; height: 20px; } .swiper-wrapper .product-thumb .button-group>button:first-child { margin-right: 3px; } .col.showalllink-container.hide_desktop { justify-content: center; display: flex; margin-top: 20px; } .carousel.carousel_grid .grid_item, .carousel.carousel_grid { padding: 0; padding-bottom: 10px; } div#carousel5 .carousel.carousel_grid .grid_item h4 { display: none; } .hotspot_master.hide_desktop { margin-top: 60px; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .hotspot-title { margin-bottom: 15px; padding-left: 15px; } .home_categories, .big_banners_2_col, .module_product_tabs, .row.latest-posts { width: 100%; left: unset; position: relative; margin-top: 0px; margin-bottom: 30px; } .module_product_tabs_header.row { flex-direction: column; align-items: flex-start; } .module_product_tabs_header.row>.col { width: 100%; padding-left: 15px; } .big_banners_2_col .grid_item img, .slideshow .swiper-slide img, .carousel.carousel_grid img, .carousel .swiper-slide img { margin: 0 auto; } div#tab_nav_slider { width: 100%; max-width: 500px; margin-top: 15px; overflow: visible; } .row.latest-posts .col.showalllink-container.hide_desktop { position: relative; margin-top: 150px; } .row.header_blog>div { width: 100%; } .blogpost-thumb .post-more a { display: inline-block !important; } footer { margin: 0 !important; max-width: 100%; width: 100%; border: none !important; } footer .container>.row>div h3 { padding-left: 0; } input#email+button#subscribe { position: absolute; max-width: 150px; right: 0; } /* div#back_to_top { display: none !important; } */ footer .foot-col5 .social-footer { flex-direction: row !important; align-items: center !important; } footer .container>.row>div .social-footer h3 { margin: 0; } .bank-icons-row { display: flex; flex-wrap: wrap; justify-content: center; } /**/ .category_intro_section { display: none; } .product-layout.product-grid { margin-top: 20px; margin-bottom: 30px; padding: 0; position: relative; } .row.product-list-grid { grid-template-columns: 1fr 1fr !important; } .double_column_enabled .row.product-list-grid { grid-template-columns: 1fr 1fr !important; } .double_column_enabled .product-thumb h4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 48px; } .mobile_category_description { display: block !important; padding: 50px 15px 30px !important; max-width: 100%; background: #FCC50E; } .showColors .image+div[data-poip_id="poip_img"] { opacity: 1; } .product-card-bot { flex-direction: column; width: 100%; justify-content: flex-start; display: inline-flex; align-items: baseline; } .product-thumb { height: 100%; } .columns_selector>div:last-child { margin-left: 5px; } .filters_toggle.mobile .open_mobile_filters { font-size: 15px; } /*.product-thumb .image img {*/ /* padding: 5px;*/ /*}*/ .labels_container { padding: 10px; } .double_column_enabled .labels_container { position: absolute; padding: 0 15px; gap: 3px; top: -28px; height: 22px; } .labels_container>div { font-size: 12px; } /**/ /**/ html.information-contact body>.container #content>h1 { text-align: left; font-size: 36px; line-height: 42px; } .information-contact #content .panel.panel-default .row { display: flex; flex-direction: column; } /**/ /**/ .product-thumb .button-group { display: inline-flex; top: 0; height: 100%; flex-direction: row-reverse; width: 100%; position: unset; right: unset; } .product-thumb .button-group button.show_colors+button:last-child { position: absolute; bottom: 0; width: calc(100% - 20px) !important; border-radius: 0; color: white; left: 5px; } .product-thumb .product-card-bot .show_colors { bottom: 0; right: 0; position: absolute; width: 50% !important; border-radius: 0; background: white; border: 1px solid black; font-size: 13px; visibility: hidden; opacity: 0; } .product-thumb .image+div[data-poip_id="poip_img"]+div+div+.product-card-bot .show_colors { opacity: 1; visibility: visible; } .product-thumb .image+div[data-poip_id="poip_img"]+div+div+.product-card-bot .show_colors+button:last-child { width: 50% !important; } .product-thumb .image+div[data-poip_id="poip_img"]:before { font-size: 14px; color: black; } .product-thumb .image+div[data-poip_id="poip_img"] a, .product-thumb .image+div[data-poip_id="poip_img"] a img { width: 16px !important; height: 16px !important; } .mobile_hidden { display: none; } .product-thumb .button-group button:nth-child(1) img { -webkit-filter: invert(1); filter: invert(1); } .product-thumb .button-group button:nth-child(1) { background: transparent; top: 0; border: none; right: 15px; text-align: right; width: 40px !important; position: absolute; } .product-thumb .image+div[data-poip_id="poip_img"]+.caption { padding-top: 15px !important; padding-bottom: 5px !important; } .product-thumb .caption { padding: 15px 15px 5px; } span.prosthiki_text { display: block; } span.prosthiki_text+img { display: none; } button.show_colors, span.prosthiki_text.hide_desktop { font-size: 12px; } /**/ .blog_item_heading { padding-left: 15px; padding-right: 15px; } .extension-d4u-blog .blog_item_heading h1 { font-size: 26px; line-height: 32px !important; } .product-options-hover>.options_section .option-13>label+div { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; } #product_thumbnails_carousel .swiper-slide.swiper-slide-visible.swiper-slide-active:after { display: none; } #product_thumbnails_carousel .single-image-slide { padding: 30px; } .product-product .images_section .labels_container { justify-content: flex-start; transform: unset; left: unset; top: 0px; align-items: center; } .single-product-section-title { margin-top: 0px; } #product-product .extra_products { padding-right: 0; padding-left: 0; } .row.related_products_section.extra_products .carousel { padding-left: 0; } /*.product-layout .caption p.price {*/ /* margin-top: 0;*/ /* margin-bottom: 35px;*/ /*}*/ /**/ .product-product .images_section .label_new { background: #2E2E2E; color: white; display: inline-flex; padding: 6px 7px; white-space: nowrap; } .product-product .images_section .label_sale { background: var(--accent1); color: white; display: inline-flex; padding: 6px 7px; white-space: nowrap; } .product-product .images_section .label_bestseller { color: #5c5c5c; background: white; font-weight: 500; display: inline-flex; padding: 6px 7px; white-space: nowrap; } .product-product .images_section .labels_container>div:after { display: none; } .wishlist.for_mobile { border: 1px solid black; width: 100%; text-align: center; max-width: 400px; padding: 10px; margin: 15px auto 0; font-weight: 500; } .option-colors-container { position: absolute; bottom: 35px; display: flex; justify-content: center; gap: 8px; width: calc(100% - 45px); height: 40px; } .option-colors-container .img-thumbnail { width: 20px; height: 20px; padding: 0; border: none; border-radius: 0; } #product-product .extra_products .carousel { padding-left: 0; } /**/ #cart .dropdown-menu .product-info a { font-size: 18px; line-height: 24px; } #checkout-cart #cart-intro+form tbody tr { align-items: flex-start; } #checkout-cart #cart-intro+form tbody tr>td:nth-child(1) a img { padding: 25px; background: #F7F7F7; } .image+.product-options-hover+.caption { margin-top: -20px; } /* >> Footer */ footer .container>.row { flex-wrap: wrap; } footer .container>.row>div { flex: unset !important; width: 50%; } footer .container>.row>div.foot-col5.newsletter_socials_column { width: 100%; } /* << Footer */ /* >> Fixes */ div#featured_0, div#bestseller_0 { margin-top: 0; } .row.header_blog { margin-bottom: 0; } #product-category .row.product-list-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px; margin-left: 0px; margin-right: 0px; } #product-category, #product-search { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0; margin-right: 0; width: 100% !important; } .row.category_interactivity { padding-left: 15px !important; padding-right: 15px !important; width: 100% !important; } #product-category .row.product-list-grid { grid-column-gap: 10px; grid-row-gap: 10px; margin-left: 0; margin-right: 0; } /* .sorting_container, .limits_container { display: none !important; } */ .sticky_enabled .offset_reached.row.category_interactivity { border-top: 1px solid #d8d8d8; } .product-thumb .image img { padding: 28px 18px 8px; } .product-thumb .image a { top: -11px; position: relative; } .subcategory_image { padding: 18px 18px 55px; background: #f8f8f8; } .subcategories_container { grid-template-columns: 1fr 1fr; } .subcategories_container .subcategory_item .subcategory_name { width: 100%; justify-content: center; display: inline-flex; } div#product-category.has-children .mobile_category_description { display: none !important; } /*div#header_sections_container {*/ /* border-bottom: 1px solid #d8d8d8;*/ /*}*/ #cart.open:before { height: 100%; content: ""; width: 100vw; position: fixed; left: 0; top: 0; display: block; background: rgb(0 0 0 / 50%); } header #cart .dropdown-menu { max-width: 380px; } html[lang="el"] .product-thumb .image+div[data-poip_id="poip_img"]:before { content: ""; } .product-thumb .image+div[data-poip_id="poip_img"] .img-thumbnail { border-radius: 0%; } .product-thumb .image+div[data-poip_id="poip_img"] a, .product-thumb .image+div[data-poip_id="poip_img"] a img { width: 20px !important; height: 20px !important; } .image+.product-options-hover+.caption { margin-top: 0; } .mobile_banner_image { display: block; } .mobile_banner_image img { width: 100%; } /*.form-group > div {*/ /* display: flex !important;*/ /* gap: unset !important;*/ /* grid-template-columns: unset !important;*/ /* flex-wrap: unset !important;*/ /*}*/ /*.form-group > div .swiper-slide {*/ /* width: auto !important;*/ /*}*/ /*.form-group > div .swiper-slide label {*/ /* padding-left: 5px !important;*/ /* padding-right: 5px !important;*/ /*}*/ /* << Fixes */ } @media (max-width: 480px) { :root { /*--accent2: #000000;*/ /*--accent3: #E2D7D7;*/ /*--maxContainerWidth: 1650px;*/ /*--minicart-width: 635px;*/ /*--ContainerDefaultWidth: 1650px;*/ /*--FullwidthContainerPadding: 70px;*/ /*--FullwidthContainerPadding_Wider: 135px;*/ /*--HeaderHeight: 114px;*/ /*--megaMenuBanner: 600px;*/ --burgerMenuWidth: 320px; } button.btn.btn-primary.btn-lg.btn-block.button-cart { font-size: 12px; } .minicart_intro { font-size: 32px; line-height: 38px; } } @media (max-width: 380px) { .mobile-bottom-panel>#mobile_product_options_open { font-size: 13px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION CATEGORY PAGE VVV VVV VVV VVV VVV VVV VVV */ .mfilter-box-83 .mfilter-free-button { margin-top: 120px; } /* --> CATEGORY PAGE > FILTERS [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> CATEGORY PAGE > FILTERS > HORIZONTAL FIX [2] =========================================================================================================== */ @media(min-width: 769px) { .mfilter-options-container { overflow: auto !important; } /* .mfilter-content>ul { flex-wrap: nowrap !important; display: grid !important; grid-template-columns: auto auto 384px } */ .mfilter-content>ul>li { flex: 1; } .mfilter-content-opts .mfilter-option label { max-width: 180px; } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION HEADER VVV VVV VVV VVV VVV VVV VVV */ /* --> HEADER > MENU SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container.main-menu { width: 100%; } #menu { background: none; border: none !important; } /* --> HEADER > MENU SECTION > MAIN LIST CONTAINER [2] =========================================================================================================== */ .navbar { margin-bottom: 0px; } #menu .nav.navbar-nav { height: 100%; } #menu .nav.navbar-nav:before, #menu .nav.navbar-nav:after { display: none; } #menu .navbar-collapse { padding: 0px; } #menu .navbar-collapse:before, #menu .navbar-collapse:after { display: none; } /* --> HEADER > MENU SECTION > MAIN LIST ITEM [2] =========================================================================================================== */ #menu .nav.navbar-nav>li { display: flex; align-items: center; flex: auto; justify-content: center; } #menu .nav.navbar-nav>li>a { text-shadow: none; letter-spacing: normal; padding: 0px 5px; line-height: normal; width: 100%; height: 70px; justify-content: center; align-items: center !important; display: flex; text-align: center; font-size: 15px; } /* --> HEADER > MENU SECTION > MAIN LIST ITEM > HOVER [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav>li.dropdown::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 10px 0 10px; border-color: var(--accent1) transparent transparent transparent; position: absolute; top: calc(100% - 15px); opacity: 0; } #menu .nav.navbar-nav>li, #menu .nav.navbar-nav>li>a, #menu .nav.navbar-nav>li::after { transition: all 0.33s !important; } #menu .nav.navbar-nav>li:hover>a { background: var(--accent1) !important; } #menu .nav.navbar-nav>li:hover>a { color: white !important; } #menu .nav.navbar-nav>li:hover:after { border-width: 10px 10px 0 10px; opacity: 1; } /* --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN (FLAGGED IN CUSTOM JS) [3] ------------------------------------------------------------- */ @media(min-width: 768px) { /* --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN > LAYOUT */ #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content !important; height: -moz-fit-content !important; height: fit-content !important } #menu .nav.navbar-nav>li.dropdown_layout { position: relative !important; } #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu { position: absolute; left: auto !important; right: auto !important } #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner { width: 250px !important; } #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner .mg-menu-cont { width: 100% !important; max-width: 100% !important; max-height: unset !important; margin-top: 2px !important; margin-bottom: 2px !important; padding-right: 0px !important; } #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .dropdown-inner .mg-menu-cont .mg-menu-item-title a span { font-weight: normal !important; font-size: 16px !important; } #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu:after { display: none !important } /* --> HEADER > MENU SECTION > MAIN LIST ITEM > EXCEPTION: DROPDOWN > BANNER */ #menu .nav.navbar-nav>li.dropdown_layout>.dropdown-menu .see-all { display: none; } } /* --> HEADER > MEGA MENU [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> HEADER > MEGA MENU > LAYOUT [2] =========================================================================================================== */ /* --> HEADER > MEGA MENU > LAYOUT > CONTAINER [3] ------------------------------------------------------------- */ @media (min-width: 769px) { #menu .nav.navbar-nav>li.dropdown>.mega-menu { display: flex !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.1s !important; z-index: -1; transform: translateY(6px); padding: 20px 20px !important; --megaMenuBanner: 435px; height: 530px; background: #f9f9f9; /* box-shadow: -100px 0px #f9f9f9, 100px 0px #f9f9f9 !important */ left: 0px !important; /* box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, .25) !important; */ box-shadow: 0 2px 12px -3px rgba(0, 0, 0, .175) !important; } /* #menu .nav.navbar-nav>li.dropdown>.mega-menu::before { content: ""; background: white; background-position-x: 0%; background-position-y: 0%; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.6; } */ /* #menu .nav.navbar-nav>li.dropdown>.mega-menu::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -2; background-image: url("/image/catalog/banners/2022/006/mega_menu_bg2.png"); background-repeat: no-repeat; background-position: calc(50% - var(--megaMenuBanner) / 2) center; } */ /* HEADER > MEGA MENU > LAYOUT > CONTAINER > ENABLED */ #menu .nav.navbar-nav>li.dropdown:hover>.mega-menu { opacity: 1 !important; visibility: visible !important; transition: all 0.3s 0.1s !important; transform: translateY(-15px); } .dropdown-menu.mega-menu .dropdown-inner { width: calc(100% - var(--megaMenuBanner)); display: flex !important; } } /* --> HEADER > MEGA MENU > LISTS SECTION [2] =========================================================================================================== */ #menu .mg-menu-container { display: flex; flex-direction: column; flex-wrap: wrap; height: 100%; width: 100%; } #menu .mg-menu-cont { margin-top: 20px; margin-bottom: 20px; width: 25%; padding-right: 15px; max-height: calc(100% - 30px); } /* --> HEADER > MEGA MENU > LISTS SECTION > SPECIFIC ONES [3] ------------------------------------------------------------- */ #menu .nav.navbar-nav>li.dropdown:last-child .mg-menu-container { flex-direction: row } #menu .nav.navbar-nav>li.dropdown:nth-child(3) .mg-menu-container { height: 300px; } /* --> HEADER > MEGA MENU > LISTS SECTION > COMMON [3] ------------------------------------------------------------- */ #menu .mg-menu-container a { line-height: normal !important; } #menu .dropdown-inner a { padding: 4px 10px; transition: all 0.12s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #menu .mg-menu-container a:hover { background: var(--accent3) } /* --> HEADER > MEGA MENU > LISTS SECTION > PARENTS [3] ------------------------------------------------------------- */ .mg-menu-item-title { margin: 0px; } .mg-menu-item-title a span { font-size: 18px !important; font-weight: bold !important; } /* --> HEADER > MEGA MENU > LISTS SECTION > CHILDREN [3] ------------------------------------------------------------- */ .mg-menu-item-children-list { display: flex; flex-direction: column; flex-wrap: wrap !important; max-height: 100%; } .mg-menu-item-children-list>div>a { font-size: 16px !important; } /* --> HEADER > MEGA MENU > BANNER SECTION [2] =========================================================================================================== */ .dropdown-menu.mega-menu .see-all { width: calc(var(--megaMenuBanner) + 40px); padding-left: 20px !important; padding-right: 20px !important; box-sizing: content-box !important; } /* --> HEADER > LAYOUT [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* HEADER EXTRAS > MEGA MENU LAYOUT */ #header_sections_container:before, #header_sections_container:after { display: none !important } #header_sections_container { align-items: center !important; /* border: 1px solid green !important; */ height: fit-content !important; justify-content: space-between; } @media(min-width: 1251px) { #header_sections_container { box-shadow: 0px 2px 10px rgba(0, 0, 0, .1) !important } } @media(max-width: 768px) { #header_sections_container { box-shadow: 0px 2px 10px rgba(0, 0, 0, .1) !important } } #header_sections_container .header_mid_section #logo { padding: 10px 0px !important; } @media(min-width:1251px) { #header_sections_container .header_mid_section #logo img { transform: scale(0.9); } } #header_sections_container .header_right_section>ul { margin-bottom: 0px !important; display: flex; align-items: center; padding: 0px !important; ; } header #cart .btn.btn-inverse, #wishlist-total, header .account_dropdown>.dropdown-toggle, header #form-language>.btn-group>button { display: flex !important; align-items: center !important } @media(min-width: 769px) { #header_sections_container .header_left_section .navbar-nav { display: flex !important; justify-content: space-between !important; width: 100% !important; } } @media(max-width: 1250px) and (min-width: 769px) { #header_sections_container { flex-wrap: wrap; justify-content: space-between !important; } #header_sections_container .header_left_section .navbar-nav { background: var(--accent3) !important; } #header_sections_container .header_left_section { order: 999 !important; width: 100% !important; padding: 0px !important; } #header_sections_container .header_left_section #menu .nav.navbar-nav>li>a { font-size: 15px !important; } #menu .nav.navbar-nav>li>a { height: 50px } #menu .nav.navbar-nav>li.dropdown { position: static !important; } } @media(max-width: 1250px) { #header_sections_container .header_mid_section #logo img { width: 170px } #header_sections_container .header_right_section { width: fit-content !important; display: flex !important; /* border: 1px solid purple !important; */ width: fit-content; } } @media(max-width: 768px) { #header_sections_container { justify-content: space-between !important; width: 100vw !important; } #header_sections_container .header_mid_section { margin-right: auto !important; width: fit-content !important; } #header_sections_container .header_left_section { width: 50px !important; margin-left: 10px !important; } #header_sections_container .header_right_section { padding-left: 0px !important; } #header_sections_container .header_right_section>ul .language_dropdown { display: none !important; } } @media(max-width: 600px) { #search-toggle a { display: flex !important; align-items: center !important; } #search-toggle span { font-size: 0px !important; display: block !important; height: 23px !important; } #search-toggle>a>span:before { width: 23px; height: 23px; margin: 0px !important; display: block !important; } } @media(max-width: 470px) { #header_sections_container .header_mid_section #logo img { width: 120px } } @media(max-width: 390px) { .navbar-toggle { padding: 0px 0px !important; } #header_sections_container .header_mid_section #logo img { width: 100px } #header_sections_container .header_right_section>ul>li { padding-inline: 5px !important; } #header_sections_container .header_left_section { width: 30px !important; display: flex; justify-content: center !important; margin-left: 5px !important; padding: 0px !important; } #header_sections_container .header_right_section { padding-right: 5px !important } } /* ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ ΛΛΛ /* !SECTION */ /* SECTION RESPONSIVE VVV VVV VVV VVV VVV VVV VVV */ /* --> RESPONSIVE > HEADER > MENU SECTION [1] %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* --> RESPONSIVE > HEADER > MENU SECTION > LAYOUT [2] =========================================================================================================== */ @media (max-width: 1120px) { #header_menu_section, #header_menu_section .container { padding-left: 0px !important; padding-right: 0px !important; } } /* --> RESPONSIVE > HEADER > MENU SECTION > MAIN ITEMS [2] =========================================================================================================== */ @media (max-width: 1400px) { #menu .nav.navbar-nav>li>a, #language_selection>button { font-size: 14px !important; } } @media (max-width: 1150px) { #menu .nav.navbar-nav>li>a { font-size: 12px !important; } } @media (max-width: 880px) { #menu .nav.navbar-nav>li>a { padding: 0px 5px; font-size: 11px !important; } } /* --> RESPONSIVE > HEADER > MENU SECTION > MEGA MENU [2] =========================================================================================================== */ /* --> RESPONSIVE > HEADER > MENU SECTION > MEGA MENU > LAYOUT [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > HEADER > MENU SECTION > MEGA MENU > LAYOUT > BANNER */ @media (max-width: 1250px) { #menu .nav.navbar-nav>li.dropdown>.mega-menu { --megaMenuBanner: 300px; } .dropdown-menu.mega-menu .see-all { padding-left: 0px !important; padding-right: 0px !important; } } @media (max-width: 1100px) { #menu .mg-menu-cont { margin-top: 0px; } #menu .nav.navbar-nav>li.dropdown>.mega-menu { --megaMenuBanner: 200px; } } @media (max-width: 990px) { #menu .nav.navbar-nav>li.dropdown>.mega-menu { --megaMenuBanner: 0px; } #menu .see-all { display: none !important; } } /* --> RESPONSIVE > HEADER > MENU SECTION > MEGA MENU > LINKS [3] ------------------------------------------------------------- */ @media (max-width: 1550px) { .mg-menu-item-title a span, .mg-menu-item-children-list>div>a { font-size: 14px !important; } } @media (max-width: 1100px) { .mg-menu-item-title a span, .mg-menu-item-children-list>div>a { font-size: 13px !important; } #menu .dropdown-inner a { padding: 3px 0px; } } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER [2] =========================================================================================================== */ @media (max-width: 768px) { body { --burgerInnerNavigationHeight: 70px; --burgerMenuWidth: 380px; } #menu #category { display: none !important; } #menu .btn-navbar { height: 50px !important; width: 100%; font-size: 26px !important; justify-content: center !important; align-items: center; display: flex; width: 100%; } } @media (max-width: 415px) { body { --burgerMenuWidth: calc(100vw - 35px); } } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER > ACTIVATION [3] ------------------------------------------------------------- */ .burger_menu_enabled { overflow: hidden; } body::before {} .burger_menu_enabled body::before { opacity: 1 !important; visibility: visible !important; /* width: calc(100% - var(--burgerMenuWidth)) !important; left: var(--burgerMenuWidth) !important; */ } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN [2] =========================================================================================================== */ /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MOBILE FEATURES [3] ------------------------------------------------------------- */ .mobile_parent_link, .mobile_inner_navigation, .mobile_extra_links { display: none !important; } @media (max-width: 768px) { .mobile_parent_link, .mobile_extra_links { display: block !important; } .mobile_inner_navigation { display: flex !important; } } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > LAYOUT [3] ------------------------------------------------------------- */ @media (max-width: 768px) { #menu>.navbar-collapse { background: #fff !important; 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%); background-image: url("https://survival.demod4u.gr/image/catalog/banners/2022/005/footer_bg_mark.png") !important; background-repeat: no-repeat; background-position: center center; z-index: 99999999999; border-right: var(--accent1) !important; overflow: hidden !important; border-top: none !important; } #menu>.navbar-collapse[aria-expanded="true"] { transform: translateX(0px); } #menu .mg-menu-cont { margin-top: 0px; margin-bottom: 0px; width: 100%; padding: 0px; } #menu>.navbar-collapse .navbar-nav { margin: 0px !important; } #menu>.navbar-collapse .navbar-nav, #menu .mobile_extra_links { padding: 3px 20px !important; display: block; width: 100%; } } @media (max-width: 768px) { /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION [3] ------------------------------------------------------------- */ .mobile_inner_navigation { height: var(--burgerInnerNavigationHeight) !important; min-height: var(--burgerInnerNavigationHeight) !important; max-height: var(--burgerInnerNavigationHeight) !important; background: var(--accent1) !important; width: 100%; align-items: center; justify-content: space-between; padding: 0px 20px; } /* --> RESPONSIVE > HEADER > 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; } .mobile_inner_navigation>div>svg { fill: white; height: 20px; } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > LANGUAGE BUTTON */ #header_icons_section #language_selection { display: none !important; } .mobile_inner_navigation>div.language_mobile #language_selection { flex-direction: row !important; } .mobile_inner_navigation>div.language_mobile #language_selection>button { font-size: 15px !important; line-height: 1 !important; } .mobile_inner_navigation>div.language_mobile #language_selection>button:first-child { border-right: 1px solid white; border-bottom: none !important; margin-right: 8px; padding-right: 8px; } .language_mobile button.dropdown-toggle { background: none; color: white; } /* --> RESPONSIVE > HEADER > 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 > HEADER > MENU SECTION > BURGER DROPDOWN > INNER NAVIGATION > CLOSE BUTTON */ .mobile_inner_navigation>div.close_button span { color: white; font-size: 11px; margin-top: 6px; line-height: 1; } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > MAIN MENU > ITEM */ #menu .navbar-collapse { display: flex !important; flex-direction: column !important; } /* --> RESPONSIVE > HEADER > 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; text-align: left; font-size: 20px !important; font-weight: normal; padding: 15px 20px; line-height: normal; } #menu .nav>li>a:hover, #menu .nav>li.open>a, #menu .nav.navbar-nav>li:hover { background: none !important; } /* --> RESPONSIVE > HEADER > 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 > HEADER > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS [3] ------------------------------------------------------------- */ /* --> RESPONSIVE > HEADER > 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; overflow: auto; left: 0px; z-index: 2; padding: 0px; } #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 > HEADER > MENU SECTION > BURGER DROPDOWN > ALL SUBMENUS > PARENT LINK */ #menu .mobile_parent_link { font-size: 17px !important; line-height: normal !important; padding: 16px 20px 15px !important; background: var(--accent3); color: #000 !important; text-transform: uppercase !important; text-align: center !important; position: relative !important; width: var(--burgerMenuWidth) !important; margin-left: 50%; transform: translateX(-50%); font-weight: bold; } /* #menu .mobile_parent_link:before { content: ""; height: 1px; width: calc(100% - 40px); left: 20px; position: absolute; top: 0px; background: #494949; } */ } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #1 [3] ------------------------------------------------------------- */ @media (max-width: 768px) { #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 .nav.navbar-nav>li.dropdown>.mega-menu .dropdown-inner { padding: 20px; } #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: 20px !important; display: block !important; } #menu .mg-menu-cont>.mg-menu-item-title>a>span { color: black !important; font-size: 19px !important; font-weight: normal !important; } } /* --> RESPONSIVE > HEADER > MENU SECTION > BURGER DROPDOWN > SUBMENU LEVEL #2 [3] ------------------------------------------------------------- */ @media (max-width: 768px) { #menu .mg-menu-cont .mg-menu-item-children-list .mobile_parent_link { margin-bottom: 10px; } #menu .mg-menu-cont .mg-menu-item-children-list { background: white; top: 0px; z-index: 3; padding: 0px 20px; overflow-x: hidden !important; overflow-y: auto !important; height: calc(100vh + 10px) !important; } #menu .mg-menu-cont .mg-menu-item-children-list>div a { padding: 10px 0px !important; display: block !important; color: black !important; font-size: 19px !important; font-weight: normal !important; background: none !important; } } /* >> XSHIPPINGPRO */ .xshippingpro-desc { color: #b60525!important; font-size: 16px!important; font-weight: bold !important; }