/* Theme Name: Flatsome Theme URI: http://flatsome.uxthemes.com/ Author: UX-Themes Author URI: http://www.uxthemes.com/ Description: Multi-Purpose Responsive WooCommerce Theme Version: 3.15.3 Requires at least: 5.0.0 Requires PHP: 5.6.20 WC requires at least: 4.4.0 Text Domain: flatsome License: http://themeforest.net/licenses License URI: http://themeforest.net/licenses */ /*************** All custom CSS should be added to Flatsome > Advanced > Custom CSS, or in the style.css of a Child Theme. ***************/ .widget a {color: #262224 !important;} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:static;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;max-width:100%!important;-webkit-transform-style:preserve-3d} .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{display:none} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .flex-control-thumbs,.no-js .owl-carousel{display:block} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-item img{transform-style:preserve-3d} .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-nav .disabled{opacity:.5;cursor:default} .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-dots{display:none;text-align:center;-webkit-tap-highlight-color:transparent;width:100%} .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../../../../frontend/Magento/blank/en_US/Yosto_Core/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-nav .owl-prev{position:absolute;left:5px;top:50%;z-index:1;width:36px;height:36px;display:inline-block;text-indent:-9999px;background:rgba(0,0,0,0.6) url(../images/owl-prev-icon.png) center center no-repeat;background-size:11px 18px;transform:translateY(-50%)} .owl-carousel .owl-nav .owl-next{position:absolute;right:5px;top:50%;z-index:1;width:36px;height:36px;display:inline-block;text-indent:-9999px;background:rgba(0,0,0,0.6) url(../images/owl-next-icon.png) center center no-repeat;background-size:11px 18px;transform:translateY(-50%)} .html_topbar_left ul {list-style: none; display: flex; align-items: center; grid-gap: 40px;} .html_topbar_left ul li { display: flex;flex-direction: column; align-items: center; color: #333;font-size: 16px;font-weight: 600;line-height:24px; grid-gap: 9px; margin-bottom: 0 } .html_topbar_left ul li a { color: #333 } .html_topbar_left ul li img { width: 32px; height: 32px; margin: 0 !important; } .container-width,.full-width .ubermenu-nav,.container,.row { max-width: 1295px } .flex-col.hide-for-medium.flex-left.flex-grow { flex: unset; } .hide-for-medium.flex-left ul { width: 445px; max-width: 100%; } .flex-col.hide-for-medium.flex-right { flex: 1; } .flex-col.hide-for-medium.flex-right ul.nav-right { grid-gap: 60px; } .header-main { height: 80px !important } .header-wrapper .header-main .header-button > .button:not(.is-outline) { border-radius: 0 !important; padding: 4px 9px 4px 56px !important; background-color: #E92126 !important; position: relative; color: #FFF; font-size: 20px;font-weight: 600;line-height: 40px; } .header-wrapper .header-main .header-button > .button:not(.is-outline) span { font-size: 20px;font-weight: 600;line-height: 40px; } .header-wrapper .header-main .header-button > .button:not(.is-outline):before { content: ""; width: 40px; height: 40px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/iconamoon_phone-thin.png); background-size: contain; position: absolute; left: 8px; top: 4px; } .searchform-wrapper #woocommerce-product-search-field-0 { height: 48px; color: #666;font-size: 16px;font-style: italic;font-weight: 400;line-height: 48px; padding: 0 16px; } .searchform-wrapper:not(.form-flat) .submit-button { width: 48px; height: 48px; background-color: #E92126 } .searchform .button.icon i { font-size: 22px; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav { width: 100%; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav { display: flex; grid-gap: 28px; height:40px; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li>a { color: #FFF;font-size: 16px;font-weight: 600;line-height: 40px; padding: 0; height: 40px; text-transform: unset; } .header-bottom { background-color: #221E20 !important; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav li.menu-home a { text-indent: -99999px; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav li.menu-home a img { margin-right: 0; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav li { margin: 0; height: 40px; } .footer-1 { padding: 60px 0 235px; } .footer-1 .widget-title { color: #FFF;font-size: 28px;font-weight: 600;line-height: 36px; padding-left: 52px; text-transform: unset; position: relative; margin-bottom: 28px !important; display: inline-block; } .footer-1 .widget-title:before { content: ""; width: 40px; height: 40px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/weui_location-outlined.png); background-size: contain; position: absolute; left: 0px; top: 0px; } .footer-1 .is-divider {display: none !important} .footer-1 .textwidget ul li { font-size: 16px;font-weight: 400;line-height: 24px;} .footer-1 .textwidget p a { color: #FFF !important;font-size: 20px;font-weight: 600;line-height: 30px; display: inline-block;background: #E92126; margin-top: 25px; padding: 8px 12px; } .footer-1 .textwidget p { margin: 0; } .footer-2 .widget_text { max-width: 100% !important; flex-basis: auto !important; width: 20% !important; } .footer-2 #text-43 { width: 39% !important; } .footer-2 #text-39,.footer-2 #text-35 { width: 21% !important; } .footer-2 #text-38 { width: 17% !important; } .footer-2 #text-40 { width: 21% !important; } .footer-2 .row { background: #FFF; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); padding: 40px 35px; position: relative; margin-top: -150px } .footer-2 .widget-title { color: #333;font-size: 20px;font-weight: 600;line-height:30px; text-transform: unset; } .footer-2 .is-divider { width: 80px !important; background: #E92126; height: 4px; max-width: 100%; } .footer-2 .textwidget ul li a { color: #666 !important;font-size: 16px;font-weight: 400;line-height: 24px; } .footer-2 .textwidget ul li a:hover { text-decoration: underline !important; } .footer-2 #text-42 ul li a { color: #333;font-size: 20px;font-weight: 600;line-height: 30px; } .footer-2 #text-43 ul { display: flex; grid-gap: 8px; } .footer-2 #text-43 ul li img {width: 48px; height: auto;} .footer-2 #text-43 ul li a {display: inline-block;} .footer-2 #text-43 ul li {display: inline-block; height: 48px;} .slider-top-home .text-inner h3 { color: #FFF;font-family: Roboto;font-size: 60px;font-weight: 700;line-height: 70px; text-transform: unset; } .slider-top-home .text-inner p { color: #FFF;font-family: Roboto;font-size: 24px !important ;font-weight: 600;line-height: 36px !important ; margin: 0;} .slider-top-home .text-inner p a { margin-top: 26px; display: inline-block;padding: 12px 36px; color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; background: #E92126;} .slider-top-home .bg-fill { position: relative; } .slider-top-home .bg-fill:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%) } .home-title { text-align: center; } .home-title h2 { color:#333;font-size: 40px;font-weight: 600;line-height: 50px; text-align: center; } .home-title p { width: 1025px; margin: 0 auto; max-width: 100%; text-align: justify; } .home-title { margin-bottom: 40px; } .home-box-1-items .img { margin-bottom: 16px; } .home-box-1-text { padding: 0 16px; } .home-box-1-text h3 { color: #333;font-size: 20px;font-weight: 600;line-height: 30px; } .home-box-1-text h3 a { color: #333 } .home-box-1-text ul li { color: #666;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 0} .home-box-1-items .col-inner { background: #FFF;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); } .home-box-1-button { background: #E92126; padding: 8px 16px; } .home-box-1-button a { padding-right: 24px;color: #FFF;font-size: 16px;font-weight: 600;line-height: 24px; display: inline-block; width: 100%;position: relative; } .home-box-1-button a:before { content: ""; width: 24px; height: 24px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/solar_arrow-up-linear.png) ; position: absolute; right: 0; top: 0; background-size: cover; } .home-box-1-button p { margin-bottom: 0; } .home-box-3-left h2 { color:#333;font-size: 40px;font-weight: 600;line-height: 50px; text-align: left; margin-bottom: 20px; } .home-box-3-left p {color: #666;font-size: 16px;font-weight: 400;line-height:24px; margin-bottom: 12px;} .home-box-3-left p:last-child { margin-bottom: 0; } .home-box-3-left p a { color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; display: inline-block;background: #E92126; margin-top: 20px; padding: 8px 12px; } .home-box-4-title h2 { color:#fff;font-size: 40px;font-weight: 600;line-height: 50px; text-align: left; margin-bottom: 20px; } .home-box-4-title p { padding-right: 24px;color: #FFF;font-size: 16px;font-weight: 400;line-height: 24px; } .home-box4-text h3 { color: #FFF;font-size: 80px;font-weight: 700;line-height:100px; margin-bottom: 10px; } .home-box4-text p { color: #FFF;font-size: 16px;font-weight:400;line-height:24px; margin-bottom: 8px; } .home-box4-text p strong { color: #FFF;font-size: 20px;font-weight:600;line-height:30px; } .home-box4-text p:last-child { margin-bottom: 0; } .home-box-5-text { padding: 9px 15px 36px;background: #F5F5F5; } .home-box-5-items .img { margin-bottom: 0 !important; } .home-box-5-text h3 { color: #333;font-size: 20px;font-weight: 600;line-height: 30px; } .home-box-5-text h3 a { color: #333 } .home-box-5-text p { color: #666;font-size: 14px;font-weight: 400;line-height: 24px; margin-bottom: 17px;} .home-box-5-text ul { list-style: none; padding: 0; margin: 0 } .home-box-5-text ul li { color: #666;font-size: 14px;font-weight: 400;line-height: 24px; display: flex; margin: 0 0 10px;} .home-box-5-text ul li strong { min-width: 125px; color: #000; font-weight: 600; } .home-box-5-text ul li:last-child{ margin-bottom: 0; } .home-box5-button { text-align: center; } .home-box5-button a { display: inline-block; padding: 10px 50px;color: #E92126;font-size: 16px;font-weight: 500;line-height: 24px ; border-radius: 109px; border: 1px solid #E92126; } .home-box5-button a:hover { background: #E92126; color: #fff; } .home-box6-post { position: relative; padding-left: 50% !important; } .home-box6-post .post-item { padding: 0 0 30px !important; } .home-box6-post .post-item .box-text .is-divider { display: none; } .home-box6-post .post-item .box-text .from_the_blog_excerpt { display: none;color: #666;font-size: 16px;font-weight: 400;line-height: 24px; } .home-box6-post .post-item .box-text .post-title { color: #333;font-size: 20px;font-weight: 600;line-height: 30px } .home-box6-post .post-item .box-text .post-meta { color: #666;font-size: 14px;font-weight: 400;line-height: 20px; position: relative; padding-left: 20px; margin-top: 26px; } .home-box6-post .post-item .box-text .post-meta:before { content: ""; width: 16px; height: 16px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/ph_calendar-light.png); background-size: contain; position: absolute; left: 0; top: 2px; } .home-box6-post .post-item:nth-child(1) { width: calc(50% - 30px); position: absolute; left: 0; top: 0; } .home-box6-post .post-item:nth-child(1) .box-vertical { display: flex !important; flex-direction: column; } .home-box6-post .post-item:nth-child(1) .box-vertical .box-image { width: 100% !important; } .home-box6-post .post-item:nth-child(1) .box-vertical .box-text { width: 100% !important; padding: 20px 0 !important; } .home-box6-post .post-item:nth-child(1) .box-text .post-meta { display: none; } .home-box6-post .post-item:nth-child(1) .box-text .from_the_blog_excerpt { display: block; } .home-box6-button { text-align: center; } .home-box6-button p { margin: 0 } .home-box6-button a { color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; display: inline-block;background: #E92126; margin-top: 20px; padding: 8px 12px; } .home-box-7-content { padding: 40px 28px;background: #FFF;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); position: relative; } .home-box-7-text { padding: 0 !important; } .home-box-7-text .products> h2 { display: none; } .home-box-7-text .products .product-small { display: flex; grid-gap: 10px; padding: 0 !important; } .home-box-7-text .products .box-image { width: calc(33.33% - 5px); } .home-box-7-text .products .box-text { width: calc( 66.66% - 5px) } .home-box-7-text .products .title-wrapper .category { display: none; } .home-box-7-text .products .title-wrapper .product-title a { color: #333;font-size: 16px;font-weight: 600;line-height: 24px } .home-box-7-text .products .price-wrapper .price { color: #E92126;font-size: 16px;font-weight: 600;line-height: 24px} .home-box-7-text .products .price-wrapper .price span.amount{ color: #E92126; font-size: 16px !important;font-weight: 600; line-height: 24px !important;} .home-box-7-text .products .price-wrapper .price .devvn_woocommerce_price_suffix {font-size: 16px !important;font-weight: 600; line-height: 24px !important; } .home-box-7-text .badge-container { display: none; } .home-box-7-content .owl-carousel .owl-nav .owl-prev { width: 40px; height: 40px; left: -20px; border-radius: 50%; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/owl_pre_1.png); background-repeat: no-repeat;background-size: 16px 32px; background-position: top 4px left 12px;background-color: #fff; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.20);} .home-box-7-content .owl-carousel .owl-nav .owl-next { width: 40px; height: 40px; right: -20px; border-radius: 50%;background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/owl_next_1.png); background-repeat: no-repeat;background-size: 16px 32px; background-position: top 4px left 12px;background-color: #fff; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.20);} #nav_menu-2 { border: 1px solid #CCC;background: #FFF; } #nav_menu-2 .widget-title { padding: 9px 20px; background: #E92126; color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; width: 100%; display: inline-block; text-transform: unset; } #nav_menu-2 .is-divider { display: none; } #nav_menu-2 ul#menu-menu-danh-muc-sp li { padding: 16px; } #nav_menu-2 ul#menu-menu-danh-muc-sp li a { color: #333;font-size: 16px;font-weight: 600;line-height: 24px;} #nav_menu-2 ul#menu-menu-danh-muc-sp li .sub-menu {padding: 0 8px; border-left: 0;} #nav_menu-2 ul#menu-menu-danh-muc-sp li .sub-menu li { padding: 4px 0; } #nav_menu-2 ul#menu-menu-danh-muc-sp li .sub-menu li a { color: #666;font-size: 16px;font-weight: 400;line-height: 24px; } #nav_menu-5 .is-divider { display: none; } #nav_menu-5 ul#menu-menu-danh-muc-sp li { padding: 7px 16px; } #nav_menu-5 ul#menu-menu-danh-muc-sp li a { color: #333;font-size: 17px;font-weight: 600;line-height: 24px;} #nav_menu-5 ul#menu-menu-danh-muc-sp li .sub-menu {padding: 0 8px; border-left: 0;} #nav_menu-5 ul#menu-menu-danh-muc-sp li .sub-menu li { padding: 4px 0; } #nav_menu-5 ul#menu-menu-danh-muc-sp li .sub-menu li a { color: #666;font-size: 16px;font-weight: 400;line-height: 24px; } #nav_menu-5 { border: 1px solid #CCC;background: #FFF; } #nav_menu-5 .widget-title { padding: 9px 20px; background: #E92126; color: #FFF;font-size: 22px;font-weight: 600;line-height: 30px; width: 100%; display: inline-block; text-transform: unset; } #text-45 .is-divider { display: none; } #text-45 .widget-title { padding: 9px 20px; background: #221E20; color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; width: 100%; display: inline-block; text-transform: unset; } #text-45 { border: 1px solid #CCC;background: #FFF; } #text-45 ul { border-bottom: 1px solid #ccc; display: flex; padding: 20px; grid-gap: 20px; align-items: center; } #text-45 ul li { margin: 0 !important ; } #text-45 ul li:nth-child(1) img { width: 60px; height: auto; border-radius: 60px; margin: 0 !important ; } #text-45 ul li:nth-child(2) { flex: 1 ; color: #333;font-size: 16px;font-weight: 400;line-height: 24px; display: flex;flex-direction: column; } #text-45 ul li:nth-child(2) a { color: #333;font-size: 20px;font-weight: 600;line-height: 30px; } #text-49 .is-divider { display: none; } #text-49 .widget-title { padding: 9px 20px; background: #221E20; color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; width: 100%; display: inline-block; text-transform: unset; } #text-49 { border: 1px solid #CCC;background: #FFF; } #text-49 ul { border-bottom: 1px solid #ccc; display: flex; padding: 20px; grid-gap: 20px; align-items: center; } #text-49 ul li { margin: 0 !important ; } #text-49 ul li:nth-child(1) img { width: 60px; height: auto; border-radius: 60px; margin: 0 !important ; } #text-49 ul li:nth-child(2) { flex: 1 ; color: #333;font-size: 16px;font-weight: 400;line-height: 24px; display: flex;flex-direction: column; } #text-49 ul li:nth-child(2) a { color: #333;font-size: 20px;font-weight: 600;line-height: 30px; } .shop-page-title .flex-grow .is-large .woocommerce-breadcrumb { display: none; } .widget.widget_recently_viewed_products .is-divider { display: none; } .widget.widget_recently_viewed_products .widget-title { padding: 9px 20px; background: #E92126; color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; width: 100%; display: inline-block; text-transform: unset; } .widget.widget_recently_viewed_products { border: 1px solid #CCC; } .widget.widget_recently_viewed_products ul li { padding: 12px 0 12px 84px; } .widget.widget_recently_viewed_products ul li img { left: 12px; } .widget.widget_recently_viewed_products ul li span.amount,.widget.widget_recently_viewed_products ul li .devvn_woocommerce_price_suffix{ color: #E92126;font-size: 16px;font-weight: 600;line-height: 24px} .widget.widget_recently_viewed_products ul li .product-title { color: #333;font-size: 16px;font-weight: 600;line-height: 24px; } .shop-page-title .page-title-inner { padding-left: calc(25% + 15px); padding-top: 0px !important; } .category-page-row .shop-container { padding-top: 80px; } .category-page-row {position: relative;margin-top: -50px; padding-top: 0} .page-title-inner .flex-col { position: relative;z-index: 9 } .archiver-page-breadcrumbs .breadcrumbs { padding: 20px 15px 10px; } .archive-product-top { padding: 0px 20px 20px 40px; border: 1px solid #CCC; margin-bottom: 30px; position: relative; } .archive-product-top ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0;margin-top: 35px; } .archive-product-top ul li { width: 49%; } .archive-product-top ul li a { color: #333;font-size: 16px;font-weight: 600;line-height: 24px;} .archive-product-top h3 { display: inline-block; padding: 5px 68px 5px 20px; background: #fff; position: absolute; top: -20px;color: #333; font-size: 24px;font-weight: 600;line-height: 30px; width: auto; } .archive-product-top h3 a { color: #333; } .archive-product-top h3:before { content: ""; width: 28px; height: 28px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/Frame-48098350.png) no-repeat; background-size: contain; position: absolute; right: 20px; } .products .product-small .col-inner { background: #FFF;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); } .products .product-small .col-inner .box-text-products { padding: 12px; } .products .product-small .col-inner .box-text-products .product-title.woocommerce-loop-product__title { color: #333;font-size: 16px;font-weight: 600;line-height: 24px } .products .product-small .col-inner .box-text-products .product-title.woocommerce-loop-product__title a { color: #333 } .products .product-small .col-inner .box-text-products .price span.amount { color: #E92126;font-size: 20px;font-weight: 600;line-height: 30px;} .products .product-small .col-inner .box-text-products .price .devvn_woocommerce_price_suffix { color: #E92126;font-size: 20px;font-weight: 600;line-height: 30px;} .archive-product-bottom { padding: 24px 34px 60px; margin-top: 40px; background: #FFF; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); position: relative; overflow: hidden; height:435px;} .archive-product-bottom h3 { color: #333;font-size: 28px;font-weight: 600;line-height: 36px; } .archive-product-bottom p { color: #666;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 15px } .archive-product-bottom.active { height: auto; } .shop-container hr { display: none; } .drop-see-more { background: #ffffff9e ; width: 100% ; position: relative; padding: 24px 10px; text-align: center; position: absolute; bottom: 0px; left: 0; } .drop-see-more-button { padding: 8px 35px 8px 36px; background: #E92126; color: #FFF;font-size: 16px;font-weight: 600;line-height: 24px; cursor: pointer; } .home-bg-1-items .col-inner { border: 1px solid #CCC;background: #FFF; padding: 10px; } .home-box-1-button-1 { background: transparent; padding: 8px 16px; border-top: 1px solid #CCC; } .home-box-1-button-1 a { padding-right: 24px;color: #333;font-size: 16px;font-weight: 600;line-height: 24px; display: inline-block; width: 100%;position: relative; } .home-box-1-button-1 a:before { content: ""; width: 24px; height: 24px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/solar_arrow-up-linear-1.png) ; position: absolute; right: 0; top: 0; background-size: cover; } .home-box-1-button-1 p { margin-bottom: 0; } .section-bg-box { padding: 15px !important; } .section-bg-box .home-box-7-text { padding: 0 15px !important; } .section-bg-box .home-box-7-text .products .box-image {width: 60px !important;} .section-bg-box .home-box-7-text .products .box-text { flex: 1; } .section-bg-box .products .product-small .col-inner { box-shadow: none; } .section-bg-box .products .product-small .col-inner .box-text-products { padding: 0 !important; } .section-bg-box .products .product-small .col-inner .box-text-products .price span.amount { font-size: 16px; } .section-bg-box .products .product-small .col-inner { box-shadow: none; } .section-bg-box .products .product-small .col-inner .box-text-products .price .devvn_woocommerce_price_suffix { font-size: 16px; } .product .col-divided { border-right:0; } .product .row-large #product-sidebar { padding: 0 !important ; } .product-main { padding: 0 !important; } .product-info { padding-top: 0 !important;border-left:0 !important ; } .product .content-row #content-row-img-text { width: 75% !important ; } #content-row-img-text-box { display: flex; grid-gap: 10px; } #content-row-img-text-box .product-gallery { flex-basis: 60%; max-width: 100% } #content-row-img-text-box .product-info { padding-left: 15px !important ; padding-right: 15px !important ; } .product-footer .row.row-small { max-width: 100%; } .product-info .product_title { color: #333;font-size: 28px;font-weight: 600;line-height: 36px; } .product_meta .product-inventory { display: flex; grid-gap: 2px;font-size: 16px;font-weight: 400;line-height: 24px; align-items: center; } .product_meta .product-inventory label { color: #000;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 0 } .product_meta .product-inventory span { color: #E92126;font-weight: 600; font-size: 16px; line-height: 24px;margin-bottom: 0} .woocommerce-product-rating { display: flex; align-items: center; grid-gap: 16px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .woocommerce-product-rating .woocommerce-review-link { color: #666;font-size: 16px;font-weight: 400;line-height: 24px;} .star-rating span:before { color: #FFBF00; } .product-info .price-wrapper ins span.amount,.product-info .devvn_woocommerce_price_suffix,.product-info .price-wrapper span.amount { color: #E92126;font-size: 28px;font-weight: 600;line-height: 36px; } .product-info .price-wrapper del { padding-left: 12px; color: #999;font-size: 20px;font-weight: 600;line-height: 26px;text-decoration-line: line-through; } .product-info .price-wrapper del span.amount { color: #999;font-size: 20px;font-weight: 600;line-height: 26px; opacity: 1; } .thongso-product-box { padding: 28px 20px 20px; border: 1px solid #E92126; position: relative; margin-top: 35px; } .thongso-product-box h3 { padding: 8px; background: #fff; position: absolute;top: -25px; color: #333;font-size: 24px;font-weight: 600;line-height: 30px; display: inline-block; width: auto; left: 10px; } .thongso-product-box ul { list-style: none; padding: 0; margin: 0; } .thongso-product-box ul li { margin: 0 0 12px; color: #666;font-size: 16px;font-weight: 400;line-height: 24px; } .thongso-product-box ul li strong { color: #333; font-weight: 600; } .thongso-product-box ul li:last-child { margin-bottom: 0 } .product-info a.devvn_buy_now { margin: 16px 0 8px; padding: 12px; background: #E92126; border-radius: 0 ;color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; text-transform: unset; } .product-info .button-product-box a { margin: 8px 0 ; padding: 12px; background: #221E20; border-radius: 0 ;color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; text-transform: unset; display: inline-block; width: 100%; text-align: center;} .product-section.related-products-wrapper { border-top: 0 } .product-section.related-products-wrapper .product-section-title { text-align: center;color: var(--Heading, #333);font-size: 40px;font-weight: 600;line-height: 50px; margin-bottom: 40px; } .product-section.related-products-wrapper .product-title.woocommerce-loop-product__title { color: #333;font-size: 16px;font-weight: 600;line-height: 24px } .product-section.related-products-wrapper .product-title.woocommerce-loop-product__title a { color: #333 } .product-section.related-products-wrapper .price span.amount { color: #E92126;font-size: 20px;font-weight: 600;line-height: 30px;} .product-section.related-products-wrapper .price .devvn_woocommerce_price_suffix { color: #E92126;font-size: 20px;font-weight: 600;line-height: 30px;} .product-footer .container>section.products { display: none; } .home-box-7-mr { margin-bottom: 60px; } .product-footer .products .product-small .col-inner .box-text-products .price span.amount { font-size: 16px; } .product-footer .products .product-small .col-inner .box-text-products .price .devvn_woocommerce_price_suffix { font-size: 16px; } .product-footer .products .product-small .col-inner { box-shadow: none; } .page-title-inner .medium-text-center>.next-prev-thumbs {display: none;} .content-row-img-gt-title h2 { border-bottom: 1px solid #E92126;color: #333;font-size: 20px;font-style: normal;font-weight: 600;line-height: 48px; display: flex; align-items: center; grid-gap: 12px; } .content-row-img-gt-title h2 strong { color: #FFF;font-size: 28px;font-weight: 600;line-height: 48px; min-width: 48px; display: inline-block; background: #E92126; text-align: center; } .content-row-img-gt { margin-top: 40px; } .content-row-img-gt-texxt { padding: 20px; } .content-row-img-gt-texxt ul { padding-left: 15px; } .content-row-img-gt-texxt p,.content-row-img-gt-texxt ul li { color: #333;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 15px; } .content-row-img-gt-texxt p:last-child,.content-row-img-gt-texxt ul li:last-child { margin-bottom: 0 } .baner-text-ldp h2 { color: #FFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.50);font-size: 36px;font-weight: 700;line-height: 46px; text-transform: unset; } .baner-text-ldp ul { margin-top: 30px; padding: 10px 13px 25px; border-left: 5px solid #E71C1C; background: rgba(35, 35, 35, 0.69); list-style: none; } .baner-text-ldp ul li { color: #FFF;font-size: 18px;font-weight: 500;line-height: 24px; margin-bottom: 15px; padding-left: 40px; position: relative; } .baner-text-ldp ul li:last-child { margin-bottom: 0; } .baner-text-ldp ul li:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0px; background: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/icon-tick.png); background-size: contain; top: -10px} .ldp-box-link-top { margin-top: -46px!important; position: relative; overflow: hidden; } .ldp-box-link-top .col { padding: 0 !important; } .ldp-box-link-top ul li a{ padding: 11px 38px; border-radius: 10px 10px 0 0;background: #E92126;box-shadow: 0 4px 4px 6px rgba(0, 0, 0, 0.25); color: #FFF;font-size: 16px;font-weight: 600;line-height: 24px; display: inline-block;} .ldp-box-link-top ul li a:hover { background: #fff; color: #E92126 } .ldp-box-link-top ul {display: flex; grid-gap: 8px; justify-content: center; list-style: none; padding: 0; margin: 0} .ldp-box-link-top ul li { margin: 0 !important; } .ldp-title { margin-bottom: 24px;text-align: center; } .ldp-title h2 { color: #E92126;font-size: 27px;font-weight: 600;line-height: 35px; text-align: center;} .ldp-title p { color: #666;text-align: center;font-size: 16px;font-weight: 400;line-height: 24px; display:inline-block; } .ldp-box1-content { width: 820px; margin: 0 auto; position: relative; height: 350px; overflow: hidden; padding-bottom: 80px; max-width: 100%;} .ldp-box1-content p { margin: 0 0 20px; } .ldp-box1-content p:last-child { margin-bottom: 0; } .drop-xt { text-align: center;padding: 20px 0;background: #ffffffe6;width: 100%;position: absolute;bottom: 0; } .drop-xt-button { display: inline-block; padding: 10px 50px;color: #E92126;font-size: 16px;font-weight: 500;line-height: 24px ; border-radius: 109px; border: 1px solid #E92126; cursor: pointer; } .ldp-box1-content.active { height: auto; } .ldp-box-2-items { padding: 40px 30px;background: #333; height: 100%; } .ldp-box-2-items p strong { color: #FFF;font-size: 60px;font-weight: 700;line-height: 70px; margin-bottom: 20px; } .ldp-box-2-items h3 { color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; margin-bottom: 12px; } .ldp-box-2-items p { color: #CCC;font-size: 16px;font-weight: 400;line-height:24px; } .ldp-box-2-content .col-inner { height: 100%; } .ldp-title-mini { position: relative; margin-top: -30px; font-size: 16px;font-weight: 400;line-height: 24px; text-align: justify; width: 820px; margin: -30px auto 0 } .ldp-box3-content h3 { color: #000;font-size: 18px;font-weight: 600;line-height: 24px; margin-bottom: 22px; } .ldp-box3-content td ,.ldp-box3-content th { border: 1px solid #CCC; } .ldp-box3-content th { padding: 15px;background: #E92126; text-align: center;color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; } .ldp-box3-content th:first-child, .ldp-box3-content td:first-child { padding: 15px; } .ldp-box3-content td { padding: 28px 10px; font-size: 16px;font-weight: 400;line-height: 24px; color: #333; text-align: center; } .ldp-box3-content p strong { color: #000;font-size: 14px;font-style: italic;font-weight: 700;line-height: 21px; } .ldp-box4-items img { margin-bottom: 0 !important; } .ldp-box4-items { position: relative; } .ldp-box4-items h3 { padding: 8px; background: rgba(0, 0, 0, 0.60); color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; width: calc(100% - 40px); position: absolute; left: 20px; bottom: 20px; text-align: center;} .ldp-box4-button { text-align: center; } .ldp-box4-button a { display: inline-block;padding: 9px 33px 9px 32px ;background: #E92126; color: #FFF;font-size: 20px;font-weight: 600;line-height:30px; } .ldp-title-mini2 { position: relative; margin-top: -30px; font-size: 16px;font-weight: 400;line-height: 24px; text-align: justify; width: 1025px; margin: 0 auto } .ldp-box-5-items .col-inner {background: #F5F5F5; } .ldp-box5-items-img { margin-bottom: 0 !important; } .ldp-box5-items-text { padding: 9px 14px 32px; } .ldp-box5-items-text h3 { color: #1A1A1A;font-size: 17px;font-weight: 600;line-height: 25px; } .ldp-box5-items-text h3 a { color: #1A1A1A; } .ldp-box5-items-text h3:hover a{ color: #E92126; } .ldp-box-5-text-ex { color: #615E5E;font-size: 14px;font-weight: 400;line-height:21px; margin-bottom: 17px !important; } .ldp-box-5-text-ex p { margin: 0 !important; } .ldp-box-5-text-tt ul { list-style: none; padding: 0; } .ldp-box-5-text-tt ul li { color: #000;font-size: 14px;font-weight: 600;line-height: 21px; margin: 0 0 8px 0; color: #615E5E;font-size: 14px;font-weight: 400;line-height: 21px; display: flex; grid-gap: 10px;} .ldp-box-5-text-tt ul li strong { min-width: 115px; color: #000;font-weight: 600;} .ldp-box-6-content { padding: 40px; border: 1px solid #CCC; background: #EBEBEB; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); } .ldp-box6-title { padding: 0 0 45px !important; text-align: center; } .ldp-box6-title h2 { color: #333;font-size: 27px;font-weight: 600;line-height: 35px; } .ldp-box-6-items h3 { display: inline-flex;padding: 5px 8px 5px 6px; grid-gap: 8px; align-items: center; background: #E92126; width: auto; color: #fff; margin: 20px 0; } .ldp-box-6-items h3 img { width: 28px; height: 28px;color: #FFF;font-size: 20px;font-weight: 600;line-height: 30px; margin-bottom: 0 !important; } .ldp-box-6-items p { color: #333;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 0 } .ldp-box-6-items .img { padding-top: 20px; } .ldp-box-6-button { margin-top: 25px; text-align: center; } .ldp-box-6-button a { display: inline-block;padding: 5px 30px ;background: #E92126; color: #FFF;font-size: 20px;font-weight: 600;line-height:30px; } .home-box-7-text .products .box-text.box-text-products { padding: 0 !important; } .home-box-7-text .products .product-small .col-inner { box-shadow: unset; } .ldp-box-7 { background: #F5F5F5; } .ldp-box-7-content { background: #FFF; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10); padding: 40px; } .ldp-box-7-left { padding: 28px 40px;background: #221E20; } .ldp-box-7-left h3 { color: #FFF;font-size: 32px;font-weight: 600;line-height: 42px; text-transform: unset; margin-bottom: 25px;} .ldp-box-7-left p { font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom: 25px; color: #fff } .ldp-box-7-left p:last-child { margin-bottom: 0 } .ldp-box-7-left ul {list-style: none; padding: 0; margin: 0} .ldp-box-7-left ul li { color: #FFF;font-size: 16px;font-weight: 400;line-height:24px; margin: 0 0 30px 0 } .ldp-box-7-left ul li a { color: #fff; display: flex; grid-gap: 16px; align-items: center;} .ldp-box-7-left ul li img { width: 40px; height: 40px; margin-bottom: 0 !important; } .ldp-box-7-right { padding: 0 0 0 40px !important; } .ldp-box-7-right h2 { color: #333;font-size: 32px;font-weight: 600;line-height: 22px; margin-bottom: 25px; margin-top: 28px;} .ldp-box-7-right p {color:#666;font-size: 16px;font-weight: 400;line-height:24px; } .ldp-box-7-right .input-box-flex { display: flex; grid-gap: 15px; margin: 26px 0 16px; flex-wrap: wrap; } .ldp-box-7-right .input-box-flex .input-box {width: calc(33.33% - 10px); } .ldp-box-7-right .input-box-flex .input-box input { background: rgba(34, 30, 32, 0.05); line-height: 48px; color: #666; font-size: 16px;font-weight: 400; padding: 0 12px; height: 48px; box-shadow: none;} .ldp-box-7-right .input-box-flex .input-box select { padding: 0 12px; line-height: 48px; font-size: 16px;font-weight: 400; height: 48px; background: rgba(34, 30, 32, 0.05); box-shadow: none; } .ldp-box-7-right .input-box-flex .input-box select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url(https://ferino.webweb.com.vn/wp-content/uploads/2025/10/ep_arrow-up-bold.png); background-repeat: no-repeat; background-position-x: calc(100% - 12px); background-position-y: 12px; } .ldp-box-7-right .input-box textarea { background: rgba(34, 30, 32, 0.05); line-height: 48px; color: #666; font-size: 16px;font-weight: 400; padding: 12px; height: 120px; box-shadow : none;} .ldp-box-7-right .input-box.input-box-submit input { background: #E92126; line-height: 48px; color: #fff; font-size: 16px;font-weight: 400; padding: 0 19px; height: 48px; box-shadow: none; text-transform: unset; margin: 0 !important;} .ldp-box-7-right form { margin-bottom: 0 !important } .home-box-1-content { padding: 0 !important; } .home-box-1-items {background: #FFF;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.10);} .home-box-1-text { padding: 12px 16px; } .home-box-1-content .col-inner { display: flex; flex-wrap: wrap; } #product-sidebar-mobile { display: none; } .home-box-1-slider { display: none !important; } .page-title-inner { min-height: auto !important; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li > .sub-menu { display: flex; flex-wrap: wrap; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li > .sub-menu>li { width: 100%; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li > .sub-menu>li .sub-menu { position: static; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav>li > .sub-menu li { height: auto; } .content-row-img-gt-items { padding: 0 15px; } .woocommerce-pagination { display: none; } button.view-more-button.products-archive.button.primary { background: #E92126 !important } @media (max-width: 1366px) { .flex-col.hide-for-medium.flex-right ul.nav-right { grid-gap: 0; } .html_topbar_left ul { grid-gap: 10px; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li>a { font-size: 15px; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav { grid-gap: 15px; } } @media (max-width: 1199px) { .hide-for-medium.flex-left ul {width: 300px; } } @media (max-width: 992px) { .hide-for-medium.flex-left ul { display: none; } .hide-for-medium.flex-left ul.header-nav.header-bottom-nav >li>a { font-size: 14px; } .banner-layers .text-box.banner-layer { top: 50%!important; padding: 0 15px; transform: translateY(-50%); } .slider-top-home .text-inner h3 { font-size: 40px; line-height: 50px; } .slider-top-home .text-inner p { font-size: 18px !important; line-height: 24px; } .slider-top-home .text-inner p a { font-size: 18px; line-height: 24px; padding: 8px 24px; margin-top: 15px;} #nav_menu-5 ul#menu-menu-danh-muc-sp li a { font-size: 16px;} #nav_menu-5 .widget-title { font-size: 20px; } .product-section.related-products-wrapper .product-section-title { font-size: 35px;line-height: 45px; } .image-no-fit .image-cover img { position: relative; object-fit: unset !important ; } .image-no-fit .image-cover { padding: 0 !important ; } } @media (max-width: 849px) { .header-wrapper .header-main .header-button > .button:not(.is-outline):before { display: none !important } .header-wrapper .header-main .header-button > .button:not(.is-outline) {padding: 4px 9px!important;} .header-main .header-inner .menu-title { color: #fff !important; } .home-box-1-text { padding: 0 10px; } .searchform-wrapper:not(.form-flat) .submit-button { width: 33px; height: 33px; } .searchform .button.icon i { font-size: 18px; } .footer-2 #text-43,.footer-2 #text-39,.footer-2 #text-35,.footer-2 #text-38,.footer-2 #text-40,.footer-2 .widget_text { width: 50% !important; } .shop-page-title .page-title-inner {padding: 0 10px;} .category-filter-row { text-align: left; } .page-title-inner .flex-col { text-align: left !important; } .product .content-row #content-row-img-text { width: 100% !important; } #content-row-img-text-box { flex-wrap: wrap; } #content-row-img-text-box .product-gallery { flex-basis: 100%;max-width: 100%; } #content-row-img-text-box .product-info { width: 100%; } .ldp-box-link-top { margin-top: 10px !important; } .ldp-box-link-top ul li a { border-radius: 10px ; box-shadow: unset; } .ldp-box-2-items,.ldp-box-7-content,.ldp-box-7-left { padding: 15px; } .ldp-box-2-content .large-4 { max-width: 50%; flex-basis: 50%; } .ldp-box6-title h2 br { display: none; } } @media (max-width: 767px) { .slider-top-home .text-inner h3,.home-title h2,.home-box-4-title h2 { font-size: 35px; line-height: 45px; } .home-title h2 br { display: none; } .slider-top-home .text-inner h3 br { display: none; } .slider-top-home .text-inner p { font-size: 17px !important; line-height: 24px; } .slider-top-home .text-inner p a { font-size: 17px; line-height: 24px; padding: 8px 24px; margin-top: 15px;} .medium-3 {max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;} .home-box-1-text h3 { font-size: 18px; line-height: 24px; } .home-title { margin-bottom: 20px; } .home-box4-text h3 { font-size: 60px; line-height: 70px; } .col { padding-bottom: 10px !important; } .nav li.has-icon-left>a>img { width: 30px; height: auto; } .home-box6-button a { font-size: 18px; line-height: 24px; } .home-box5-button a { padding: 5px 25px; margin-top: 10px; } .footer-2 #text-42 ul li a { font-size: 18px; line-height: 24px; } .footer-2 #text-43 ul li img { width: 36px; height: 36px; } .footer-2 .row { padding: 10px 5px; } .footer-1 .widget-title {font-size: 25px; line-height: 35px; padding-left: 40px } .footer-1 .widget-title:before { width: 35px; height: 35px; } .archive-product-bottom h3 { font-size: 18px; line-height: 24px; } .archive-product-bottom p { font-size: 15px; line-height: 24px; } .ldp-box-2-items p strong { font-size: 50px; line-height: 60px; } .ldp-box4-items h3 { font-size: 18px; line-height: 24px; } .ldp-box-6-content { padding: 15px; } .ldp-box-7-right .input-box-flex { flex-wrap: wrap; grid-gap: 10px; } .ldp-box-7-right .input-box-flex .input-box { width: 100% } .home-box-7-text .products .owl-carousel { padding-right: 120px; overflow: hidden; } .home-box-7-text .products .owl-carousel .owl-stage-outer { overflow: unset; } .home-box-5 .owl-carousel { display: block; } .box.box-vertical.box-text-top.box-blog-post.has-hover { display: flex; grid-gap: 10px; } .post-item .box-vertical .box-image { width: calc(33.33% - 5px) !important; } .post-item .box-text { width: calc(66.66% - 5px); padding: 0 !important; } .home-box6-post .post-item .box-text .post-meta { margin-top: 10px; } .category-page-flex-mobile { flex-direction: column-reverse; } .text-box { width: 100% !important } .baner-text-ldp h2 br { display: none; } .ldp-box3-content { overflow: auto; } .ldp-box3-content table { width: 767px; } .ldp-box-7-right { padding-left: 0 !important; } .product-section.related-products-wrapper .product-section-title { font-size: 30px;line-height: 40px; } .home-box-1-slider { padding-right: 100px; overflow: hidden; } .home-box-1-slider .owl-carousel .owl-stage-outer { overflow: unset; } } @media (max-width: 640px) { .slider-top-home .text-inner h3,.home-title h2,.home-box-4-title h2 { font-size: 30px; line-height: 40px; } .slider-top-home .text-inner p { font-size: 16px !important; line-height: 24px; } .slider-top-home .text-inner p a { font-size: 16px; line-height: 24px; padding: 4px 20px; margin-top: 15px;} .medium-4,.medium-8,.medium-6 {max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;} .home-box4-text h3 { font-size: 50px; line-height: 60px; } .home-box-4-content .medium-6 {max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;} .home-box6-post {position: relative;padding: 0 15px !important;} .home-box6-post .post-item:nth-child(1) {width: 100%;position: static;left: 0;top: 0;} .home-box6-button a { margin-top: 0; } .footer-1 .widget-title {font-size: 22px; line-height: 32px;padding-left: 37px } .footer-1 .widget-title:before { width: 32px; height: 32px; } .archive-product-bottom { padding: 15px; } .ldp-box-2-items p strong { font-size: 40px; line-height: 50px; margin-bottom: 10px; } .ldp-box3-content th { font-size: 18px; line-height: 24px; padding: 8px; } .ldp-box4-items h3 { font-size: 18px; line-height: 24px; } .ldp-box-link-top { overflow: auto; } .ldp-box-link-top .col-inner { width: 640px; } } @media (max-width: 549px) { .banner-layers .text-box.banner-layer {left: 0 !important } .medium-3 {max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100% } .home-title { margin-bottom: 15px; } .home-box4-text h3 { font-size: 40px; line-height: 50px; } .footer-2 #text-43{ width: 100% !important; margin: 0; } .footer-1 .widget-title {font-size: 18px; line-height: 30px;padding-left: 35px } .footer-1 .widget-title:before { width: 30px; height: 30px; } .ldp-box-2-items p strong { font-size: 35px; line-height: 45px; } .ldp-box-2-content .large-4 { max-width: 100%; flex-basis: 100%; } .ldp-box6-title h2 { font-size: 25px; line-height: 35px; } .shop-container .products .product-small { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; } .category-page-row .shop-container .products>.product-small { width: 50% !important; max-width: 50% !important; flex-basis: 50% !important; } .product-section.related-products-wrapper .product-section-title { font-size: 25px;line-height: 35px; } } @media (max-width: 480px) { .archive-product-top ul li { width: 100%; } .archive-product-bottom p { font-size: 14px; line-height: 24px; } .ldp-box3-content th { font-size: 16px; line-height: 24px; } .ldp-box4-items h3 { font-size: 16px; line-height: 24px; } .home-box-7-text .products .owl-carousel { padding-right: 90px; } .home-box-1-slider { padding-right: 70px; overflow: hidden; } }