/*
Theme Name: MYPAGE Child
Theme URI: https://www.mypage.vn/
Author: MYPAGE
Author URI: https://www.mypage.vn/
Description: MYPAGE Theme.
Version: 1.1
Template: mypage
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: mypage-child
*/
@import url("../mypage/style.css");
@font-face {
    font-family: 'Great Vibes';
    src: url('fonts/GreatVibes-Regular.woff2') format('woff2'),
        url('fonts/GreatVibes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Tapestry';
    src: url('fonts/Tapestry-Regular.woff2') format('woff2'),
        url('fonts/Tapestry-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.single-post .entry-title {font-size: 24px; margin-bottom: 10px; line-height: 30px;}
.entry-content {padding-top: 20px;border-top: 1px dashed #ddd;text-align: justify;}
.entry-content ul, .entry-content ol, .product-summary-wrap .description ul, .product-summary-wrap .description ol, .woocommerce-tabs .tab-content ul, .woocommerce-tabs .tab-content ol, .duan_short ul, .duan_short ol, .ul_style ul{padding-left: 20px;}
.entry-content ul li, .entry-content ol li, .product-summary-wrap .description ul li,.product-summary-wrap .description ol li, .woocommerce-tabs .tab-content ul li, .woocommerce-tabs .tab-content ol li, .duan_short ul li, .duan_short ol li, .ul_style ul li{margin-bottom: 7px;}
.entry-content table, .entry-content iframe, .woocommerce-tabs .tab-content table, .woocommerce-tabs .tab-content iframe, .duan_short table, .duan_short iframe {margin-bottom: 20px;}
.entry-content table th, .entry-content table td, .woocommerce-tabs .tab-content table th, .woocommerce-tabs .tab-content table td, .duan_short table th, .duan_short table td {border: 1px solid #ccc;}
body.single-post .page-top ul.breadcrumb>li:last-child, body.single-product .page-top ul.breadcrumb>li:last-child{display: none;}
body.single-post .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter, body.single-product .page-top ul.breadcrumb>li:nth-last-child(2) .delimiter {display: none;}
.related-posts .post-image > .thumb-info-wrapper, .related-posts .post-image:hover > .thumb-info-wrapper  {border-radius: 5px;overflow: hidden;}
.wp-caption .wp-caption-text, .wp-caption-dd {font-size: 15px;text-align: center;color: #000;}
.wp-caption.aligncenter, .wp-caption{margin-bottom: 15px;}
.post-carousel h4, .post-carousel h5, .blog-posts .post .entry-title{font-size: 18px;margin-bottom: 8px;}
.single h4.sub-title strong{font-weight: 700;}
.owl-carousel .owl-dots .owl-dot span {width: 15px;height: 15px;}
.wrap_hotline .widget{margin: 0;}
.call-circle-fill{
    width: 54px;
    height: 54px;
    top: -5px;
    left: -1px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgb(237 29 36/ 20%);
}
.call-img-circle{
    width: 44px;
    height: 44px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #ed1d24;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    margin-left: 4px;
}
.call-img-circle i{ color: #fff;}
.call-img-circle:hover{background-color: #ed1d24;}
.call-phone span{font-size: 17px; padding: 4px 15px 4px 30px; border-radius: 0 20px 20px 0; color: #fff; background-color: #ed1d24; display: inline-block; position: absolute; right: -110px; top: 43px; font-weight: 700;}
.animated.infinite{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.fb_zalo{position: fixed; right: 10px; bottom: 50px; z-index: 99;}
.fb_zalo ul { margin: 0; padding: 0; list-style: none;}
.widget .fb_zalo ul li{ margin-bottom: 12px;}
.widget .fb_zalo ul li a.callhotline { position: relative;display:block;margin-bottom: 10px;}
.widget .fb_zalo ul li img{ width: 54px;}   
html #topcontrol{
    background-image: url(images/icon-scroll-top.png);
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
}
html #topcontrol i{display: none;}
#header .mobile-toggle { font-size: 18px;margin-right: 0;}
#side-nav-panel {width: 300px;transform: translateX(-300px)}
#side-nav-panel .accordion-menu > li.menu-item > a{font-size: 17px;letter-spacing: 0;padding-top: 10px;padding-bottom: 10px;}
#side-nav-panel .accordion-menu ul.sub-menu li a{font-size: 16px;padding-top: 7px;padding-bottom: 7px;padding-right: 30px;}
#side-nav-panel .accordion-menu .arrow{height: 46px;line-height: 46px;}
.woocommerce-tabs .tab-content p {font-size: 16px;line-height: 24px;}
.grecaptcha-badge {  display: none !important;}


.page-top { padding-top: 120px; padding-bottom: 120px;z-index: 5;}
.page-top:before { content: ""; position: absolute; left: 0; top: 0;width: 100%; height: 100%; background-color: #353535; opacity: 0.3; z-index: 1; display: block;}
.page-top > .container { position: relative; z-index: 3;}
.page-top h1.page-title { margin-bottom: 5px;font-weight: 600;text-transform: uppercase; letter-spacing: 0.2px;} 

.wrap_banner {padding-top: 290px;background-size: cover; background-repeat: no-repeat; background-position: top center;}
.wrap_banner p.vc_custom_heading {font-size: 60px;line-height: 68px; font-weight: 700; color: #f3872c;text-transform: capitalize;position: relative;z-index: 5;font-family: 'Great Vibes';filter: drop-shadow(0px 3px 1.5px rgba(0,0,0,0.6)); margin-bottom: 8px;}
.wrap_banner h1.vc_custom_heading { color: #232323;margin-bottom: 20px;position: relative;z-index: 5; font-family: 'Tapestry';font-size: 39px;line-height: 47px;font-weight: normal;}
.wrap_banner .wpb_text_column {font-size: 20px;line-height: 28px;text-align: center;width: 800px;margin-left: auto; margin-right: auto;position: relative;z-index: 5;}
.wrap_banner .vc_row .vc_column_container {position: static;}
.wrap_banner .img_1 {margin: 0;position: absolute;left: 10px;bottom: 35%;z-index: 3;}
.wrap_banner .img_2 {margin: 0;position: absolute;right: 0;bottom: 35%;z-index: 3;}
.wrap_banner .img_1 .vc_single_image-wrapper, .wrap_hoachatxetnghiem .wpb_single_image .vc_single_image-wrapper, .wrap_vattutieuhao .wpb_single_image .vc_single_image-wrapper {    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transform:translate(0 , 0);
    animation-name: left_animate;
    animation-fill-mode: both;
    animation-duration: 6s;}
.wrap_banner .img_2 .vc_single_image-wrapper, .wrap_mayxetnghiem .wpb_single_image .vc_single_image-wrapper {    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-name: right_animate;
    animation-fill-mode: both;
    animation-duration: 6s;}    
.wrap_banner .img_3 .vc_single_image-wrapper, .wrap_testnhanh .wpb_single_image .vc_single_image-wrapper  {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-name: center_animate;
    animation-fill-mode: both;
    animation-duration: 6s;
}
@keyframes left_animate {
    0% {transform:translate(0,0);}
    50%{transform:translate(-20px,-5px);}
    100%{transform:translate(0,0);}
}
@keyframes right_animate{
    0%{transform:translate(0,0) rotate(0);}
    50%{transform:translate(5px,10px) rotate(-2deg);}
    100%{transform:translate(0,0) rotate(0);}
}
@keyframes center_animate{
    0%{transform:translate(0,0);}
    50%{transform:translate(0px,-10px);}
    100%{transform:translate(0,0);}
}

#header .header-right-bottom > .searchform-popup {margin-left: 0;}
#header .searchform-popup .search-toggle { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #7a7a7a; display: grid; place-items: center;color: #000;}
#header.sticky-header .searchform-popup { display: inline-block!important; }
#header.sticky-header .header-main.sticky { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
#header .mobile-toggle {font-size: 17px;margin-top: 0;margin-bottom: 0;}

h2.heading_underline {text-transform: uppercase;}
h2.heading_underline:after {background-image: url(images/heading-underline.webp);display: block;content: '';width: 50px;height: 10px;margin-top: 8px;margin-left: 0;background-repeat: no-repeat;background-size: contain;background-position: center;}

ul.products li.product .product-inner .labels {display: none;}
ul.products li.product .product-inner .product-image {margin-bottom: 0;border-radius: 10px;overflow: hidden;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
ul.products li.product .product-inner .product-image img {transition: 0.3s ease-in-out;}
ul.products li.product:hover .product-inner .product-image img {transform: scale(1.1);}
ul.products li.product .product-inner h3.woocommerce-loop-product__title { font-size:18px;white-space:wrap;border-bottom:1px solid #fff;padding-bottom:10px;font-weight:600; margin-top:20px;text-align:left; min-height: 60px;}
ul.products li.product .product-inner .product-image:hover + .product-content h3.woocommerce-loop-product__title { color:var(--porto-primary-color); }
ul.products li.product .product-inner .add-links-wrap { display:none; }
ul.products li.product .product-inner .hang_san_xuat {margin-top: 10px;}
ul.products li.product .product-inner .hang_san_xuat ul {margin-bottom: 5px;}
ul.products li.product .product-inner .hang_san_xuat ul li {text-align:left;margin-bottom: 2px;color:#363636;font-size: 14px;line-height: 23px;}

.woocommerce-page.archive .sidebar-content aside.widget {padding: 30px 0;}
.woocommerce-page .sidebar-content .product-categories > li, .woocommerce-page .sidebar-content .wc-brand-list-layered-nav-product_brand > li { margin-bottom: 8px;position: relative; padding-left: 24px; }
.woocommerce-page .sidebar-content .product-categories > li:before, .woocommerce-page .sidebar-content .wc-brand-list-layered-nav-product_brand > li:before {content: "\f0c8"; font-family: "Font Awesome 6 Free"; font-weight: 400; color: #ccc; position: absolute; left: 0; top: 7px;font-size: 18px;background-color: #fff;line-height: 15px;}
.woocommerce-page .sidebar-content .product-categories > li.current:before,.woocommerce-page .sidebar-content .product-categories > li:hover:before, .woocommerce-page .sidebar-content .wc-brand-list-layered-nav-product_brand > li.chosen:before, .woocommerce-page .sidebar-content .wc-brand-list-layered-nav-product_brand > li:hover:before { content:"\f14a";color:var(--porto-primary-color); }
.woocommerce-page .sidebar-content .product-categories > li > a, .woocommerce-page .sidebar-content .wc-brand-list-layered-nav-product_brand > li > a {font-size: 16px;line-height: 22px;text-transform: uppercase;}
.woocommerce-page .sidebar-content .product-categories > li > .count {display: none;}
.woocommerce-page .sidebar-content .product-categories > li > ul.children {padding-left: 0px;}
.woocommerce-page .sidebar-content .product-categories > li > ul.children > li {position: relative;padding-left: 18px;line-height: 22px;margin-bottom: 8px;}
.woocommerce-page .sidebar-content .product-categories > li > ul.children 
> li:before {content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #ccc; position: absolute; left: 0; top: 1px;font-size: 10px;}
.woocommerce-page .sidebar-content .product-categories > li > ul.children > li > a {line-height: 24px;display: inline;}
.woocommerce-page .sidebar-content ul.product-categories > li > a:hover, .woocommerce-page .sidebar-content ul.product-categories > li.current>a {color: var(--porto-primary-color);}
.woocommerce-page .sidebar-content .product-categories > li > ul.children li:hover a + .count,.woocommerce-page .sidebar-content .product-categories > li > ul.children li.current>.count, .woocommerce-page .sidebar-content .product-categories > li > ul.children > li:hover:before, .woocommerce-page .sidebar-content .product-categories > li > ul.children > li.current:before, .woocommerce-page .sidebar-content .product-categories > li > ul.children > li:hover > a, .woocommerce-page .sidebar-content .product-categories > li > ul.children > li.current > a  {color: var(--porto-secondary-color);}
.woocommerce-page .widget_product_categories li .toggle {right: -20px;}
.woocommerce-page .left-sidebar h3.widget-title {font-size: 22px;line-height: 30px; font-weight: 600; text-transform: uppercase; position: relative; padding-bottom: 8px;}
.woocommerce-page .left-sidebar .widget_product_categories h3.widget-title { padding-left: 24px; margin-bottom: 20px;}
.woocommerce-page .left-sidebar .widget_product_categories h3.widget-title:before { content: "\f0c9"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0px;font-size: 18px}
.woocommerce-page .left-sidebar h3.widget-title>.toggle {display: none;}
.woocommerce-page .left-sidebar .widget_product_categories h3.widget-title:after { position: absolute; content: ""; display: block; width: 100%; height: 2px; bottom: 0;left:0;background-color:#898989; }
.woocommerce-page .left-sidebar .widget_brand_nav h3.widget-title { padding-left:0; margin-bottom: 12px;}
.woocommerce-page .left-sidebar .widget_brand_nav h3.widget-title:after { position: absolute; content: ""; display: block; width: 40px; height: 2px; bottom: 0;left:0;background-color:#898989; }
.woocommerce-page .gridlist-toggle { display: none; }
.woocommerce-page .shop-loop-before:not(.e-con) {margin-right: 0;}
.woocommerce-page .shop-loop-before .woocommerce-ordering { margin-right: 0; margin-left: auto; }
.woocommerce-page .shop-loop-before .woocommerce-ordering label {font-weight: 700; font-size: 16px; }
.woocommerce-page .shop-loop-before .woocommerce-ordering .orderby { background-color: #ededed; border-radius: 6px; color: #000; }

.single-product .product-summary-wrap .product-images { margin-bottom:25px; }
.single-product .product-summary-wrap .product-images .img-thumbnail .inner,.single-product .product-summary-wrap .product-thumbnails .img-thumbnail { border-radius:10px;overflow:hidden; }
.single-product .product-summary-wrap { margin-bottom: 40px; margin-top: 30px; }
.single-product .product-summary-wrap h2.product_title { font-size: 20px; line-height: 28px; text-transform: uppercase; color: #333333; font-weight: 600; font-family: "Inter"; padding-top: 15px; padding-bottom: 15px;border-bottom: 2px solid #fff;margin-bottom: 20px;}
.single-product .short_decs_product ul{padding-left: 0;margin-bottom: 25px;}
.single-product .short_decs_product ul li { list-style:none;margin-bottom:6px; }

.single-product .woocommerce-tabs .resp-tabs-list { display: inline-block; width: 100%; border-bottom: 2px solid #ccc; padding-bottom: 0;}
.single-product .woocommerce-tabs .resp-tabs-list li { padding: 5px 25px!important; margin-right:0;border-radius:5px 5px 0 0!important; border-bottom: none!important; transition: 0.2s ease-in-out; font-size: 16px; font-family: 'Inter'; font-weight: 500; color: #000!important;}
.single-product .woocommerce-tabs .resp-tabs-list li.resp-tab-active, .single-product .woocommerce-tabs .resp-tabs-list li:hover {background-color: var(--porto-primary-color)!important; color:#fff!important; }
.single-product .woocommerce-tabs .tab-content { border-top:none; background-color: transparent;} 

.chitietsanpham { margin-top:40px; }
.chitietsanpham .btn_baogia { width: 100%; background-color: var(--porto-secondary-color); color: #fff; text-transform: uppercase; display: inline-block; padding: 18px 10px; font-size: 18px; border-radius: 5px; text-align: center; border: 1px solid var(--porto-secondary-color); font-weight: 600; transition: 0.3s ease-in-out;}
.chitietsanpham .btn_baogia:hover { background-color: #fff; color: var(--porto-secondary-color); }
.chitietsanpham .support_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f5f5f5; border-radius: 5px; border: 1px dashed var(--porto-secondary-color); margin-top: 20px; padding: 5px; position: relative;}
.chitietsanpham .support_btn:before { background-image: url(images/icon-247.png);display: block;content: '';width: 60px;height: 60px;margin: 8px auto;background-repeat: no-repeat;background-size: contain;background-position: center;position: absolute;left: 18%;}
.chitietsanpham .support_btn > span { font-size: 18px; text-transform: uppercase; color: #333333; }
.chitietsanpham .support_btn .hotline_lienhe .hotline {font-weight: bold; font-size: 20px; color: #c21921;}

.related.products h2.slider-title {border-bottom: 2px solid #ccc;}
.related.products ul.products li.product .product-inner .product-image {border: 1px solid #ddd;box-shadow: none;}

.btn_xemchitiet a.vc_btn3 { background-color: var(--porto-primary-color); border-radius: 25px; padding: 11px 24px; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #ffffff; font-weight: 500; border: 2px solid var(--porto-primary-color);box-shadow: inset 0 0 0 0 #fff; transition: 0.3s ease-in-out;}
.btn_xemchitiet a.vc_btn3:hover { background-color: #fff; color: var(--porto-primary-color); box-shadow: inset 400px 50px 0 0 #fff; border: 2px solid var(--porto-primary-color);}
.wpb_text_column.border_left { border-left: 5px solid var(--porto-primary-color); padding-left: 12px;}

.header-wrapper{ z-index: 6; }
body:not(.home) #main { background: url(images/bg-page.webp) no-repeat center / cover; }
body:not(.home) #main:after { background: linear-gradient(to bottom, rgb(232 249 212 / 0%) 0%, rgb(225 254 232 / 20%) 70%, #5bc998 100%);content: "";display: block; position:absolute;bottom:0;left:0; height:50%;width:100%; z-index: 1;min-height: 1000px;}
body:not(.home) #main > .container, body:not(.home) #main .related.products {position: relative;z-index: 3;}
body:not(.home) #footer:before {background-color: #90eaa1;opacity: 0.6;}
.wrap_homepage.vc_row.wpb_row {background-size: cover; background-repeat: no-repeat; background-position: center;margin-top: -20px;padding-top: 70px;margin-bottom: -40px;padding-bottom: 20px;}
.wrap_spnoibat h2.heading_underline:after { margin-left: 50%;transform:translateX(-50%); }
.wrap_spnoibat ul.products li.product .product-inner .product-image {border: 1px solid #ddd;box-shadow: none;}
.wrap_spnoibat .products-slider.owl-carousel.dots-style-1 .owl-dot span {background-color: #fff !important;border-color: #fff;opacity: 1;}
.wrap_spnoibat .products-slider.owl-carousel.dots-style-1 .owl-dot.active span {background-color: var(--porto-secondary-color)!important; border-color: var(--porto-secondary-color)!important;}
.wrap_spnoibat .products-slider.owl-carousel.dots-style-1 .owl-dot span:after {display: none;}

.wrap_hoachatxetnghiem { padding-top: 20px; }

.wrap_mayxetnghiem {padding-top: 50px;}

.wrap_testnhanh { padding-top:35px; }

.wrap_vattutieuhao {padding-top: 50px;}

.wrap_hoachatxetnghiem .wpb_text_column, .wrap_mayxetnghiem .wpb_text_column, .wrap_testnhanh .wpb_text_column, .wrap_vattutieuhao .wpb_text_column {font-size: 18px;line-height: 26px;}

.wrap_chungnhan { padding-top: 40px; }
.wrap_chungnhan h2.heading_underline:after { margin-left: 50%;transform:translateX(-50%); }
.wrap_chungnhan h3.porto-sicon-title {font-weight: 600;}
.wrap_chungnhan .porto-carousel-wrapper .slick-dots li { width: 18px; height: 18px; }
.wrap_chungnhan .porto-carousel-wrapper .slick-dots li i { opacity: 1; font-size: 12px; }
.wrap_chungnhan .porto-carousel-wrapper .slick-dots li.slick-active i {color: var(--porto-secondary-color)!important;}

.wrap_tintuc {padding-bottom: 20px;}
.wrap_tintuc .wpb_text_column {margin-bottom: 0;}
.tintuc_trangchu {padding-top: 50px;}
.tintuc_trangchu .cat_title{position: relative;}
.tintuc_trangchu .cat_title .cat_title_link{display: inline-block;padding: 0 15px 0 0;z-index: 2;text-transform: uppercase;position: relative;}
.tintuc_trangchu .cat_title span {position: absolute;top: 0;right: 0;display: inline-block;padding: 4px 0 4px 10px;font-size: 16px;font-weight: 600;transition:0.2s;}
.tintuc_trangchu .cat_title span a { background-color: var(--porto-primary-color); border-radius: 25px; padding: 11px 24px; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #ffffff; font-weight: 500; border: 2px solid var(--porto-primary-color);box-shadow: inset 0 0 0 0 #fff; transition: 0.3s ease-in-out;}
.tintuc_trangchu .cat_title span a:hover { background-color: #fff; color: var(--porto-primary-color); box-shadow: inset 400px 50px 0 0 #fff; border: 2px solid var(--porto-primary-color);}
.tintuc_trangchu .cat_thumb_link, article.post-grid .owl-item > a{display: block;position: relative;}
.tintuc_trangchu .cat_thumb_link img, article.post-grid .owl-item > a img{position: relative;z-index: 1;transition:0.3s ease-in-out all;border-radius: 4px;}
.tintuc_trangchu .cat_thumb_link:hover img, article.post-grid .owl-item > a:hover img{filter: brightness(50%);}
.tintuc_trangchu .cat_thumb_link:before,.portfolio-item.outimage .thumb-info-wrapper:before, article.post-grid .owl-item > a:before{content: '';position: absolute;top: 50%;left: 50%;width: 100px;height: 48px;transition:0.3s ease-in-out all;transform:translate(-50%,20%);opacity: 0;z-index: 2;visibility: hidden;background-size: 100%;}
.tintuc_trangchu .cat_thumb_link:hover:before,.portfolio-item.outimage .thumb-info-wrapper:hover:before,article.post-grid .owl-item > a:hover:before{transform:translate(-50%,-50%);opacity: 1;visibility: visible;}
.tintuc_trangchu .chuyenmuc_post_item_wrap .cat_thumb_link:before{width: 50px;height: 24px;}
.tintuc_trangchu .post_title a{color: #000;}
.tintuc_trangchu .post_title a:hover{color:var(--porto-primary-color);}
#content .wpb_text_column .tintuc_trangchu .chuyenmuc_post_main{margin-bottom: 20px;}
.tintuc_trangchu .chuyenmuc_post_main .post_title{margin-top: 15px;margin-bottom: 5px;font-size: 20px;line-height: 26px;}
.tintuc_trangchu .post_date{font-size: 14px;color: #666;font-style: italic;}
.tintuc_trangchu .post_excerpt{margin-top: 3px;}
.tintuc_trangchu .wrap_itempost{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eaeaea;}
.tintuc_trangchu .wrap_itempost:last-child{border-bottom: none;}
.tintuc_trangchu .wrap_itempost .post_title{font-size: 17px;line-height: 24px;margin-bottom: 5px;font-weight: 500;}
.tintuc_trangchu .wrap_itempost .post_excerpt{font-size: 15px;line-height: 24px;} 
.related-posts .post-image img {border-radius: 5px;}
.single-post h1.page-title {display: none;}

.wrap_vechungtoi {padding: 50px 0;}
.wrap_vechungtoi .wpb_single_image img {border-radius: 10px;}
.wrap_dinhhuong h2.vc_custom_heading { margin-bottom: 60px; }
.wrap_dinhhuong h2.heading_underline:after, .wrap_giatricotloi h2.heading_underline:after, .wrap_hesinhthaisp h2.heading_underline:after { margin-left: 50%;transform:translateX(-50%); }
.wrap_dinhhuong h3.porto-sicon-title {font-weight: 600;}
.wrap_giatricotloi {padding-top: 50px;}
.wrap_giatricotloi h2.vc_custom_heading { margin-bottom: 50px; }
.wrap_giatricotloi .porto-sicon-box {margin-bottom: 0px;padding: 25px 10px 20px;height: 100%;border-radius: 10px;}
.wrap_giatricotloi .vc_row > .vc_column_container > .wpb_wrapper {height: 100%;}
.wrap_giatricotloi .vc_row > .vc_column_container:first-child .porto-sicon-box {background-color: #b83c4d;}
.wrap_giatricotloi .vc_row > .vc_column_container:nth-child(2) .porto-sicon-box {background-color: #007236;}
.wrap_giatricotloi .vc_row > .vc_column_container:nth-child(3) .porto-sicon-box {background-color: #f19837;}
.wrap_giatricotloi .porto-sicon-box .porto-icon {color: #fff;}
.wrap_giatricotloi .porto-sicon-header .porto-sicon-title {color: #fff;font-size: 18px;font-weight: 600;}
.wrap_giatricotloi .porto-sicon-header p {border-top: 1px solid #fff; margin: 15px 18px 0; padding-top: 12px;color: #fff;}
.wrap_hesinhthaisp {padding: 70px 0 35px;}
.wrap_hesinhthaisp.vc_row.wpb_row {margin-bottom: -40px;}
.wrap_hesinhthaisp h3.porto-sicon-title {font-weight: 600;}
.wrap_hesinhthaisp .porto-sicon-box .porto-sicon-img {border-radius: 10px;overflow: hidden;}

.wrap_lienhe .vc_custom_heading {font-size: 22px;line-height: 30px;}
.wrap_lienhe h2.heading_underline:after {margin-left: 0;transform: none;}
.wrap_lienhe .wpb_text_column ul {padding: 0;margin: 0;list-style: none;}
.wrap_lienhe .wpb_text_column ul li {margin-bottom: 8px;position: relative;padding-left: 22px;}
.wrap_lienhe .wpb_text_column ul li i {width: 20px;position: absolute;left: 0;top: 4px;color: var(--porto-secondary-color);}
.wrap_lienhe .wpcf7 .wpcf7-form-control-wrap {margin-bottom: 7px;display: block;}
.wrap_lienhe.vc_row.wpb_row { margin-top: 20px;margin-bottom: 50px;}
.wpcf7 textarea {height: 90px;}
.wrap_lienhe input.btn.btn-lg[type=submit] { padding: 12px 30px; border-radius: 8px; margin-top: 10px; border: 2px solid var(--porto-primary-color);background-color: var(--porto-primary-color);}
.wrap_lienhe input.btn.btn-lg[type=submit]:hover {background-color: #fff; color: var(--porto-primary-color);} 


#footer:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #09c42d;opacity: 0.4; z-index: 1;}
#footer .footer-main, #footer .footer-bottom {position: relative;z-index: 2;}
#footer .footer-main>.container { padding-bottom: 0px; }
#footer .footer-main .row > div:first-child .textwidget ul li { margin-bottom: 12px; position: relative; padding-left: 35px;font-size: 16px;}
#footer .footer-main .row > div:first-child .textwidget ul li strong { display: block; margin-bottom: 2px;}
#footer .footer-main .row > div:first-child .textwidget ul li i { position: absolute ; top: 0px; left: 0; font-size: 22px}
#footer .footer-main h3.widget-title { font-size: 16px; font-weight: 500; margin-bottom: 30px; }
#footer .footer-main .widget_nav_menu ul.menu { border: none; margin-bottom: 10px;}
#footer .footer-main .widget_nav_menu ul.menu li { font-size: 16px; border: none; list-style: none; position: relative;  padding:3px 0 3px 10px;  margin-left: 12px;}
#footer .footer-main .widget_nav_menu ul.menu li:before { content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 400; color: #fff; position: absolute; left: 0; top: 3px;}
#footer .footer-main .widget_nav_menu ul.menu li:hover:before { animation: none; }
#footer .footer-main .widget_nav_menu ul.menu li.current-menu-item a { color:var(--porto-secondary-color); }
#footer .follow-us .share-links a { width: 36px; height: 36px; border-radius: 5px; border: 1px solid #fff; }
#footer .follow-us .share-links a:hover { color: #fff; }
#footer .footer-bottom { padding: 0 0 5px; }
#footer .footer-bottom .footer-center { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; padding-right: 0;position: relative;}
#footer .footer-bottom .footer-center .follow-us {order: 1; width: 100%;position: relative;text-align: center;}
#footer .footer-bottom .footer-center .follow-us:before { content: ""; width: 44%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 50%; display: block; z-index: 1; opacity: 0.3;}
#footer .footer-bottom .footer-center .follow-us:after { content: ""; width: 44%; height: 1px; background-color: #fff; position: absolute; right: 0; bottom: 50%; display: block; z-index: 1; opacity: 0.3;}
#footer .footer-bottom .footer-center .footer-copyright { order: 2;}
#footer .footer-bottom .footer-center .designby {order: 3;display: none;}
#footer .footer-bottom .footer-center .widget_nav_menu { order: 4; margin-top: 0;}
#footer .footer-bottom .widget_nav_menu ul li { padding: 0 0 0 10px; }
#footer .footer-bottom ul.menu li > a { border-left: 3px solid #fff; padding-left: 10px;}
#footer .footer-bottom ul.menu li:before { display: none; }

@media (max-width: 1589px) {
    .wrap_banner p.vc_custom_heading {font-size: 56px;line-height: 64px;}
    .wrap_banner h1.vc_custom_heading {font-size: 34px;line-height: 42px;margin-bottom: 12px;}
    .wrap_banner .wpb_text_column { width: 700px; }
    .wrap_banner .img_1, .wrap_banner .img_2 { bottom: 45%; } 
    .wrap_banner .img_1 .vc_single_image-wrapper, .wrap_banner .img_2 .vc_single_image-wrapper { width:80%; }
    .wrap_banner .img_1 .wpb_wrapper {text-align: left;}
    .wrap_banner .img_2 .wpb_wrapper {text-align: right;}  
}

@media (max-width: 1289px) {
    #header .main-menu > li.menu-item > a {font-size: 13px;line-height: 21px;}
    .wrap_banner p.vc_custom_heading { font-size:52px;line-height:60px; }
    .wrap_banner h1.vc_custom_heading { font-size: 30px;line-height: 38px;margin-bottom: 10px;}
    .wrap_banner .wpb_text_column { width: 600px; font-size: 18px;line-height: 26px;}
    .wrap_banner .img_1, .wrap_banner .img_2 { bottom: 55%; } 
    .wrap_banner .img_1 .vc_single_image-wrapper, .wrap_banner .img_2 .vc_single_image-wrapper { width:60%; }
    .page-top h1.page-title {font-size: 32px;line-height: 40px;}

    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {
        width: 42%;
    }
}

@media (max-width: 1100px) {
    .wrap_banner .img_1 .vc_single_image-wrapper, .wrap_banner .img_2 .vc_single_image-wrapper { width:50%; }
}

@media (max-width: 991px) {
    .page-top { padding-top: 100px; padding-bottom: 100px;}
    .page-top h1.page-title {font-size: 28px;line-height: 36px;margin-bottom: 0;}
    .woocommerce-page .shop-loop-before:not(.e-con) {background-color: transparent;}
    #header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right {padding-top: 5px;padding-bottom: 5px;}
    .heading_underline, .wrap_chungnhan h2.vc_custom_heading { font-size: 28px;line-height: 36px;}
    .wrap_banner {padding-top: 250px;}
    .wrap_banner p.vc_custom_heading { font-size:50px;line-height:58px; margin-bottom: 0;}
    .wrap_banner h1.vc_custom_heading { font-size: 32px;line-height: 40px;}
    .wrap_banner .wpb_text_column {width: 700px;}
    .wrap_banner .img_1, .wrap_banner .img_2 {position: static;}
    .wrap_banner .img_1 .vc_single_image-wrapper, .wrap_banner .img_2 .vc_single_image-wrapper { width:100%; }

    .wrap_dinhhuong h2.vc_custom_heading {margin-bottom: 40px;}
    .wrap_giatricotloi h2.vc_custom_heading {margin-bottom: 35px;}
    .wrap_hesinhthaisp .vc_row > .vc_column_container  {width: 50%;margin-bottom: 20px;}

    .chitietsanpham .support_btn:before { left: 8%; }

    #footer .footer-main .row > div:first-child {width: 100%;}
    #footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child {width: 50%;margin-top: 20px;}
    #footer .footer-bottom .footer-center {justify-content: center;}
    #footer .footer-bottom ul.menu li > a {padding-left: 10px;}
    #footer .footer-bottom .footer-center .widget_nav_menu, #footer .footer-bottom .footer-center .footer-copyright {width: 100%;text-align: center;margin-top: 8px;}
    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {width: 40%;}
}

@media (max-width: 767px) {
    .wrap_banner {padding-top: 150px;}
    .wrap_banner p.vc_custom_heading { font-size:45px;line-height:53px; }
    .wrap_banner h1.vc_custom_heading { font-size: 28px;line-height: 36px;margin-bottom: 8px;}
    .wrap_banner .wpb_text_column {width: 100%;padding: 0 15px;}
    .wrap_banner .vc_row > .vc_column_container {width: calc(100% / 3);}
    .page-top { padding-top: 80px; padding-bottom: 80px;}
    .page-top h1.page-title {font-size: 25px;line-height: 33px;}
    .heading_underline, .wrap_chungnhan h2.vc_custom_heading { font-size: 26px;line-height: 34px;}
    .btn_xemchitiet a.vc_btn3 {padding: 9px 22px;font-size: 13px;line-height: 21px;}
    .wrap_mayxetnghiem, .wrap_vattutieuhao {flex-direction: column-reverse;}
    .wrap_hoachatxetnghiem .wpb_single_image, .wrap_testnhanh .wpb_single_image, .wrap_mayxetnghiem .wpb_single_image , .wrap_vattutieuhao .wpb_single_image { margin-bottom: 10px; }
    .wrap_chungnhan {padding: 60px 0;}
    .wrap_chungnhan.vc_row-has-fill > .vc_column_container  > .wpb_wrapper {padding: 50px 50px 15px 50px;}
    .wrap_chungnhan .porto-sicon-box {width: 100%;}
    .wrap_chungnhan h3.porto-sicon-title {font-size: 20px;line-height: 28px;}
    .tintuc_trangchu {padding-top: 0;}


    .wrap_vechungtoi {padding: 25px 0 20px;}
    .wrap_giatricotloi .vc_row > .vc_column_container {margin-bottom: 30px;}
    .wrap_hesinhthaisp {padding: 35px 0 10px;}
    .wrap_hesinhthaisp h3.porto-sicon-title {font-size: 20px;line-height: 28px;}

    .chitietsanpham .support_btn:before { left: 22%; }
    .single-product .product .woocommerce-tabs h2.resp-accordion {display: none;}

    html #topcontrol {right: 0; display: inline-block;}
    .fb_zalo {right: 0;bottom: 100px;}
    .widget .fb_zalo ul li {margin-bottom: 5px;}
    .widget .fb_zalo ul li:first-child {margin-bottom: 7px;}
    .widget .fb_zalo ul li img {width: 36px;}
    .call-circle-fill {width: 52px;height: 52px;display: none;}
    .call-img-circle {width: 34px;height: 34px;font-size: 14px;line-height: 34px;margin-left: 0;}

    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {width: 38%;}
}

@media (max-width: 576px) {
    .wrap_banner {padding-top: 120px;}
    .wrap_banner p.vc_custom_heading {font-size: 38px;line-height: 46px;}
    .wrap_banner h1.vc_custom_heading {font-size: 22px;line-height: 30px;margin-bottom: 6px;}
    .wrap_banner .wpb_text_column {font-size: 16px;line-height: 24px;}
    .page-top h1.page-title {font-size: 22px;line-height: 30px;}
    .heading_underline, .wrap_chungnhan h2.vc_custom_heading { font-size: 22px;line-height: 30px;}
    ul.products li.product .product-inner h3.woocommerce-loop-product__title {font-size: 16px;line-height: 24px;}

    .chitietsanpham .support_btn:before { left: 18%; width: 50px;height: 50px; }

    #footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child {width: 100%; margin-top: 15px;}
    #footer .footer-main h3.widget-title {margin-bottom: 22px;}
    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {width: 36%;}
}

@media (max-width: 480px) {
    .wrap_banner {padding-top: 120px;}
    .wrap_banner p.vc_custom_heading {font-size: 35px;line-height: 43px;}
    .wrap_banner h1.vc_custom_heading {font-size: 18px;line-height: 26px;}
    .wrap_hesinhthaisp .vc_row > .vc_column_container {width: 100%;}

    .chitietsanpham .support_btn:before { left: 12%; }

    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {width: 30%;}
}