/*
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");
/*************** 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 solid #ccc;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{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{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;}
.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: 12px;}
.single h4.sub-title strong{font-weight: 700;}
#side-nav-panel .accordion-menu > li.menu-item > a { font-size: 18px; letter-spacing: 0; font-weight: 600;}
.wrap_hotline .widget {
    margin: 0;
}

.call-circle-fill {
    width: 54px;
    height: 54px;
    top: -5px;
    left: 0;
    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: 5px;
}

.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: 25px;
}

.widget .fb_zalo ul li a.callhotline {
    position: relative;
}

.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;
}

.grecaptcha-badge {  display: none !important;}


.mt30 { margin-top: 30px; }

#header .mobile-toggle {  font-size: 17px; margin-top: 0; margin-bottom: 0; padding: 3px 15px;}
#header .header-main { filter: drop-shadow(0 0 4px rgba(0,0,0,0.19)); z-index: 1001;  }
#header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right { padding: 10px 0 5px; }
#header .mega-menu.menu-hover-underline > li.menu-item > a:before { top: 86%; }
#header.sticky-header .mega-menu.menu-hover-underline > li.menu-item > a:before { top: 75%; }
#header .searchform-popup .search-toggle { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: var(--porto-primary-color); }
#header .searchform-popup .search-toggle i { font-size: 18px; color: #333333; }
#header .searchform-popup:hover .search-toggle i { color: #fff; }

.page-top { padding: 120px 0; }
.page-top .page-title { text-transform: uppercase; margin-bottom: 15px; }
.page-top ul.breadcrumb>li .delimiter:before { content: ">"; }

body .wrap_banner .porto-carousel-wrapper ul.slick-dots { position: absolute; bottom: 12px; }
.wrap_banner .porto-carousel-wrapper .slick-dots li i { height: 12px; width: 12px; border-radius: 50%; background-color: #fff; display: inline-block; border: 2px solid #000; }
.wrap_banner .porto-carousel-wrapper .slick-dots li i:before { content: ""; }
.wrap_banner .porto-carousel-wrapper .slick-dots li.slick-active i { background-color: var(--porto-primary-color); border-color: var(--porto-primary-color);}
#banner-wrapper .porto-carousel-wrapper { margin-bottom: 0; }
.no-breadcrumbs .main-content { padding-top: 0; }

.wrap_intro_home { background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 90px 0 100px;}
.wrap_intro_home h2.vc_custom_heading { color: #333; }
.wrap_intro_home h2.vc_custom_heading:after { background-image: url(images/underline-heading-left.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: 2px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_intro_home .img_intro > .vc_column-inner:before { background-image: url(images/bg-circle-intro-home.png); display: block; content: ''; width: 650px; height: 650px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; z-index: 1; left: -18%; bottom: -4%;}
.wrap_intro_home .img_intro .wpb_single_image { position: relative; z-index: 3; }
.wrap_intro_home .wpb_text_column ul { padding-left: 0; }
.wrap_intro_home .wpb_text_column ul li { list-style: none; position: relative; padding-left: 32px; margin-bottom: 12px; margin-left: 12px; text-align: justify;}
.wrap_intro_home .wpb_text_column ul li:before { content: ""; height: 10px; width: 10px; border-radius: 50%; background-color: #fff; display: inline-block; position: absolute; left: 0; top: 14px; outline: 10px solid var(--porto-primary-color);}
.wrap_intro_home .vc_btn3-container { margin-left: 35px; }
.wrap_intro_home .vc_btn3-container a.vc_btn3 { padding: 14px 28px; font-size: 15px; text-transform: uppercase; background-color: var(--porto-primary-color); color: #fff; border-radius: 25px; border: 2px solid var(--porto-primary-color); box-shadow: inset 0 0 0 0 #fff; transition: 0.3s ease-in-out;}
.wrap_intro_home .vc_btn3-container a.vc_btn3:hover { box-shadow: inset 200px 0 0 0 #fff; color: var(--porto-primary-color);}
.wrap_intro_home .vc_btn3-container a.vc_btn3:after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 8px; }

.wrap_trietlykinhdoanh { padding: 50px 0; }
.wrap_trietlykinhdoanh h2.vc_custom_heading { color: #333; margin-bottom: 45px;}
.wrap_trietlykinhdoanh h2.vc_custom_heading:after { background-image: url(images/underline-heading-center.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_trietlykinhdoanh .vc_row > .vc_column_container > .wpb_wrapper { display: flex; flex-wrap: wrap; }
.wrap_trietlykinhdoanh .porto-sicon-box { width: calc((100% - 60px) / 3); margin-right: 30px; background-color: #f2f5ff; padding: 24px 24px 0 24px; border-radius: 10px;}
.wrap_trietlykinhdoanh .porto-sicon-box:last-child { margin-right: 0; }
.wrap_trietlykinhdoanh .porto-sicon-header { margin-top: 18px; }
.wrap_trietlykinhdoanh h3.porto-sicon-title { text-transform: uppercase; font-weight: 600; font-size: 24px; }

.wrap_dichvu_home { padding: 50px 0;  background-size: cover; background-position: top center; background-repeat: no-repeat;}
.wrap_dichvu_home h2.vc_custom_heading { color: #333; margin-bottom: 20px; }
.wrap_dichvu_home h2.vc_custom_heading:after { background-image: url(images/underline-heading-center.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_dichvu_home .desc { padding: 0 200px; }
.wrap_dichvu_home .vc_row > .vc_column_container:first-child, .wrap_dichvu_home .vc_row > .vc_column_container:last-child { width: 30%; }
.wrap_dichvu_home .vc_row > .vc_column_container:nth-child(2) { width: 40%; }
.wrap_dichvu_home .porto-sicon-box { position: relative; background-color: #fff; width: 300px; height: 150px; filter: drop-shadow(0 0 5px rgba(0,0,0,0.24)); border-radius: 5px; left: 30px; padding: 6px; transition: 0.3s ease-in-out; }
.wrap_dichvu_home .porto-sicon-box h3.porto-sicon-title { color: var(--porto-primary-color); -webkit-text-stroke: 2px #fff; position: absolute; left: -32px; top: 40px; width: 66px; height: 66px; border-radius: 50%; background-color: var(--porto-primary-color); display: grid; place-items: center; font-size: 34px; font-family: "Open Sans"; font-weight: bold; letter-spacing: 1px; box-shadow: 0px 16px 15px rgba(0, 0, 0, 0.2), -6px 8px 0px #d7d7d7; border: 2px solid var(--porto-primary-color); transition: 0.3s ease-in-out;}
.wrap_dichvu_home .porto-sicon-box .porto-sicon-header { width: 100%; margin-left: 34px;}
.wrap_dichvu_home .porto-sicon-box .porto-sicon-header p { text-transform: uppercase; text-align: center; color: #333333; font-weight: 600; font-family: "Bai Jamjuree"; transition: 0.3s ease-in-out;}
.wrap_dichvu_home .porto-sicon-box:hover { background-color: var(--porto-primary-color); }
.wrap_dichvu_home .porto-sicon-box:hover h3.porto-sicon-title { background-color: #fff; color: #fff; -webkit-text-stroke: 2px #333;}
.wrap_dichvu_home .porto-sicon-box:hover .porto-sicon-header p { color: #fff; }

.wrap_dmsp_home { padding: 60px 0 45px; }
.wrap_dmsp_home h2.vc_custom_heading { color: #333; margin-bottom: 40px; }
.wrap_dmsp_home h2.vc_custom_heading:after { background-image: url(images/underline-heading-center.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_dmsp_home .vc_row > .vc_column_container > .wpb_wrapper { display: flex; flex-wrap: wrap; }
.wrap_dmsp_home .porto-sicon-box-link { width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; position: relative;}
.wrap_dmsp_home .porto-sicon-box-link:nth-child(3n) { margin-right: 0; }
.wrap_dmsp_home .porto-sicon-box { margin-bottom: 0; }
.wrap_dmsp_home .porto-sicon-box .porto-sicon-img { position: relative; border-radius: 10px; overflow: hidden;}
.wrap_dmsp_home .porto-sicon-box .porto-sicon-img:before { content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));z-index: 1; margin: 0;}
.wrap_dmsp_home .porto-sicon-header, html .wrap_dmsp_home .top-icon .porto-just-icon-wrapper { margin-bottom: 0; }
.wrap_dmsp_home .porto-sicon-header { position: absolute; bottom: 4%; z-index: 1; width: 100%; padding: 0 15px; transition: 0.3s ease-in-out;}
.wrap_dmsp_home  .porto-sicon-box h3.porto-sicon-title { color: #fff; margin-bottom: 0; transition: 0.3s ease-in-out; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase;} 
.wrap_dmsp_home .porto-sicon-box-link:hover .porto-sicon-header { bottom: 50%; transform: translateY(50%); }
.wrap_dmsp_home .porto-sicon-box-link:hover h3.porto-sicon-title { color: var(--porto-primary-color); }
.wrap_dmsp_home .porto-sicon-box-link:hover .porto-sicon-img:before { height: 150%; background: rgba(0, 0, 0, 0.6); }
.wrap_dmsp_home .porto-sicon-box-link .porto-sicon-img img { transition: 0.3s ease-in-out; }
.wrap_dmsp_home .porto-sicon-box-link:hover .porto-sicon-img img { transform: scale(1.1); }

.wrap_duan_home { padding: 60px 0 40px; background-size: cover; background-position: top center; background-repeat: no-repeat;}
.wrap_duan_home h2.vc_custom_heading { color: #333; margin-bottom: 40px; }
.wrap_duan_home h2.vc_custom_heading:after { background-image: url(images/underline-heading-center.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_duan_home .vc_row > .vc_column_container > .wpb_wrapper { display: flex; flex-wrap: wrap; }
.wrap_duan_home .porto-sicon-box-link .porto-sicon-img { border-radius: 10px; overflow: hidden;}
.wrap_duan_home .porto-sicon-box, html .wrap_duan_home .top-icon .porto-just-icon-wrapper { margin-bottom: 0; }
.wrap_duan_home .porto-sicon-header { position: absolute; bottom: 4%; background-color: #fff; border-radius: 10px; padding: 12px 2px; left: 50%; transform: translateX(-50%); margin-bottom: 0; width: 92%; box-shadow: inset 0 0 0 0 var(--porto-primary-color); transition: 0.3s ease-in-out;}
.wrap_duan_home .porto-sicon-header h3.porto-sicon-title, .wrap_duan_home .porto-sicon-header p { color: #333; font-size: 18px; font-family: "Inter"; font-weight: 500; white-space: nowrap; }
.wrap_duan_home .porto-sicon-box-link:hover .porto-sicon-header { box-shadow: inset 300px 50px 0 0 var(--porto-primary-color);}
.wrap_duan_home .porto-sicon-box-link .porto-sicon-img img { transition: 0.3s ease-in-out; }
.wrap_duan_home .porto-sicon-box-link:hover .porto-sicon-img img { transform: scale(1.1); }
.wrap_duan_home .porto-carousel-wrapper .slick-dots li i { height: 12px; width: 12px; border-radius: 50%; background-color: #fff; display: inline-block; border: 2px solid #000; }
.wrap_duan_home .porto-carousel-wrapper .slick-dots li i:before { content: ""; }
.wrap_duan_home .porto-carousel-wrapper .slick-dots li.slick-active i { background-color: var(--porto-primary-color); border-color: var(--porto-primary-color);}

.wrap_tintuc { padding-top: 70px; }
.wrap_tintuc h2.vc_custom_heading { color: #333; margin-bottom: 50px; }
.wrap_tintuc h2.vc_custom_heading:after { background-image: url(images/underline-heading-center.png); display: block; content: ''; width: 50px; height: 10px; margin-top: 10px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-size: contain; background-position: center;}
.wrap_tintuc .wpb_content_element { margin-bottom: 0; }
.wrap_tintuc .thumb-info .thumb-info-wrapper { border-radius: 10px; overflow: hidden;}
.wrap_tintuc .porto-recent-posts .post-slide .post-recent-content h5 a { font-size: 18px; line-height: 22px; color: #333333; font-weight: 600; }
.wrap_tintuc .porto-recent-posts .post-slide .post-recent-content .post-meta { padding-bottom: 12px; border-bottom: 1px solid #e1e1e1; }
.wrap_tintuc .porto-recent-posts .post-slide .post-recent-content .post-excerpt { font-size: 16px; line-height: 24px; color: #333333; font-weight: 400; margin-top: 14px;}
.wrap_tintuc .post-carousel h5:hover a.text-dark { color: var(--porto-primary-color)!important; }
article.post-grid .post-image img { border-radius: 10px; }
article.post-grid .meta-date, .related-posts .meta-date { font-size: 14px; color: #666; }
.related-posts .post-image { border-radius: 10px; overflow: hidden; } 

.woocommerce-page.archive .main-content-wrap > div { padding-top: 50px;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories { border-bottom: none; }
.woocommerce-page.archive .sidebar-content aside.widget_product_categories h3.widget-title { font-size: 18px; text-align: center; font-weight: 700;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories h3.widget-title:before { content: ""; position: absolute; bottom: 10px; left: 0; width: 20px; height: 16px; background-image: url(images/icon-danh-muc-sp.png); background-repeat: no-repeat; background-position: center center;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories span.toggle { display: none;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories { padding-bottom: 20px; margin-top: 18px;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories li { padding-top: 6px; margin-bottom: 10px; border-top: 1px solid #ebebeb;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories li:hover a { color: var(--porto-primary-color);}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories li.current a { color: var(--porto-primary-color);}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories li:after { content: "\f061"; position: absolute; right: 5px; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--porto-primary-color); top: 50%; transform: translateY(-50%); font-size: 20px;}
.woocommerce-page.archive .sidebar-content aside.widget_product_categories ul.product-categories li a { text-transform: uppercase; font-size: 16px; color: #363636; font-weight: 600; letter-spacing: 0.1px;}
.woocommerce-page.archive .sidebar-content aside.widget_recently_viewed_products h3.widget-title { font-size: 18px; font-weight: 700;}
.woocommerce-page.archive .shop-loop-before .woocommerce-pagination { display: none;}
.woocommerce-page.archive .shop-loop-before .gridlist-toggle>a:not(.active) { border: 2px solid #ddd;}
.woocommerce-page.archive .shop-loop-before .gridlist-toggle > a.active { background-color: var(--porto-primary-color); border: none; color: #fff;}
.woocommerce-page.archive ul.products li.product .product-image { border-radius: 10px; overflow: hidden; }
.woocommerce-page.archive ul.products li.product h3.woocommerce-loop-product__title { font-size: 18px; color: #333333; font-weight: 600; font-family: "Inter"; margin-top: 20px; margin-bottom: 15px;}
.woocommerce-page.archive ul.products li.product-default:hover .add-links .add_to_cart_read_more { color: unset; }
.woocommerce-page.archive ul.products li.product .product-inner .add-links-wrap a.button { height: unset; min-width: unset; line-height: 18px; font-size: 16px; padding: 10px 36px 10px 26px; border-radius: 30px; text-transform: unset; background-color: #f4f4f4; transition: 0.3s ease-in-out; box-shadow: inset 0 0 0 0 var(--porto-primary-color);}
.woocommerce-page.archive ul.products li.product .product-inner .product-content .add-links-wrap a.button:before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 400; font-size: 22px; margin-right: 10px;}
.woocommerce-page.archive ul.products li.product .product-inner .add-links-wrap a.button:hover { color: #fff; box-shadow: inset 200px 0 0 0 var(--porto-primary-color); }

.product-thumbs-slider.owl-carousel .owl-item.selected .img-thumbnail, html:not(.touch) .product-thumbs-slider .owl-item:hover .img-thumbnail { border-color: var(--porto-primary-color); }
.single-product .main-content { padding-top: 85px; }
.single-product .summary-before img { border-radius: 10px; }
.single-product .product-summary-wrap { margin-bottom: 25px; }
.single-product .product-summary-wrap h2.product_title { font-size: 20px; line-height: 26px; text-transform: uppercase; color: #333333; font-weight: 600; font-family: "Inter"; text-align: center; border-top: 1px solid #f5f5f5; padding-top: 15px; }

.single-product .product-summary-wrap .description { max-height: 400px; overflow: auto; background-color: #f5f5f5; border-radius: 5px; padding: 15px;}

/* Kích thước thanh cuộn */
.single-product .product-summary-wrap .description::-webkit-scrollbar { width: 6px;}

/* Nền của thanh cuộn */
.single-product .product-summary-wrap .description::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px;}

/* Phần “nút kéo” */
.single-product .product-summary-wrap .description::-webkit-scrollbar-thumb { background: var(--porto-secondary-color); border-radius: 10px;}

/* (Tùy chọn) Khi hover */
.single-product .product-summary-wrap .description::-webkit-scrollbar-thumb:hover { background: #555;}

.single-product .product-summary-wrap .description p, .single-product .product-summary-wrap .description ul li { font-size: 16px; line-height: 24px; color: #666666; font-weight: 400;}
.single-product .woocommerce-tabs ul.resp-tabs-list li { text-transform: none; font-size: 18px; color: #000!important; font-weight: 600; border-bottom: none!important; }
.single-product .woocommerce-tabs ul.resp-tabs-list li.resp-tab-active, .single-product .woocommerce-tabs ul.resp-tabs-list li:hover { color: var(--porto-primary-color)!important; }
.single-product .woocommerce-tabs .tab-content p, .single-product .woocommerce-tabs .tab-content ul li { font-size: 18px; line-height: 30px; color: #666666; font-weight: 400; font-family: "Inter"; }

.chitietsanpham .btn_lienhe { width: 100%; background-color: var(--porto-primary-color); color: #fff; text-transform: uppercase; display: inline-block; padding: 15px 10px; font-size: 18px; border-radius: 5px; text-align: center; border: 2px solid var(--porto-primary-color); font-weight: 600; transition: 0.3s ease-in-out;}
.chitietsanpham .btn_lienhe:hover { background-color: #fff; color: var(--porto-primary-color); }
.chitietsanpham .btn_baogia { width: 100%; background-color: #fff; color: #333; text-transform: uppercase; display: inline-block; padding: 15px 10px; font-size: 18px; border-radius: 5px; text-align: center; border: 2px solid var(--porto-primary-color); font-weight: 600; transition: 0.3s ease-in-out;}
.chitietsanpham .btn_baogia:hover { background-color: var(--porto-primary-color); color: #fff; }
.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-primary-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: 20%;
}
.chitietsanpham .support_btn > span { font-size: 18px; text-transform: uppercase; color: #333333; }
.chitietsanpham .support_btn .hotline_lienhe .hotline {font-size: 20px; color: #ff7210; font-weight: bold;}
.chitietsanpham .modal-dialog input.wpcf7-submit { border-radius: 5px; }

.related.products h2.slider-title { font-size: 20px; font-weight: 600; font-family: "Inter"; padding-bottom: 20px;}
.related.products .product-image { border-radius: 10px; overflow: hidden; }
.related.products .add-links-wrap { display: none; }
.related.products h3.woocommerce-loop-product__title { font-size: 18px; color: #333333; font-weight: 600; font-family: "Inter"; }

article.portfolio-grid .thumb-info .thumb-info-wrapper { border-radius: 10px; overflow: hidden;}
article.portfolio-grid .thumb-info-wrapper:before { content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); z-index: 1; }
article.portfolio-grid .thumb-info-title { background: none; text-align: center; bottom: 4%; max-width: 100%; width: 100%;  }
article.portfolio-grid .thumb-info:hover .thumb-info-title { background: none; }
article.portfolio-grid .thumb-info:hover .thumb-info-title { color: var(--porto-primary-color); }

.wrap_ul ul { padding: 0; margin: 0; list-style: none;}
.wrap_ul ul li { margin-bottom: 8px; position: relative; padding-left: 25px;}
.wrap_ul ul li i { width: 20px; position: absolute; left: 0; top: 4px; color:  var(--porto-primary-color);}

.wrap_lienhe .vc_custom_heading { font-size: 26px; line-height: 32px;}
.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: 25px;}
.wrap_lienhe .wpb_text_column ul li i { width: 20px; position: absolute; left: 0; top: 4px; color:  var(--porto-primary-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.wpcf7-submit { border-radius: 5px; }


#footer .footer-main .row > div:first-child li { font-weight: 300; position: relative; padding-left: 35px; margin-bottom: 15px;}
#footer .footer-main .row > div:first-child li:first-child:before { background-image: url(images/icon-dia-chi.png);
    display: block;
    position: absolute;
    left: 0;
    content: '';
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
#footer .footer-main .row > div:first-child li:nth-child(2):before { background-image: url(images/icon-phone.png);
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
 #footer .footer-main .row > div:first-child li:last-child:before { background-image: url(images/icon-email.png);
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
#footer .footer-main .row > div:first-child li span.diachi { display: block; }
#footer .footer-main h3.widget-title { font-size: 16px; }
#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-left: 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: 5px;}
#footer .footer-main .widget_nav_menu ul.menu li:hover:before { animation: none; }
#footer .footer-bottom { padding: 0; }
#footer .footer-bottom > .container { border-top: 1px solid rgba(255, 255, 255, 0.4); }

@media ( max-width: 1229px ) {
	#header .header-main .header-left .logo img { width: 150px; }
	#header .header-right-bottom > * { margin-left: 0; }
	#header .searchform-popup .search-toggle { width: 30px; height: 30px; }
	#header .searchform-popup .search-toggle i { font-size: 16px; }
	#header .main-menu > li.menu-item > a { font-size: 17px; }

	.page-top .page-title { font-size: 36px; line-height: 42px; margin-bottom: 12px; }

	.wrap_intro_home .img_intro > .vc_column-inner:before { width: 450px; height: 450px; left: -10%; bottom: 32%; }
	.wrap_intro_home .vc_btn3-container a.vc_btn3 { font-size: 14px; padding: 12px 26px; }

	.wrap_trietlykinhdoanh { padding-top: 20px; }

	.wrap_dichvu_home .porto-sicon-box { width: 228px; }
	.wrap_dichvu_home .porto-sicon-box .porto-sicon-header p { font-size: 16px; }
	.wrap_dichvu_home .porto-sicon-box h3.porto-sicon-title { width: 60px; height: 60px; font-size: 30px; }

	.wrap_dmsp_home .porto-sicon-box h3.porto-sicon-title { font-size: 16px; }

	.wrap_duan_home { padding: 60px 0 40px; }
	.wrap_duan_home .porto-sicon-header { width: 101%; bottom: 0; padding: 6px 4px;}
	.wrap_duan_home .porto-sicon-header h3.porto-sicon-title, .wrap_duan_home .porto-sicon-header p { white-space: unset; margin-bottom: 0; line-height: 24px;}

	.woocommerce-page.archive .sidebar-content aside.widget h3.widget-title { font-size: 14px;}
	.woocommerce-page.archive .sidebar-content aside.widget h3.widget-title:before { bottom: 7px; width: 15px; height: 17px;}
    .woocommerce-page.archive .sidebar-content aside.widget ul.product-categories li a { font-size: 14px;}

}

@media ( max-width: 991px ) {
	#header .header-right-bottom > * { margin-left: 5px; }

	.page-top { padding: 100px 0; }
	.page-top .page-title { font-size: 32px; line-height: 38px; margin-bottom: 6px; }

	.wrap_intro_home { padding: 60px 0; }
	.wrap_intro_home > .vc_column_container { width: 100%; }
	.wrap_intro_home .img_intro > .vc_column-inner:before { left: 50%; bottom: 50%; transform: translate(-50%, 50%); width: 100%; height: 100%;}

	.wrap_trietlykinhdoanh { padding-top: 0px; }
	.wrap_trietlykinhdoanh h3.porto-sicon-title { font-size: 22px; }

	.wrap_dichvu_home .vc_row > .vc_column_container:nth-child(2) { width: 100%; order: 1; }
	.wrap_dichvu_home .vc_row > .vc_column_container:first-child, .wrap_dichvu_home .vc_row > .vc_column_container:last-child { width: 50%; order: 2; }
	.wrap_dichvu_home .desc { padding: 0 100px; }
	.wrap_dichvu_home .porto-sicon-box { width: 85%; }

	.wrap_dmsp_home .porto-sicon-box-link { width: calc((100% - 30px) / 2); margin-right: 30px; }
	.wrap_dmsp_home .porto-sicon-box-link:nth-child(3n) { margin-right: auto; }
	.wrap_dmsp_home .porto-sicon-box-link:nth-child(2n) { margin-right: 0; }

	.wrap_duan_home .porto-sicon-header h3.porto-sicon-title, .wrap_duan_home .porto-sicon-header p { font-size: 16px; line-height: 22px;}

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

	article.portfolio-grid .thumb-info-title { font-size: 18px; }

	#footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child { width: 50%; margin-top: 20px; }
}

@media ( max-width: 767px ) {
	.page-top { padding: 80px 0; }
	.page-top .page-title { font-size: 26px; line-height: 32px; margin-bottom: 0px; }

	.wrap_intro_home h2.vc_custom_heading, .wrap_trietlykinhdoanh h2.vc_custom_heading, .wrap_dichvu_home h2.vc_custom_heading, .wrap_dmsp_home h2.vc_custom_heading, .wrap_duan_home h2.vc_custom_heading, .wrap_tintuc h2.vc_custom_heading { font-size: 28px; }

	.wrap_trietlykinhdoanh { padding-bottom: 35px; }
	.wrap_trietlykinhdoanh h2.vc_custom_heading { margin-bottom: 40px; }
	.wrap_trietlykinhdoanh .porto-sicon-box { width: 100%; margin-right: 0; padding: 35px 30px 12px 30px;}
	.wrap_trietlykinhdoanh h3.porto-sicon-title { font-size: 20px; }

	.wrap_dichvu_home { padding: 40px 0; }
	.wrap_dichvu_home .desc { padding: 0; }
	.wrap_dichvu_home .porto-sicon-box .porto-sicon-header p { font-size: 15px; }

	.wrap_dmsp_home { padding: 45px 0 30px; }
	.wrap_dmsp_home .porto-sicon-header { padding: 0 10px; }
	.wrap_dmsp_home .porto-sicon-box .porto-sicon-img:before { height: 50%; }
	.wrap_dmsp_home .porto-sicon-box h3.porto-sicon-title { font-size: 14px; line-height: 20px;}

	.wrap_duan_home { padding: 50px 0 10px; }

	.wrap_tintuc { padding-top: 50px; }
	.wrap_tintuc .owl-carousel { margin-bottom: 0; }

	.chitietsanpham .btn_lienhe { margin-bottom: 20px; }
	.chitietsanpham .support_btn:before { left: 20%; }

	html #topcontrol {right: 0;}
    .fb_zalo {right: 0;bottom: 150px;}
    .widget .fb_zalo ul li {margin-bottom: 5px;}
    .widget .fb_zalo ul li:first-child {margin-bottom: 10px;}
    .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;}
}

@media ( max-width: 576px ) {
	.page-top .page-title { font-size: 24px; line-height: 30px;}

	.wrap_intro_home h2.vc_custom_heading, .wrap_trietlykinhdoanh h2.vc_custom_heading, .wrap_dichvu_home h2.vc_custom_heading, .wrap_dmsp_home h2.vc_custom_heading, .wrap_duan_home h2.vc_custom_heading, .wrap_tintuc h2.vc_custom_heading { font-size: 26px; margin-bottom: 30px;}
	.wrap_intro_home h2.vc_custom_heading:after, .wrap_trietlykinhdoanh h2.vc_custom_heading:after, .wrap_dichvu_home h2.vc_custom_heading:after, .wrap_dmsp_home h2.vc_custom_heading:after, .wrap_duan_home h2.vc_custom_heading:after, .wrap_tintuc h2.vc_custom_heading:after { margin-top: 2px; }

	.wrap_dichvu_home .vc_row > .vc_column_container:first-child { width: 100%; order: 2; }
	.wrap_dichvu_home .vc_row > .vc_column_container:last-child { width: 100%; order: 3; }

	.wrap_dmsp_home .porto-sicon-box h3.porto-sicon-title { font-size: 13px; line-height: 19px; }

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

	article.portfolio-grid .thumb-info-title { font-size: 22px; }

	#footer .footer-main .row > div:nth-child(2), #footer .footer-main .row > div:last-child { width: 100%; margin-top: 10px; }
}

@media ( max-width: 480px ) {
	.page-top .page-title { font-size: 22px; line-height: 26px; }

	.wrap_dmsp_home .porto-sicon-box-link { width: 100%; margin-right: 0px; }
	.wrap_dmsp_home .porto-sicon-box .porto-sicon-img:before { height: 40%; }
	.wrap_dmsp_home .porto-sicon-box h3.porto-sicon-title { font-size: 16px; line-height: 22px; }

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