/*
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");
.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;}
.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;}
.grecaptcha-badge {  display: none !important;}

.page-top { padding-top: 120px; padding-bottom: 120px;}
.page-top:before { content: ""; position: absolute; left: 0; top: 0;width: 100%; height: 100%; background-color: #2e2866; opacity: 0.4; 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;}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#header .header-main .header-right-top {display: flex;align-items: center;justify-content: flex-end; margin-bottom: 10px}
#header .header-main .header-right-top .welcome-msg h3 {margin-bottom: 0;color: var(--porto-secondary-color);font-size: 22px;}
#header .logo{min-width: 60px;}
#header .header-contact {margin-right: 0;}
#header .header-contact ul {display: flex;margin-bottom: 0px;padding-left: 0;}
#header .header-contact ul li {list-style: none; margin-left: 15px;font-size: 16px;}
#header .header-contact ul li i {margin-right: 8px;color: var(--porto-primary-color);}
#header .header-contact ul li span {color: var(--porto-secondary-color);font-weight: 500;}
#header.sticky-header .header-main.sticky { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }

.wrap_banner .row_banner {display: block;}
.wrap_banner .slick-slide > div > .porto-item-wrap {display: block!important;}
.wrap_banner .slick-slide .vc_inner > .porto-item-wrap { padding-left: 0; padding-right: 0;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper { position: relative;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper > .porto-item-wrap:first-child { position: relative; z-index: 1;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {position: absolute;left: 50%; bottom: 50%;transform: translate(-50%,50%); z-index: 3;color: #fff;font-size: 30px;line-height: 36px;font-style: italic; font-weight: 500;text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.9);text-align: center;white-space: nowrap;text-transform: capitalize;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column { position: absolute; left: 50%; bottom: 40px;transform: translateX(-50%); z-index: 3;padding: 20px;transition: 1s; opacity: 0;transition-delay: 300ms;color: #fff;font-size: 30px;line-height: 36px; font-weight: 700;text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.9);text-align: center;white-space: nowrap;text-transform: uppercase;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.left {left: 45%;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.right {left: 55%;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up { bottom: 0;}
.wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.down { bottom: 150px;}
.wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.left, .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.right { left: 50%; opacity: 1;}
.wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up, .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.down { bottom: 40px; opacity: 1;}
.wrap_banner .wpb_single_image { margin-bottom: 0;}
.wrap_banner .vc_single_image-wrapper:before { content: ""; position: absolute; top: 60%; left: 0; right: 0; bottom: 0; opacity: 1; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%); z-index: 1;}

.wrap_banner .porto-carousel-wrapper .slick-next, .wrap_banner .porto-carousel-wrapper .slick-prev { width: 36px; height: 50px; background-color: rgb(255 255 255 / 80%);text-shadow: none;cursor: pointer;}
.wrap_banner .porto-carousel-wrapper .slick-next i, .porto-carousel-wrapper .slick-prev i {color: #000;}
#banner-wrapper .porto-carousel-wrapper { margin-bottom: 0;}
#banner-wrapper .porto-carousel-wrapper ul.slick-dots { position: absolute; bottom: 20px;}
#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: 20px; border-radius: 5px; background-color: #fff; display: inline-block;opacity: 1;}
.wrap_banner .porto-carousel-wrapper .slick-dots li.slick-active i { background-color: var(--porto-primary-color); width: 40px;}

body.home .no-breadcrumbs .main-content {padding-top: 0;}
.heading_style {text-transform: uppercase; color: var(--porto-secondary-color);position: relative;}
.heading_style:after {background-image: url(images/af_heading.png); display: block; content: ''; width: 230px; height: 20px; margin: 0 auto; margin-bottom: 30px;}

.wrap_lienhe_home {padding: 20px 0;}
.wrap_lienhe_home > .vc_column_container > .vc_column-inner {display: flex;justify-content: space-between;align-items: center;}
.wrap_lienhe_home > .vc_column_container > .vc_column-inner:before, .wrap_lienhe_home > .vc_column_container > .vc_column-inner:after {display: none;}
.wrap_lienhe_home h1.vc_custom_heading { margin-bottom:0;color:#fff;font-size:30px;font-weight:900; }
.wrap_lienhe_home .vc_btn3-container {margin-bottom: 0;}
.wrap_lienhe_home .vc_btn3-container a { font-size:20px;color:#fff;font-weight:700;padding:8px 36px 8px 28px; }
.wrap_lienhe_home .vc_btn3-container a:before {content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900;font-size: 18px;margin-right: 8px;}
.wrap_lienhe_home .vc_btn3-container a:hover {background-color: #fff;color: var(--porto-secondary-color);}

.wrap_dichvu { padding-top: 60px; padding-bottom: 110px; background-position: bottom center; background-repeat: no-repeat;background-size: cover;}
.wrap_dichvu h2.vc_custom_heading {margin-bottom: 60px;}
.wrap_dichvu .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_dichvu .porto-sicon-box-link {width: calc((100% / 4) - 30px);margin-right: 15px;margin-left: 15px;margin-bottom: 30px;}
.wrap_dichvu .porto-sicon-box-link:nth-child(even) { transform:translateY(60px); }
.wrap_dichvu .porto-sicon-box {position: relative;margin-bottom: 0;}
.wrap_dichvu .porto-sicon-box .porto-sicon-img img {transition: 0.3s ease-in-out;}
.wrap_dichvu .porto-sicon-box:hover .porto-sicon-img img {transform: scale(1.1);}
.wrap_dichvu .porto-sicon-box .porto-sicon-title { font-size: 20px;font-weight: 700; position: relative; display: inline-block; color: #fff;text-transform: uppercase;}
.wrap_dichvu .porto-sicon-box .porto-sicon-title:before, .wrap_dichvu .porto-sicon-box .porto-sicon-title:after { content: ''; position: absolute; width: 100%; height: 2px; background: linear-gradient(to right, #ff0000, #00ffff); bottom: -5px; left: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease-out;}
.wrap_dichvu .porto-sicon-box .porto-sicon-header { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%;}
.wrap_dichvu .porto-sicon-box .porto-sicon-title:before {top: -5px; transform-origin: left;}
.wrap_dichvu .porto-sicon-box:hover .porto-sicon-title:before, .wrap_dichvu .porto-sicon-box:hover .porto-sicon-title:after { transform: scaleX(1);}
.wrap_dichvu .porto-sicon-box .porto-sicon-img { margin-bottom: 0; position: relative; border-radius: 6px; overflow: hidden;}
.wrap_dichvu .porto-sicon-box .porto-sicon-img:after {content: ""; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; opacity: 1; border-radius: 0 0 6px 6px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(255,255,255,0) 100%);}

.wrap_giaiphapvantai {padding: 50px 0;}
.wrap_giaiphapvantai .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;justify-content: center;}
.wrap_giaiphapvantai .porto-sicon-box-link {width: calc((100% / 4) - 30px);margin-right: 15px;margin-left: 15px; margin-bottom: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 20px 10px 10px;transition: 0.3s ease-in-out; border-radius: 5px;}
.wrap_giaiphapvantai .porto-sicon-box-link .porto-icon { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #ddd;display: flex; justify-content: center; align-items: center; margin: 10px auto 20px; color: var(--porto-primary-color); transition: 0.3s ease-in-out;}
.wrap_giaiphapvantai .porto-sicon-box-link:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; transform: scale(1.05);}
.wrap_giaiphapvantai .porto-sicon-box-link:hover .porto-icon { background-color: var(--porto-primary-color); color: #fff; border-color: var(--porto-primary-color);}
.wrap_giaiphapvantai h3.porto-sicon-title {font-size: 18px;font-weight: 700;}
.wrap_giaiphapvantai .porto-sicon-header p {color: #666;line-height: 24px;}

.wrap_thongso { padding-top: 120px; padding-bottom: 80px; background-position: top; background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
.wrap_thongso:before {content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: block;}
.wrap_thongso h2.vc_custom_heading {color: #fff;margin-bottom: 50px;}
.wrap_thongso h2.vc_custom_heading:after {background-image: url(images/af_heading_white.png);}
.wrap_thongso .vc_row  > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;width: auto;}
.wrap_thongso .stats-block {width: calc((100% / 4) - 20px);margin-right: 10px;margin-left: 10px; margin-bottom: 20px;}
.wrap_thongso .stats-block .stats-desc .stats-number, .wrap_thongso .stats-block .stats-desc .counter_suffix { color: #ffbf00;font-size: 40px;}
.wrap_thongso .stats-block .stats-desc .counter_suffix,.wrap_gioithieu_3 .row_thongso .stats-block .stats-desc .counter_suffix { margin-left: 5px;}
.wrap_thongso .stats-block .stats-desc .stats-text {color: #fff;font-size: 16px;line-height: 22px; margin-top: 5px;font-weight: 600;}
.wrap_thongso .stats-block .porto-icon { color: #fff!important; margin-bottom: 10px;}

.wrap_camket {padding: 90px 0 70px;} 
.wrap_camket .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_camket .porto-sicon-box {background-color: var(--porto-secondary-color);padding: 20px;border-radius: 5px;transition: 0.3s ease-in-out;width: calc((100% / 2) - 30px);margin-right: 15px;margin-left: 15px;margin-bottom: 30px;}
.wrap_camket h3.porto-sicon-title {color: #fff;font-weight: 700;}
.wrap_camket .porto-sicon-box:hover {background-color: #0a192f; transform: scale(1.05);}
.wrap_camket .porto-sicon-box .porto-sicon-header p {color: #fff}
.wrap_camket .porto-sicon-box:hover .porto-sicon-title {color: #00b0ff} 
.wrap_camket .porto-sicon-box .porto-icon {padding: 15px; background-color: #fff; border-radius: 10px;}

.wrap_tintuc {padding-top: 70px}
.wrap_tintuc .porto-recent-posts .post-meta {display: none;}

.wrap_khachhang { padding:70px 0 10px;}
.wrap_khachhang .wpb_single_image { border-radius: 5px; background-color: #ffffff; border: 2px solid #e4e4e4; transition: 0.3s ease-in-out;}
.wrap_khachhang .wpb_single_image:hover { border-color: var(--porto-primary-color);}
.wrap_khachhang .porto-carousel-wrapper .slick-dots li { width: 18px; height: 18px;}
.wrap_khachhang .porto-carousel-wrapper .slick-dots li i { opacity: 1; font-size: 12px;}  

.wrap_lienhe .vc_custom_heading { font-size: 24px; line-height: 30px;color:var(--porto-secondary-color); }
.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;}

.wrap_khachhang_page .vc_row > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;width: auto;}
.wrap_khachhang_page .wpb_single_image { width: calc((100% / 4) - 30px); margin-left: 15px;margin-right:15px;border-radius: 5px; background-color: #ffffff; border: 2px solid #e4e4e4; transition: 0.3s ease-in-out;}
.wrap_khachhang_page .wpb_single_image:hover { border-color: var(--porto-primary-color);}

.gioithieu_heading {color: var(--porto-secondary-color);}

.wrap_dichvu.dichvu_page {padding-top: 30px;}
.wrap_dichvu.dichvu_page.vc_row.wpb_row {margin-bottom: -40px;}

#footer:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}
#footer .footer-main>.container {padding-bottom: 0;}
#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: 18px; font-weight: 500; margin-bottom: 20px; }
#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: 7px;}
#footer .footer-main .widget_nav_menu ul.menu li.current-menu-item a { color:var(--porto-primary-color); }
#footer .footer-main .widget_nav_menu ul.menu li:hover:before { animation: none; }
#footer .footer-bottom { padding: 0; }
#footer .footer-bottom > .container .footer-center { border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: center;}
#footer .footer-main .follow-us .share-links a { width: 36px; height: 36px; border-radius: 5px; border: 1px solid #fff; }
#footer .footer-main .follow-us .share-links a:hover { color: #fff; }


@media(max-width:1289px){
    #header .header-main .header-right-top .welcome-msg h3 {font-size: 15px;}
    #header .header-contact ul li {margin-left: 10px;font-size: 14px;}
    #header .main-menu > li.menu-item > a {font-size: 14px;}
    #header .header-contact ul {margin-bottom: 0;}

    .page-top { padding: 120px 0;}
    .page-top h1.page-title {font-size: 32px;line-height: 40px;}

    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {bottom: 45%;font-size: 28px;line-height: 34px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {font-size: 28px;}
 
    .wrap_lienhe_home h1.vc_custom_heading {font-size: 28px;}
    .wrap_dichvu .porto-sicon-box .porto-sicon-title {font-size: 16px;}
}

@media(max-width:1229px) {
    h2.heading_style, .gioithieu_heading {font-size: 28px; line-height: 36px;}
    .wrap_phuongphapvanchuyen h2 {font-size: 28px; line-height: 36px;margin-bottom: 20px;}
}

@media(max-width:991px) {
    .fixed-header #header{position: relative;}
    #header .header-main .header-right-top {margin-bottom: 0;}
    #header .header-contact, #header .welcome-msg {display: none;}
    .page-top { padding: 100px 0;}
    .page-top h1.page-title {font-size: 25px;line-height: 31px; margin-bottom: 6px;}

    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {bottom: 50%;font-size: 26px;line-height: 32px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {font-size: 26px;}
 
    .wrap_lienhe_home h1.vc_custom_heading {font-size: 26px;}
    h2.heading_style, .gioithieu_heading { font-size: 26px; line-height: 34px;}
    h2.heading_style:after {margin-top: 6px;}
    .wrap_phuongphapvanchuyen h2 { font-size: 26px; line-height: 34px;margin-bottom: 15px;}
    .wrap_dichvu .porto-sicon-box-link {width: calc((100% / 2) - 30px);} 
    .wrap_dichvu .porto-sicon-box .porto-sicon-title {font-size: 20px;}
    .wrap_giaiphapvantai .porto-sicon-box-link {width: calc((100% / 3) - 30px);}
    .wrap_thongso .stats-block {width: calc((100% / 2) - 20px);margin-bottom: 50px;}

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


@media(max-width:767px) {
    .page-top { padding: 80px 0;}
    .page-top h1.page-title {font-size: 22px;line-height: 28px;margin-bottom: 0;}
    .justify {text-align: justify;}
    .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up, .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.down, .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {bottom: 20px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {font-size: 24px;line-height: 30px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {font-size: 24px;}
    .wrap_lienhe_home h1.vc_custom_heading {font-size: 22px;}
    .wrap_lienhe_home .vc_btn3-container a {font-size: 16px;}
    .wrap_lienhe_home .vc_btn3-container a:before {font-size: 16px;}
    h2.heading_style, .gioithieu_heading { font-size: 22px; line-height: 30px; text-align: center;}
    h2.heading_style:after { margin-top: 4px;}
    .wrap_phuongphapvanchuyen h2 { font-size: 22px; line-height: 30px; text-align: center;margin-bottom: 10px;}
    .wrap_phuongphapvanchuyen h3 {font-size: 18px;line-height: 24px;}
    .wrap_dichvu {padding-top: 50px;padding-bottom: 90px;}
    .wrap_dichvu .porto-sicon-box .porto-sicon-title {font-size: 18px;}
    .wrap_giaiphapvantai {padding: 50px 0 30px;}
    .wrap_giaiphapvantai .vc_row > .vc_column_container > .vc_column-inner {margin-left: -10px;margin-right: -10px;}
    .wrap_giaiphapvantai .porto-sicon-box-link {width: calc((100% / 2) - 20px);margin-left: 10px;margin-right: 10px;}
    .wrap_thongso {padding-top: 70px;padding-bottom: 30px;}
    .wrap_camket {padding: 55px 0 40px;} 
    .wrap_camket .porto-sicon-box {width: 100%;}
    .wrap_tintuc {padding-top: 50px;}
    .wrap_khachhang {padding: 50px 0 0px;}
    .wrap_lienhe .vc_custom_heading {font-size: 22px;line-height: 30px;}
    .wrap_khachhang_page .vc_row > .vc_column_container > .vc_column-inner { margin-left: -10px; margin-right: -10px;}
    .wrap_khachhang_page .wpb_single_image { width: calc((100% / 3) - 20px); margin-left: 10px;margin-right:10px;margin-bottom: 20px;}

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


@media(max-width:576px) {
    .page-top { padding: 50px 0;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {font-size: 22px;line-height: 28px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {font-size: 22px;}
    .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.up, .wrap_banner .slick-slide.slick-active .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column.down, .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {bottom: 10px;}
    #banner-wrapper .porto-carousel-wrapper ul.slick-dots {bottom: 10px;}
    .wrap_lienhe_home > .vc_column_container > .vc_column-inner {display: block;}
    .wrap_lienhe_home h1.vc_custom_heading {font-size: 20px;text-align: center;margin-bottom: 10px;}
    .wrap_lienhe_home .vc_btn3-container {width: 100%;text-align: center;}
    .wrap_dichvu .porto-sicon-box .porto-sicon-title {font-size: 15px;}
    .wrap_thongso .stats-block {width: 100%;}

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

@media(max-width:480px) {
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper p.vc_custom_heading {font-size: 18px;line-height: 24px;}
    .wrap_banner .slick-slide .vc_inner .vc_column_container > .wpb_wrapper .wpb_text_column {font-size: 18px;}
    .wrap_dichvu {padding-bottom: 30px;}
    .wrap_dichvu h2.vc_custom_heading {margin-bottom: 40px;}
    .wrap_dichvu .vc_row > .vc_column_container > .vc_column-inner {margin-left: 0;margin-right: 0}
    .wrap_dichvu .porto-sicon-box-link {width: 100%; margin-left: 0;margin-right: 0} 
    .wrap_dichvu .porto-sicon-box-link:nth-child(even) {transform: none;}
    .wrap_dichvu .porto-sicon-box .porto-sicon-title {font-size: 20px;}
    .wrap_dichvu.dichvu_page {padding-top: 20px;}
    .wrap_khachhang_page .wpb_single_image { width: calc((100% / 2) - 20px);}
}