.main-header { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .1); transition: transform .2s ease; z-index: 99 } .main-header.unsticky { transform: translateY(-100%); -webkit-transform: translateY(-100%) } .main-header.sticky { transform: translateY(0); -webkit-transform: translateY(0) } .search-trigger { font-family: "themify"; float: left; margin-top: 20px; display: none; position: relative; transition: all .3s cubic-bezier(.19, 1, .22, 1) } .search-trigger:before { content: "\e610"; line-height: 1em; font-size: 1.25em } .open-search .search-trigger { z-index: 6; transform: rotate(-90deg); -webkit-transform: rotate(-90deg) }  .open-search .search-trigger:before { content: "\e646"; } .logo-header { display: block; float: left; width: 80px; height: 70px; background-image: url(../images/logo_default.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 50px } .logo-mobile { display: none; width: 70px } .menu { float: left; margin: 0; padding: 0; list-style: none } .menu li { display: inline-block; position: relative } .menu li + li { margin-left: 30px } .menu li a { display: block; font-weight: 500; line-height: 70px; position: relative } .menu li a:after { content: ""; position: absolute; width: 50%; height: 2px; bottom: 18px; left: 0; background-color: #48CD0E; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: left; transition: all .3s ease } .menu li.active a:after, .menu li a:hover::after { transform: scaleX(1); -webkit-transform: scaleX(1) } .menu li:hover .dropdown-hover { opacity: 1; visibility: visible } .dropdown-hover { position: absolute; top: 100%; left: -20px; min-width: 200px; background-color: rgba(255, 255, 255, .95); padding: 15px 20px; box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .2); border: 1px solid #eaeaea; opacity: 0; visibility: hidden; transition: all .3s ease } .dropdown-hover li + li { margin-left: 0; margin-top: 8px; padding-top: 8px; border-top: 1px solid #eaeaea } .dropdown-hover li { display: block } .dropdown-hover li a { line-height: inherit; color: #888; font-weight: normal; transition: color .3s ease } .dropdown-hover li a:hover { color: #000 } .dropdown-hover li a:after { content: ""; display: none } .social-header { float: right; margin: 22px 0 0; padding: 0; list-style: none; text-align: right } .social-header li { display: inline-block; vertical-align: middle; font-size: .86em } .social-header li + li { margin-left: 10px } .social-header li [class^="social-icon-"] { font-size: 1.875em; display: inline-block; vertical-align: middle } .search-header { float: right; margin: 18px 0 0 30px } .search-header .form-group { margin: 0 } .search-header .form-control { padding-right: 40px; max-width: 300px } .search-header .btn-search { position: absolute; top: 0; right: 0; background-color: transparent !important; color: #000 !important; line-height: 32px; padding: 0 12px } .trigger-menu { display: none; position: relative; float: right; margin: 17px -6px 0 15px; width: 34px; height: 34px; padding: 11px 6px; cursor: pointer; z-index: 4 } .trigger-menu--icon { position: relative; transition: all .3s cubic-bezier(.19, 1, .22, 1) } .trigger-menu--icon span { display: block; width: 100%; height: 1px; background-color: #000; transition: all .3s cubic-bezier(.19, 1, .22, 1) } .trigger-menu--icon span + span { margin-top: 4px } .open-menu .trigger-menu { z-index: 100 } .open-menu .trigger-menu--icon span { background-color: #222 } .open-menu .trigger-menu--icon span:first-child { transform: translate3d(0,5px,0) rotate3d(0,0,1,-45deg); -webkit-transform: translate3d(0,5px,0) rotate3d(0,0,1,-45deg) } .open-menu .trigger-menu--icon span:nth-child(2) { opacity: 0 } .open-menu .trigger-menu--icon span:last-child { transform: translate3d(0,-5px,0) rotate3d(0,0,1,45deg); -webkit-transform: translate3d(0,-5px,0) rotate3d(0,0,1,45deg) } .home-slider { height: 100%; padding: 70px 0 0 } .home-slider .swiper-container, .home-slider .swiper-wrapper, .home-slider .swiper-slide { height: 100% } .home-slider .caption { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2 } .home-slider .caption .caption-text { float: right; position: relative; width: 50%; opacity: 1; transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .4s ease } .home-slider .caption-text.change-slide { transform: translateY(-30%); -webkit-transform: translateY(-30%); opacity: 0; transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .2s ease; transition-delay: .0s } .home-slider .caption .product-label { color: #fff; font-weight: 500; font-size: 1.25em } .home-slider .caption .product-label:after { content: ""; display: inline-block; vertical-align: middle; width: 100px; height: 1px; margin-left: 15px; background-color: #fff } .home-slider .caption h1 { font-family: 'Oswald', sans-serif; font-size: 5.75em; color: #fff; font-weight: 500; text-transform: uppercase; line-height: 1em; margin: 60px 0 } .home-slider .btn { font-size: 1.525em; line-height: inherit; padding: 12px 30px } .home-slider [class^="swiper-button-"]:before { font-size: 3em; color: #fff } .home-slider .swiper-button-prev { left: 30px } .home-slider .swiper-button-next { right: 30px } .home-category { padding: 30px 0 } .home-category .category-title { position: absolute; padding: 12px 15px; top: 20px; left: -15px; background-color: #000; color: #fff; font-weight: 500; *text-transform: uppercase; margin: 0; line-height: 1em; font-size: 1.525em; *letter-spacing: -.0175em; transition: color .3s ease } .home-category .thumb { transition: filter .3s ease } .home-category a:hover .thumb { filter: brightness(120%); -webkit-filter: brightness(120%) } .home-category a:hover .category-title { color: #FFD900 } .home-category .category-title.pbot { top: auto; bottom: 20px } .home-mexflies { padding: 0 0 30px } .home-mexflies .thumb { transition: filter .3s ease } .home-mexflies a:hover .thumb { filter: brightness(120%); -webkit-filter: brightness(120%) } .home-mexflies .swiper-button-prev { left: -40px } .home-mexflies .swiper-button-next { right: -40px } .home-banner { padding: 0 0 30px } .home-banner .banner-item { display: block; transition: filter .3s ease } .home-banner img { max-width: 100% } .home-banner .banner-item:hover { filter: brightness(120%); -webkit-filter: brightness(120%) } .page-header { margin: 70px 0 0; padding: 30px 0 0; border: none; background-color: #fff } .page-header .title-page { font-weight: 700; letter-spacing: -.0345em; text-transform: uppercase; margin: 0 } .page-content { padding: 30px 0; position: relative } .filter-menu { display: none; position: fixed; bottom: 15px; right: 15px; width: 45px; height: 45px; line-height: 48px; border-radius: 50%; background-color: #000; color: #fff !important; text-align: center; font-size: 1.25em; box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .45); z-index: 9 } .close-panel { display: none; padding: 20px 30px; color: #999 !important; text-decoration: underline !important } .sidebar { padding-right: 30px } .sidebar-nav { margin: 0; padding: 0; list-style: none } .sidebar-nav li { display: block; position: relative } .sidebar-nav li.divider { border-top: 1px solid #eaeaea; margin: 1.25em 0 } .sidebar-nav li a { display: block; line-height: 38px; font-weight: 500; color: #888; transition: color .3s ease } .sidebar-nav li.active a, .sidebar-nav li a:hover, .sidebar-nav li a:focus { color: #000 } .sidebar-nav li .icon { float: right; line-height: 38px; color: #999; transition: transform .3s ease } .sidebar-nav li [aria-expanded="true"] .icon { transform: rotate(180deg); -webkit-transform: rotate(180deg) } .sidebar-inner li { padding-left: 20px } .sidebar-inner li a { font-weight: normal; line-height: 28px; vertical-align: middle; color: #888 !important } .sidebar-inner li.active a, .sidebar-inner li a:hover, .sidebar-inner li a:focus { color: #000 !important } .sidebar-inner li:before { content: ""; padding: 0; display: inline-block; width: 8px; height: 8px; background-color: #000; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); left: 0 } .sidebar-nav .slider { margin-top: 15px; padding: 0 15px } .sidebar-nav .slider .price { text-align: center; margin-top: 10px; font-size: .86em; color: #999; font-weight: 500 } .list-product .product-item { margin-bottom: 15px } .list-product .product-image:after { padding-top: 150% } .list-product .product-highlight .product-image:after { padding-top: calc(150% + 60px) } .list-product .product-info { padding: 15px 20px 0; text-align: center; min-height: 90px } .list-product .product-name { font-size: .92em; font-weight: 600; text-transform: uppercase; margin: 0 } .list-product .product-price { margin: 0; padding: 0; list-style: none } .list-product .product-price li { display: inline-block; vertical-align: middle } .list-product .product-price li + li { margin-left: 15px } .list-product .product-price li.last-price { color: #888; text-decoration: line-through; font-size: .86em } .list-product .product-image .primary { z-index: 2; transition: opacity 1s cubic-bezier(.19, 1, .22, 1) } .list-product .product-item:hover .product-image .primary { opacity: 0 } .mexflies-gallery .gallery-item { margin-bottom: 30px } .mexflies-gallery .gallery-item img { max-width: 100%; transition: filter .3s ease } .mexflies-gallery .gallery-item a:hover img { filter: brightness(120%); -webkit-filter: brightness(120%) } .product-banner .lSSlideWrapper { margin-right: 30px; border: 1px solid rgba(0, 0, 0, .2) } .product-banner .lSSlideOuter.vertical { padding-right: 0 !important; padding-left: 19.978% !important } .product-banner .lSSlideOuter.vertical .lightSlider li { height: auto !important } .product-banner .lSSlideOuter.vertical .lightSlider img { width: 100% !important } .product-banner .lSSlideOuter.vertical .lSGallery { width: calc(19.978% - 15px) !important; margin-left: 0 !important } .product-banner .lSSlideOuter .lSPager.lSGallery li { height: auto !important; border-radius: 0 !important; position: relative; cursor: pointer } .product-banner .lSSlideOuter .lSPager.lSGallery li:before, .product-banner .lSSlideOuter .lSPager.lSGallery li:after { content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; transform-origin: center; transition: all .3s ease } .product-banner .lSSlideOuter .lSPager.lSGallery li:before { border-top: 1px solid rgba(0, 0, 0, .5); border-bottom: 1px solid rgba(0, 0, 0, .5); transform: scaleX(0); -webkit-transform: scaleX(0) } .product-banner .lSSlideOuter .lSPager.lSGallery li:after { border-left: 1px solid rgba(0, 0, 0, .5); border-right: 1px solid rgba(0, 0, 0, .5); transform: scaleY(0); -webkit-transform: scaleY(0) } .product-banner .lSSlideOuter .lSPager.lSGallery li.active:before { transform: scaleX(1); -webkit-transform: scaleX(1) } .product-banner .lSSlideOuter .lSPager.lSGallery li.active:after { transform: scaleY(1); -webkit-transform: scaleY(1) } .product-banner .product-info { margin-top: 30px } .product-banner .product-info .product-name { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 3.25em; font-weight: 500; line-height: 1em; margin-bottom: 30px } .product-banner .product-info .product-price { margin: 0 0 30px; padding: 0; list-style: none } .product-banner .product-info .product-price li + li, .product-banner .product-info .product-size .size li + li, .product-banner .product-info .product-color .color li + li { margin-left: 15px } .product-banner .product-info .product-price li { display: inline-block; vertical-align: middle; font-size: 1.875em; font-weight: 700; letter-spacing: -0.0175em } .product-banner .product-info .product-price li.last-price { color: #999; font-size: 1.25em; text-decoration: line-through; font-weight: normal; letter-spacing: normal } .product-banner .product-info .product-size, .product-banner .product-info .product-color { margin-bottom: 30px } .product-banner .product-info .product-size .size, .product-banner .product-info .product-color .color { margin: 0; padding: 0; list-style: none } .product-banner .product-info .product-size .size li, .product-banner .product-info .product-color .color li { position: relative; display: inline-block } .product-banner .product-info .product-size .size li + li { margin-left: 15px; padding-left: 15px; border-left: 1px solid #eaeaea } .product-banner .product-info .product-size .size li { font-size: 1.525em; font-weight: 700; text-transform: uppercase } .product-banner .product-info .product-color .color li a { display: block; width: 18px; height: 18px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border: 1px solid rgba(0, 0, 0, .1) } .product-banner .product-info .product-color .color li.current a:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-color: #fff } .product-banner .product-info .description { font-size: .857em } .product-banner .product-info .description ul { margin: 0 0 15px; padding: 0; list-style: none } .product-banner .product-info .description ul li { display: block; position: relative; padding-left: 20px } .product-banner .product-info .description ul li + li { margin-top: 5px } .product-banner .product-info .description ul li:before { content: "\e64d"; font-family: "themify"; position: absolute; top: 0; left: 0 } .recently-view { padding-top: 30px; margin-top: 30px; border-top: 1px solid #eaeaea } .recently-view .swiper-button-prev { left: -40px } .recently-view .swiper-button-next { right: -45px } .about-banner { position: relative; padding: 12em 0; margin-top: 30px; background-color: #000; color: #fff } .about-banner .thumb { opacity: .7 } .about-banner .container { position: relative; z-index: 2 } .text-wrap { margin: 0 auto; max-width: 768px; text-align: center } .about-banner h1 { line-height: 1em; font-size: 4em; font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; margin-bottom: 50px } .about-banner h2 { font-size: 1.525em; font-weight: normal; margin: 0 } .single-post header { text-align: center; margin-bottom: 30px } .single-post .primary-image { margin-bottom: 30px; text-align: center } .single-post .primary-image img { max-width: 100% } .single-post .meta { margin: 0; padding: 0; list-style: none } .single-post .meta li { display: inline-block } .single-post .meta li + li { margin-left: 15px } .single-post article p { margin: 0 250px 15px } .single-post article h1, .single-post article h2, .single-post article h3, .single-post article h4, .single-post article h5 { margin: 20px 250px 15px; line-height: 1.5em } .single-post article img { margin-top: 30px; margin-bottom: 20px; max-width: 100% } .single-post article img[align="left"] { margin-right: 30px } .single-post article img[align="right"] { margin-left: 30px } .single-article { display: block; position: relative; margin-bottom: 30px; transform: translateZ(0); -webkit-transform: translateZ(0) } .single-article:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); transition: all .3s ease } .single-article:hover::after { background-color: rgba(0, 0, 0, .6) } .single-article .article-img:after { padding-top: 56.25% } .single-article .article-desc { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding: 0 20px; text-align: center; z-index: 1 } .single-article .article-desc:after { content: ""; display: block; width: 20%; height: 2px; background-color: #fff; margin: 10px auto auto; transition: all .3s ease } .single-article:hover .article-desc::after { width: 50% } .single-article .article-title { color: #fff; font-size: 1.875em; font-weight: normal; margin: 0 0 10px } .single-article .meta { margin: 0; padding: 0; list-style: none } .single-article .meta li { display: inline-block; color: rgba(255, 255, 255, .7); font-size: .86em } .single-article .meta li span { color: #fff } .single-article .meta li + li { margin-left: 15px } .contact-map { margin-top: 30px; position: relative; height: 45vmin } .contact-map #maps { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .contact-wrap ul { margin: 0; padding: 0; list-style: none } .contact-wrap ul li span { font-size: .86em; text-transform: uppercase; color: #999 } .contact-wrap ul li h5 { margin: 0 } .contact-wrap ul li + li { margin-top: 15px } .page-contact .form-group { margin: 0 } .page-contact .form-control { border-width: 0 0 1px 0; border-radius: 0; height: 50px; padding: 0 } .page-contact textarea.form-control { padding: 12px 0 } .page-contact .btn { margin-top: 15px } .faq-list, .size-info--list { margin: 50px 0 0; padding: 0; list-style: none } .faq-list li, .size-info--list li { display: block; position: relative } .faq-list li + li, .size-info--list li + li { border-top: 1px solid #eaeaea } .faq-list li a, .size-info--list li a { display: block; padding: 30px 30px 30px 0; font-weight: 500; font-size: 1.525em; position: relative } .faq-list li a:after, .size-info--list li a:after { content: "\e64b"; font-family: "themify"; color: #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: 1; font-size: .72em } .faq-list li a[aria-expanded="true"]:after, .size-info--list li a[aria-expanded="true"]:after { transform: rotate(-180deg) translateY(50%); -webkit-transform: rotate(-180deg) translateY(50%) } .faq-list li .wrapper, .size-info--list li .wrapper { padding: 0 7em 30px; color: #888 } .size-info--wrapper img { vertical-align: middle; max-width: 100% } .size-info--wrapper ul { margin: 0; padding: 0; list-style: none } .size-info--wrapper ul li + li { border: none; margin-top: 15px } .size-info--wrapper ul li span { font-weight: 500; color: #000 } .size-info--wrapper .size-info { margin-bottom: 15px } .maps-content { margin: 0; display: flex } .maps-content [class^="col-"] { padding: 0; position: relative } .maps-content .maps-list { height: 100% } .maps-content .maps-list #location-list { padding-right: 30px; height: 700px; overflow: auto } .maps-content .maps-list #location-list .location-name { display: block } .maps-content .maps-list #location-list .location-name + .location-name { padding-top: 15px; margin-top: 15px; border-top: 1px solid #eaeaea } .maps-content .maps-wrapper { height: 700px; position: relative } .maps-content #map-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .main-footer { margin-bottom: 30px; position: relative; z-index: 100 } .main-footer .section-footer { float: left; width: 50%; position: relative } .main-footer .section-footer .footer-trigger { display: block; padding: 15px 30px; background-color: #eaeaea; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 1.25em; transition: background-color .3s ease } .main-footer .section-footer.open .footer-trigger { background-color: #e0e0e0 } .main-footer .section-footer.footer-left .footer-trigger { text-align: right } .main-footer .section-footer .footer-panel { font-size: 12.45px; margin: 0; min-width: auto; min-height: 220px; width: 100%; top: auto; bottom: 100%; padding: 30px 30px; box-shadow: none; border: none; background-color: #e0e0e0; display: block; opacity: 0; visibility: hidden; transition: all .3s ease } .main-footer .section-footer.open .footer-panel { opacity: 1; visibility: visible } .main-footer .section-footer .footer-panel .row { display: flex; align-items: center; flex-wrap: wrap } .main-footer .section-footer .footer-panel h1 { font-weight: 700; font-size: 1.525em; letter-spacing: -.0175em; text-transform: uppercase } .main-footer .section-footer .footer-panel h2 { font-size: 1em; line-height: 1.75em; font-weight: normal; margin: 0 } .main-footer .section-footer .footer-panel .copyright-text { text-align: center } .footer-nav { margin: 0; padding: 0; list-style: none } .footer-nav li + li { border-top: 1px solid rgba(0, 0, 0, .085) } .footer-nav li a { display: block; line-height: 38px; color: #888; transition: color .3s ease } .footer-nav li a:hover { color: #000 } .main-footer .footer-msg { position: absolute; right: 30px; bottom: 0; padding: 2px 15px; background-color: #000; color: #fff; *text-transform: uppercase; font-weight: 500; *letter-spacing: -.0125em; z-index: 1000 } .main-footer .footer-msg .icon { display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -2px } .backdrop-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .75); display: none } @media screen and (max-width:1366px) { .content-wrap { padding: 30px 0 }  .container-fluid, .container { padding: 0 30px; width: 100% }  .main-title .subtitle, .main-title .title { font-size: 1.875em }  .home-slider { padding: 70px 0 0 }  .home-slider .thumb { background-position: center !important }  .home-slider .caption h1 { font-size: 5em; margin: 30px 0 40px }  .home-category .container-fluid { padding: 0 30px }  .home-mexflies .swiper-button-prev, .recently-view .swiper-button-prev { left: -28px } .home-mexflies .swiper-button-next, .recently-view .swiper-button-next { right: -28px } @media screen and (max-width:1280px) { .main-header, .main-header.sticky, .main-header.unsticky { position: absolute; transform: none; -webkit-transform: none }  .open-menu .menu-header { right: 0 }  .menu-header { position: fixed; top: 0; right: -360px; width: 360px; height: 100%; padding: 20px; background-color: #fff; border-left: 1px solid #eaeaea; z-index: 2; overflow: auto; transition: all .3s cubic-bezier(.19, 1, .22, 1) }  .logo-mobile { display: block }  .menu { margin-top: 50px; display: block; float: none }  .menu li { display: block }  .menu li + li { margin-left: 0; margin-top: 15px }  .menu li a { display: inline-block; line-height: inherit; font-size: 1.875em; font-weight: 500; color: #666; transition: color .3s ease }  .menu li.active a, .menu li a:hover, .menu li a:focus { color: #000 }  .menu li a:after { content: ""; display: none }  .menu li:hover .dropdown-hover { max-height: 300px; padding: 15px 20px }  .dropdown-hover { position: relative; top: auto; left: auto; min-width: auto; width: 100%; float: none; display: block; border: none; box-shadow: none; visibility: visible; opacity: 1; max-height: 0; padding: 0 20px; overflow: hidden }  .dropdown-hover li + li { margin-top: 8px }  .dropdown-hover li a { font-size: 1em; letter-spacing: inherit; text-transform: none; font-weight: normal; line-height: inherit; color: #888 }  .social-header { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; display: block; float: none; text-align: left }  .trigger-menu { display: block } } @media screen and (max-width:1199px) { .product-banner .product-info .product-name { font-size: 3em; margin-bottom: 20px }  .product-banner .product-info .product-price, .product-banner .product-info .product-size, .product-banner .product-info .product-color { margin-bottom: 20px } } @media screen and (max-width:991px) { .main-footer .section-footer .wrapper + .wrapper { margin-top: 15px }  .sidebar-content { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1005; overflow: auto; display: none }  .sidebar-nav { padding: 0 30px 30px }  .about-banner { margin-top: 30px; padding: 6em 0 }  .about-banner .thumb { background-position: center left 30% !important }  .about-banner h1 { font-size: 3.25em }  .about-banner h2 { font-size: 1em; line-height: 1.75em }  .about-banner .arrow-icon { display: block }  .single-post article p { margin: 0 0 15px } .single-post article h1, .single-post article h2, .single-post article h3, .single-post article h4, .single-post article h5 { margin: 20px 0 15px; line-height: 1.5em }  .filter-menu, .close-panel { display: block }  .faq-list li .wrapper, .size-info--list li .wrapper { padding: 0 0 30px; color: #888 }  .size-info--wrapper img { display: block; margin: auto auto 15px }  .maps-content { display: block }  .maps-content .maps-list #location-list { position: relative; padding-right: 0; height: auto; white-space: nowrap; overflow-y: hidden }  .maps-content .maps-list { margin-bottom: 15px }  .maps-content .maps-list:after { content: ""; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); z-index: 2 }  .maps-content .maps-list #location-list .location-name { display: inline-block; margin-bottom: 15px !important }  .maps-content .maps-list #location-list .location-name + .location-name, .maps-content .maps-list #location-list .location-name h5 { margin: 0; border: none; padding: 0 }  .maps-content .maps-list #location-list .location-name + .location-name { margin-left: 30px; padding-left: 30px; border-left: 1px solid #eaeaea }  .maps-content .maps-list #location-list .location-name span { font-size: .86em; color: #888; display: block; line-height: 1em }  .maps-content .maps-list #location-list .location-name h5 { font-size: 1em }  .maps-content .maps-wrapper { height: 100vmin; position: relative; } } @media screen and (max-width:768px) { .container-fluid, .container { padding: 0 15px }  .main-title { margin-bottom: 2em }  [class^="swiper-button-"] { width: 34px; height: 34px; line-height: 36px; border-radius: 50%; text-align: center; background-color: #fff; color: #000 }  [class^="swiper-button-"]:before { font-size: .86em }  .swiper-button-prev { left: 10px }  .swiper-button-next { right: 10px }  .logo-header { width: 70px; height: 60px; position: relative; left: calc(50% - 17px); transform: translateX(-50%); -webkit-transform: translateX(-50%) }  .menu-header { padding: 15px 20px }  .menu li a { line-height: 28px; font-size: 1.525em }  .dropdown-hover li a { font-size: 1em; line-height: inherit }  .trigger-menu { margin-top: 15px }  .search-trigger { display: block }  .search-header { position: fixed; margin: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .85); z-index: 5; display: none }  .search-header form { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 30px }  .search-header .form-control { border-radius: 0; background-color: transparent; border-width: 0 0 2px 0; border-bottom-color: #000; padding: 0; height: 50px; font-size: 2.25em; font-weight: 600; letter-spacing: -.0175em; max-width: 100% }  .search-header .btn-search { font-size: 1.25em; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0 }  .home-slider { padding-top: 50px }  .home-slider .container-fluid { padding: 0 }  .home-slider .thumb { background-position: center left 18% !important }  .home-slider .caption { transform: none; -webkit-transform: none; bottom: 30px; top: auto }  .home-slider .caption .caption-text { float: none; width: 100%; padding: 0 15px; text-align: center }  .home-slider .caption .product-label { letter-spacing: -.0175em; font-weight: 700; text-transform: uppercase; font-size: 1.25em; text-shadow: 2px 2px 1px rgba(0, 0, 0, .3) }  .home-slider .caption .product-label:after { content: ""; display: none }  .home-slider .caption h1 { text-shadow: 3px 3px 1px rgba(0, 0, 0, .3); font-size: 3em }  .home-slider [class^="swiper-button-"] { display: none } .home-category { padding: 15px }  .home-category .container-fluid { padding: 0 }  .home-category .box-img { margin-bottom: 15px }  .home-category .row { margin: 0 -7.5px }  .home-category [class^="col-"] { padding: 0 7.5px }  .home-category .category-title, .home-category .category-title.pbot { padding: 8px 12px; top: 50%; left: 50%; bottom: auto; transform: translate(-50%, -50%); font-size: 1em }  .home-mexflies .swiper-button-prev, .recently-view .swiper-button-prev { left: 10px }  .home-mexflies .swiper-button-next, .recently-view .swiper-button-next { right: 10px }  .home-banner .banner-item { margin-bottom: 15px }  .list-product .product-highlight .product-image:after { padding-top: 150% }  .page-header { padding: 20px 0 0; text-align: center }  .page-header .title-page { font-size: 1.875em }  .breadcrumb { font-size: .86em }  .breadcrumb li:last-child { max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }  .mexflies-gallery { margin: 0 -7.5px }  .mexflies-gallery [class^="col-"] { padding: 0 7.5px }  .mexflies-gallery .gallery-item { margin-bottom: 15px }  .product-banner .product-image--detail { padding-right: 0 } .product-banner .lSSlideOuter.vertical { padding-left: 20% !important }  .product-banner .lSSlideOuter.vertical .lSGallery { width: calc(20% - 5px) !important }  .lSSlideOuter .lSPager.lSGallery li { margin-bottom: 5px !important }  .product-banner .lSSlideOuter .lSPager.lSGallery li::before, .product-banner .lSSlideOuter .lSPager.lSGallery li::after { top: 8px; left: 8px; bottom: 8px; right: 8px }  .product-banner .product-info { margin-top: 30px }  .product-banner .product-info .product-name { font-size: 2.875em }  .single-post img[align="left"], .single-post img[align="right"] { float: none; margin: 30px auto 20px !important; display: block }  .single-article .article-title { font-size: 1.25em }  .contact-wrap + .contact-wrap { margin-top: 30px }  .main-footer { background-color: #e0e0e0; margin: 0; padding: 3em 0 }  .main-footer .section-footer { width: 100%; float: none !important }  .main-footer .section-footer .footer-trigger { display: none }  .main-footer .section-footer .footer-panel { background-color: transparent !important; display: block }  .main-footer .section-footer .footer-panel { padding: 0; min-height: auto }  .main-footer .section-footer .footer-panel .copyright-text { padding: 15px 0 }  .main-footer .section-footer + .section-footer .footer-panel { border-top: 1px solid rgba(0, 0, 0, .085) }  .main-footer .section-footer .footer-panel, .main-footer .section-footer.open .footer-panel { opacity: 1; visibility: visible; position: relative; bottom: auto; top: auto; left: auto; background-color: transparent !important; float: none }  .main-footer .footer-msg { position: absolute; bottom: -3em; right: -15px; left: -15px; display: block; width: auto; text-align: center; padding: 10px 15px } } @media screen and (max-width:360px) { .menu-header { width: 100% } }