/*
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  ***************/

#side-nav-panel .accordion-menu > li.menu-item > a {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
}

#header .mobile-toggle {  font-size: 17px; margin-top: 0; margin-bottom: 0; padding: 3px 15px;}
#header .header-right-bottom > .searchform-popup { margin-left: 5px; margin-right: 10px; }
#header .searchform-popup .search-toggle i { font-size: 17px; }
#header.sticky-header .header-main.sticky, #header.sticky-header .main-menu-wrap.menu-flat {
    box-shadow: 0px 2px 11px 2px #7a7a7a;}

.wrap_banner .row_banner { display: block; }
.wrap_banner .row_banner > .porto-item-wrap > .vc_column_container > .vc_column-inner { position: relative; }
.wrap_banner .row_banner > .porto-item-wrap > .vc_column_container > .vc_column-inner > .porto-item-wrap:last-child { position: absolute; bottom: 16%; width: 34%; left: 15%; background-color: rgba(255, 255, 255, 0.8); border-left: 4px solid var(--porto-secondary-color);}
.wrap_banner .row_banner p.vc_custom_heading { color: var(--porto-primary-color); font-size: 24px; padding: 15px; margin-bottom: 0; font-family: "Bai Jamjuree"; font-weight: 600; line-height: 30px;}

#banner-wrapper .porto-carousel-wrapper ul.slick-dots { position: absolute; bottom: 10px;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots li { margin: 0 3px; width: auto;}
.wrap_banner .porto-carousel-wrapper .slick-dots li i:before { content: '';}
.wrap_banner .porto-carousel-wrapper .slick-dots li i {
    height: 5px;
    width: 25px;
    border-radius: 5px;
    background-color: #252a29;
    display: inline-block;
    opacity: 1;
}  
.wrap_banner .porto-carousel-wrapper .slick-dots li.slick-active i { background-color: var(--porto-primary-color);}

.page-top { padding: 310px 0 30px; position: relative;}
.page-top:before { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 38%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.9) 100%); }

h2.vc_custom_heading.heading_home { font-size: 30px; line-height: 26px; text-transform: uppercase; color: #333333; font-weight: 700; }

.wrap_intro_home { padding-top: 30px; padding-bottom: 50px; }
.wrap_intro_home .wpb_single_image .vc_single_image-wrapper { border-radius: 10px; position: relative;}
.wrap_intro_home .wpb_single_image .vc_single_image-wrapper:before { content: ""; display: block; position: absolute; top: 40px; left: -20px; width: 100%; height: 100%; border: 2px solid #b7b7b7; border-radius: 10px;  }
.wrap_intro_home .wpb_single_image img { border-radius: 10px; position: relative; top: 0px; right: -20px; }
.wrap_intro_home .wpb_text_column p { font-size: 18px; line-height: 26px; color: #333333; font-weight: 400; text-align: justify;}
.wrap_intro_home { background-size: cover; background-position: right bottom; background-repeat: no-repeat; }
.wrap_intro_home .vc_btn3-container 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;}
.wrap_intro_home .vc_btn3-container a.vc_btn3:after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 10px; }
.wrap_intro_home .vc_btn3-container a.vc_btn3:hover { background-color: #fff; color: var(--porto-primary-color); box-shadow: inset 400px 50px 0 0 #fff; }

.wrap_thongso { padding: 110px 0 65px; }
.wrap_thongso:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--porto-primary-color); opacity: 0.7; z-index: 1; }
.wrap_thongso > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; }
.wrap_thongso .stats-block { width: calc((100% - 90px) / 4); margin-right: 30px;}
.wrap_thongso .stats-block:last-child { margin-right: 0; }
.wrap_thongso .porto-sicon-img { width: 150px; height: 150px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 35px; }
.wrap_thongso .stats-block .stats-desc { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.wrap_thongso .stats-block .stats-desc .counter_prefix { order: 2; font-size: 34px; color: #fff;}
.wrap_thongso .stats-block .stats-desc .stats-number { order: 1; font-size: 34px; color: #fff; margin-right: 12px;}
.wrap_thongso .stats-block .stats-desc .counter_suffix { width: 100%; order: 3; font-size: 18px; line-height: 22px; color: #fff; margin-top: 10px; font-weight: 400;}

.wrap_dmsp_home { padding-top: 55px; }
.wrap_dmsp_home h2.vc_custom_heading { margin-bottom: 60px; }
.wrap_dmsp_home .wpb_content_element { margin-bottom: 0; }
.wrap_dmsp_home ul.products li.product-category { margin-bottom: 80px; }
.wrap_dmsp_home ul.products li.product-category .thumb-info-wrapper { border-radius: 10px; overflow: hidden;}
.wrap_dmsp_home ul.products li.product-category .thumb-info-wrapper img { transition: 0.3s ease-in-out!important; }
.wrap_dmsp_home ul.products li.product-category:hover .thumb-info-wrapper img { transform: scale(1.1)!important; }
.wrap_dmsp_home ul.products li.product-category .thumb-info { position: relative; }
.wrap_dmsp_home ul.products li.product-category .thumb-info .thumb-info-title { padding: 0 }
.wrap_dmsp_home ul.products li.product-category h3.sub-title {position: absolute; left: 50%; transform: translateX(-50%); bottom: -6%; text-transform: uppercase; background-color: var(--porto-primary-color); color: #fff; border-radius: 10px; width: 80%; padding: 20px 0; font-size: 20px; font-weight: 600; line-height: 24px; text-align: center; border: 2px solid var(--porto-primary-color); z-index: 1; box-shadow: inset 0 0 0 0 #fff; transition: 0.3s ease-in-out;}
.wrap_dmsp_home ul.products li.product-category:hover h3.sub-title { background-color: #fff; color: var(--porto-primary-color); box-shadow: inset 400px 50px 0 0 #fff; }
.wrap_dmsp_home .products .product-category .thumb-info-type { display: none; }

.wrap_video { background-size: cover; background-position: center; background-repeat: no-repeat; }
.wrap_video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.wrap_video .play_video {
    padding-top: 210px;
    padding-bottom: 175px;
}

.wrap_video .play_video img {
    transition: 0.3s ease-in-out;
    outline: 1px solid var(--porto-secondary-color);
    border-radius: 50%;
    outline-offset: 8px;
}

.wrap_video .play_video:hover img { opacity: 0.6; }

.wrap_chungnhan_giaithuong { padding: 65px 0 55px; }
.wrap_chungnhan_giaithuong h2.vc_custom_heading { margin-bottom: 55px; }
.wrap_chungnhan_giaithuong  .slick-list { overflow: unset; }
.wrap_chungnhan_giaithuong .porto-sicon-box { aspect-ratio: 1 / 1;  border-radius: 50%; filter: drop-shadow(0 0 25px rgba(0,0,0,0.08)); background-color: #ffffff; display: flex; flex-direction: column; justify-content: center;}
.wrap_chungnhan_giaithuong .porto-sicon-top { margin-bottom: 15px; }
.wrap_chungnhan_giaithuong .porto-sicon-description { position: relative; font-size: 18px; line-height: 24px; color: #333333; font-weight: 600;}
.wrap_chungnhan_giaithuong .porto-sicon-description:before { content: ""; display: block; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); height: 2px; width: 80%; background-color: #ebebeb;}


.wrap_nhanhieu {padding-top: 120px; padding-bottom: 95px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.wrap_nhanhieu:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--porto-primary-color); opacity: 0.5; z-index: 1; }
.wrap_nhanhieu > .vc_column_container { position: relative; z-index: 3; }
.wrap_nhanhieu h2.vc_custom_heading { margin-bottom: 45px; color: #fff;}
.wrap_nhanhieu .porto-carousel-wrapper { margin-left: -15px; margin-right:-15px; }
.wrap_nhanhieu .wpb_single_image { border: 8px solid rgba(255,255,255,0.64);}
.wrap_nhanhieu .wpb_single_image img { border: 5px solid #fff; }

.wrap_tintuc { padding-top: 60px }
.wrap_tintuc h2.vc_custom_heading:after { background-image: url(images/underline-news.png);
    display: block;
    content: '';
    width: 60px;
    height: 20px;
    margin: 8px 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: 500; }
.wrap_tintuc .porto-recent-posts .post-slide .post-recent-content .post-meta { padding-bottom: 8px; 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: 12px;}

article.post-grid .post-image img { border-radius: 10px; }
.archive-products .add-links-wrap { display: none; }
.archive-products .product-image { border-radius: 10px; overflow: hidden; }
.archive-products ul.products li.product h3.woocommerce-loop-product__title { font-family: "Inter"; font-size: #333333; font-weight: 600; font-size: 18px; }
.related-posts .post-image { border-radius: 10px; overflow: hidden; }


.single-product .main-content { padding-top: 85px; }
.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: 1px 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: var(--porto-primary-color); text-transform: uppercase; display: inline-block; padding: 15px 10px; font-size: 18px; border-radius: 5px; text-align: center; border: 1px 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-weight: bold; font-size: 20px; color: var(--porto-primary-color);}
.chitietsanpham .modal-dialog input.wpcf7-submit, .wrap_lienhe input.wpcf7-submit { border-radius: 5px; }

.related.products h2.slider-title { font-size: 20px; font-weight: 600; font-family: "Inter"; color: var(--porto-primary-color);}
.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"; }

#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 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.2); }
#footer .footer-bottom .follow-us .share-links a { width: 36px; height: 36px; border-radius: 5px; border: 1px solid #fff; }
#footer .footer-bottom .follow-us .share-links a:hover { color: #fff; }

.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: 22px;}
.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_ul_before ul { padding-left: 15px; }
.wrap_ul_before ul li { list-style: none; position: relative; padding-left: 24px; margin-bottom: 10px; }
.wrap_ul_before ul li:before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--porto-primary-color); position: absolute; left: 0; top: 0px; }

.wrap_ul ul { padding-left: 15px; }
.wrap_ul ul li { list-style: none; margin-bottom: 10px; }


.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: 8px;}
.single h4.sub-title strong{font-weight: 700;}
.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: 7px;
}

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

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

@media (max-width: 1229px) {
	.wrap_banner .row_banner > .porto-item-wrap > .vc_column_container > .vc_column-inner > .porto-item-wrap:last-child { width: 35% }
	.wrap_banner .row_banner p.vc_custom_heading { font-size: 22px; }

	.wrap_thongso .stats-block .stats-desc .counter_prefix, .wrap_thongso .stats-block .stats-desc .stats-number { font-size: 28px; }
	.wrap_thongso .stats-block .stats-desc .counter_suffix { margin-top: 10px; }

	.wrap_dmsp_home ul.products li.product-category { margin-bottom: 70px; }

	.wrap_video .play_video { padding-top: 190px; padding-bottom: 155px; }

	.wrap_chungnhan_giaithuong .porto-carousel-wrapper { margin-bottom: 0; }
	.wrap_chungnhan_giaithuong .porto-sicon-img { font-size: 150px!important; }

    .page-top { padding: 280px 0 30px }

}

@media (max-width: 991px) {

    #header.sticky-header .header-main .header-left, #header.sticky-header .header-main .header-center, #header.sticky-header .header-main .header-right { padding-top: 8px; padding-bottom: 8px; }
    #header .header-right-bottom > .searchform-popup {margin-right: 0}

	.wrap_banner .row_banner > .porto-item-wrap > .vc_column_container > .vc_column-inner > .porto-item-wrap:last-child { width: 50% }
	.wrap_banner .row_banner p.vc_custom_heading { font-size: 20px; line-height: 26px;}

	.wrap_intro_home > .vc_column_container { width: 100%; }
	.wrap_intro_home .wpb_single_image { margin-bottom: 75px; }

	.wrap_thongso .stats-block .stats-desc .counter_prefix, .wrap_thongso .stats-block .stats-desc .stats-number { font-size: 22px; }
	.wrap_thongso .stats-block .stats-desc .stats-number { margin-right: 6px; }

	.wrap_dmsp_home ul.products li.product-category { margin-bottom: 55px; }
	.wrap_dmsp_home ul.products li.product-category h3.sub-title { font-size: 15px; padding: 14px 0;}

	.wrap_video .play_video { padding-top: 170px; padding-bottom: 135px; }

	.wrap_chungnhan_giaithuong .porto-sicon-img { font-size: 100px!important; }
	.wrap_chungnhan_giaithuong .porto-sicon-description { font-size: 14px; line-height: 18px; }

    .page-top { padding: 200px 0 30px }

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

    #footer .footer-main .row > div:first-child aside.widget { margin-bottom: 40px; }
    #footer .footer-main .row > div:not(:first-child) { width: 50%; }
    #footer .footer-bottom > .container { display: flex; flex-direction: column-reverse; }
    #footer .footer-bottom .container .footer-right { padding-bottom: 0; }


}

@media (max-width: 767px) {
	.wrap_banner .row_banner p.vc_custom_heading { font-size: 18px; line-height: 22px;}

	.wrap_thongso .stats-block { width: calc((100% - 30px) / 2); margin-right: 30px;}
	.wrap_thongso .stats-block:nth-child(3) { margin-right: 0; }

	.wrap_dmsp_home ul.products li.product-category h3.sub-title { bottom: -7%; }

	.wrap_video .play_video { padding-top: 150px; padding-bottom: 115px; }
	.wrap_video .play_video img { width: 80%; }

	.wrap_chungnhan_giaithuong .porto-sicon-img { font-size: 110px!important; }
	.wrap_chungnhan_giaithuong .porto-sicon-description { font-size: 16px; line-height: 20px; }

	.wrap_nhanhieu { padding-bottom: 60px; }

    .chitietsanpham .btn_lienhe { margin-bottom: 20px; }

    .page-top { padding: 160px 0 30px }

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


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

@media (max-width: 576px) {

    #header .searchform-popup { display: inline-block; }

	.wrap_intro_home .wpb_single_image { margin-bottom: 60px; }
	.wrap_intro_home .wpb_single_image .vc_single_image-wrapper:before { top: 20px; left: -10px; }
	.wrap_intro_home .wpb_single_image img { right: -10px; }

	.wrap_dmsp_home ul.products li.product-category h3.sub-title { font-size: 18px; padding: 18px 0; bottom: -4%;}

	.wrap_video .play_video { padding-top: 130px; padding-bottom: 95px; }
	.wrap_video .play_video img { width: 70%; }

	.wrap_chungnhan_giaithuong .porto-sicon-description { font-size: 14px; line-height: 18px; }

	.wrap_nhanhieu { padding-top: 100px ;padding-bottom: 40px; }

    .page-top { padding: 140px 0 20px }

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

}

@media (max-width: 480px) {
	.wrap_banner .row_banner > .porto-item-wrap > .vc_column_container > .vc_column-inner > .porto-item-wrap:last-child { width: 75%; left: 8%; }
	.wrap_banner .row_banner p.vc_custom_heading { font-size: 16px; line-height: 20px;}

	.wrap_intro_home { padding-top: 20px; padding-bottom: 40px; }

	.wrap_thongso .porto-sicon-img { width: 130px; height: 130px; }

	.wrap_dmsp_home ul.products li.product-category h3.sub-title { bottom: -6%; }

	.wrap_chungnhan_giaithuong .porto-sicon-img { font-size: 150px!important; }
	.wrap_chungnhan_giaithuong .porto-sicon-description { font-size: 16px; line-height: 20px; }

    .page-top { padding: 120px 0 10px }

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