/*
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");
@import url("addstyle.css");
@import url("bookingform.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 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{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: 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;}
#side-nav-panel .accordion-menu > li.menu-item > a { font-size: 18px;letter-spacing: 0; font-weight: 500;}
#side-nav-panel .accordion-menu ul.sub-menu li a { font-size: 16px; }
.owl-carousel .owl-dots .owl-dot span {width: 15px;height: 15px;}

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

.wrap_banner .wpb_single_image { position: relative; margin-bottom: 0;}
.wrap_banner .wpb_single_image:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; display: block;}
.wrap_banner .wpb_single_image * {width: 100%;}
.wrap_banner > .vc_column_container { z-index: 3; }
.wrap_banner > .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }
.wrap_banner { display: block; }
.wrap_banner .wpb_text_column { position: absolute; bottom: 25%; left: 15px; padding-left: 10px; border-left: 8px solid #fff; z-index: 3;width: 100%;max-width: 1200px;margin-left: 50%;transform: translateX(-50%);}
.wrap_banner .wpb_text_column h6 { font-size: 46px; color: #fff; margin-bottom: 0; line-height: 60px; font-weight: 600;} 

#header .header-right-bottom > .searchform-popup {margin-left: 0;}
#header .searchform-popup .search-toggle { width: 33px; height: 33px; border-radius: 50%; border: 1px solid #7a7a7a; display: grid; place-items: center;color: 
#000;}
#header .searchform-popup .search-toggle:hover {color:var(--porto-primary-color); }
#header .header-right-bottom > .language {margin-left: 5px;}
#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: 0 0 0 5px;}

.page-top { padding: 150px 0;}
.page-top:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; display: block;}
.page-top > .container {position: relative; z-index: 3; }
.page-top h1.page-title {
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.page-top ul.breadcrumb>li .delimiter {
    font-size: 18px;
}

.wrap_datphong_home {margin-top: -100px;}
.wrap_datphong_home .form_datphong {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 10px;width: 100%;margin-left: 0;margin-right: 0;padding: 30px 10px 20px;margin-bottom: 20px;background-color: #fff;}  
.wrap_datphong_home .form_datphong > div:first-child {width: 86%;}
.wrap_datphong_home .form_datphong > div:last-child {width: 14%;}
.wrap_datphong_home .form_field > div {padding: 0 5px;}
.wrap_datphong_home .form_field input[type="date"],.wrap_datphong_home .form_field input[type="number"],.wrap_datphong_home .form_field input[type="tel"] {width: 100%; border-radius: 5px;height: 45px;}
.wrap_datphong_home .form_field label {display: block;text-align: center;font-size: 18px;font-weight: 500;color: var(--porto-primary-color);line-height: 22px;min-height: 45px;margin-bottom: 5px;}
.wrap_datphong_home .form_field label small { display:block;font-size:14px;color:#888;font-weight:400; }  
.wrap_datphong_home .form_field span.wpcf7-not-valid-tip {line-height: 18px;}
.wrap_datphong_home .btn_submit {transform: translateY(50px);}
.wrap_datphong_home .btn_submit input.btn.btn-lg[type=submit] {width: 100%;border-radius: 20px;padding: 8px;font-weight: 600;font-size: 16px;}

.heading_style {text-transform: uppercase; font-size: 36px;line-height: 42px;position: relative;} 
.heading_underline:after {background-image: url(images/heading-underline.png);display: block;content: '';width: 50px;height: 10px;margin-top: 10px;background-repeat: no-repeat;background-size: contain;background-position: center;margin-left: 3px;}
.wrap_heading:before { content: ""; height: 2px; width: 26px; background-color: var(--porto-primary-color); display: block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);}
.wrap_heading:after { content: ""; height: 2px; width: 50px; background-color: var(--porto-primary-color); display: block; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}

.wrap_gioithieu {background-size: contain;background-position: left bottom; background-repeat: no-repeat; padding: 50px 0;}
.wrap_gioithieu.vc_row.wpb_row {margin-bottom: -40px;}
.wrap_gioithieu .btn_style a { color:#fff;text-transform:uppercase;font-size:18px;padding:12px 30px;border-radius:30px;border:2px solid var(--porto-primary-color);background-color:var(--porto-primary-color);font-weight:600;transition: 0.3s ease-in-out;}
.wrap_gioithieu .btn_style a:hover {color:var(--porto-primary-color);border:2px solid var(--porto-primary-color);background-color: #fff;}
.wrap_gioithieu .btn_style a:after {content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900;margin-left: 10px;}
.wrap_gioithieu .column_2 .porto-carousel-wrapper:before {background-image: url(images/bg-intro-home.png);display: block;content: '';width: 100px;height: 100px;background-repeat: no-repeat;background-size: contain;background-position: center; position:absolute;bottom:0;left:-30px; }
.wrap_gioithieu .porto-carousel-wrapper {margin-left: -15px;margin-right: -15px;}
.wrap_gioithieu .wpb_single_image img {border-radius: 30px;}
.wrap_gioithieu .porto-carousel-wrapper .slick-prev {left: 50px;top: 100%;}
.wrap_gioithieu .porto-carousel-wrapper .slick-next {top: 100%;right: 50px;}
.wrap_gioithieu .porto-carousel-wrapper .slick-prev i,.wrap_gioithieu .porto-carousel-wrapper .slick-next i {font-size: 13px;color: #333;}
.wrap_gioithieu .porto-carousel-wrapper .slick-prev:after {content: "Prew";margin-left: 20px; font-size: 16px;color: #333;}
.wrap_gioithieu .porto-carousel-wrapper .slick-next:before {content: "Next";margin-right: 20px;font-size: 16px;color: #333; }
.wrap_gioithieu .porto-carousel-wrapper ul.slick-dots {display: flex;width: 40%;margin-left: auto;margin-right: auto;margin-top: 40px;}
.wrap_gioithieu .porto-carousel-wrapper ul.slick-dots li{width: auto;padding: 0;flex: 1;display: flex;align-items: center;height: 5px;}
.wrap_gioithieu .porto-carousel-wrapper ul.slick-dots li i:before {content: '';}
.wrap_gioithieu .porto-carousel-wrapper ul.slick-dots li i {height: 3px;background-color: #000;width: 100%;}
.wrap_gioithieu .porto-carousel-wrapper ul.slick-dots li.slick-active i{background-color: var(--porto-primary-color);height: 5px;}

.wrap_khamphaphong {padding: 60px 0 40px;background-size: cover; background-position: center center; background-repeat: no-repeat;}
.wrap_khamphaphong h2.vc_custom_heading { margin-bottom: 60px; }
.duan_trangchu .duan_post_main {margin-bottom: 30px!important;}
.duan_trangchu .duan_inner {position: relative;border-radius: 10px;overflow: hidden;}
.duan_trangchu .duan_info {position: absolute; bottom: 0;left: 0;padding-left: 20px;padding-right: 15px; z-index: 3;width: 100%;transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)}
.duan_trangchu .duan_inner:hover .duan_info {transform: translateY(-10px);}
.duan_trangchu .duan_inner:hover .duan_tienich {max-height: 40px;opacity: 1;}
.duan_trangchu .duan_inner h3.post_title {margin-bottom: 10px;}
.duan_trangchu .duan_inner h3.post_title a {font-size: 18px;text-transform: uppercase;font-weight: 600;color: #fff;line-height: 24px;transition: 0.2s ease-in-out;}
.duan_trangchu .duan_inner h3.post_title:hover a {color: var(--porto-primary-color);}
.duan_trangchu .duan_tienich {display: flex;gap: 0;padding-left: 0;max-height: 0;opacity: 0; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);position: relative;padding-top: 10px;}
.duan_trangchu .duan_tienich:before {content: "";position: absolute;top: 0;left: 0;height: 1px;width: 100%; max-width: 0;background-color: #fff;transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);}
.duan_trangchu .duan_inner:hover .duan_tienich:before { max-width:100%;}
.duan_trangchu .duan_tienich:after {position: absolute;right: 0;top: 50%;transform: translateY(-50%); content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900;margin-left: 10px;color: #fff;font-size: 25px;}
.duan_trangchu .duan_tienich li { display: flex;align-items: center;overflow: hidden;transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);color: #fff;margin-right: 10px;}
.duan_trangchu .duan_tienich li:hover {color: var(--porto-primary-color);}
.duan_trangchu .duan_tienich li i {text-align: center;flex-shrink: 0;font-size: 20px;}
.duan_trangchu .duan_tienich li i:hover {cursor: pointer;}
.duan_trangchu .duan_tienich li span { white-space: nowrap; max-width: 0; opacity: 0; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.duan_trangchu .duan_tienich li:hover span {max-width: 200px;opacity: 1; margin-left: 8px;}
.duan_trangchu .duan_inner:after {content: ""; position: absolute;top: 60%;left: 0;right: 0;bottom: 0;opacity: 1;top: 60%;background: linear-gradient(0deg, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.70) 60%, rgba(255,255,255,0) 100%); z-index: 1;}
.duan_trangchu .duan_inner img {width: 100%;}
.wrap_khamphaphong .duan_giaphong {display: none;}

.duan_trangchu .duan_giaphong {margin-top: 20px;}
.duan_trangchu .duan_giaphong .post-excerpt {text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.duan_trangchu .duan_giaphong .row_price {margin-top: 20px;}
.duan_trangchu .duan_giaphong .row_price .giaphong { font-size:20px;line-height:28px;font-weight:600; height: 100%;display: flex;align-items: center;}
.duan_trangchu .duan_giaphong .row_price .btn_wrapper {text-align: right;}
.duan_trangchu .duan_giaphong .row_price .btn_datphong {font-size: 20px;line-height: 28px;text-transform: uppercase; padding: 10px 15px; border: 1px solid #999;border-radius: 5px;font-weight: 500;transition: 0.3s ease-in-out;}
.duan_trangchu .duan_giaphong .row_price .btn_datphong:hover {border-color:var(--porto-primary-color);background-color:var(--porto-primary-color);color:#fff; }

.wrap_whychooseus { padding: 30px 0 40px; }
.wrap_whychooseus h2.vc_custom_heading {margin-bottom: 60px;}
.wrap_whychooseus .porto-carousel-wrapper {margin-left: -15px;margin-right: -15px;}
.wrap_whychooseus .porto-carousel-wrapper .slick-list {overflow: visible;}
.wrap_whychooseus .porto-carousel-wrapper .slick-slide:not(.slick-active) .wpb_single_image img {transform: scaleY(0.8);}
.wrap_whychooseus .wpb_single_image img {border-radius: 10px; transition: 0.2s ease-in-out;}
.wrap_whychooseus .wpb_single_image .vc_figure-caption {font-size: 18px;line-height: 24px;font-weight: 500;}
.wrap_whychooseus .porto-carousel-wrapper .slick-prev {left: 250px;top: 100%;}
.wrap_whychooseus .porto-carousel-wrapper .slick-next {top: 100%;right: 250px;}
.wrap_whychooseus .porto-carousel-wrapper .slick-prev:hover i, .wrap_whychooseus .porto-carousel-wrapper .slick-next:hover i,.wrap_whychooseus .porto-carousel-wrapper .slick-prev:hover:after,.wrap_whychooseus .porto-carousel-wrapper .slick-next:hover:before  {color:var(--porto-primary-color)!important;}
.wrap_whychooseus .porto-carousel-wrapper .slick-prev i,.wrap_whychooseus .porto-carousel-wrapper .slick-next i {font-size: 13px;color: #333;}
.wrap_whychooseus .porto-carousel-wrapper .slick-prev:after {content: "Prew";margin-left: 20px; font-size: 16px;color: #333;}
.wrap_whychooseus .porto-carousel-wrapper .slick-next:before {content: "Next";margin-right: 20px;font-size: 16px;color: #333; }
.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots {display: flex;width: 40%;margin-left: auto;margin-right: auto;margin-top: 40px;}
.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots li{width: auto;padding: 0;flex: 1;display: flex;align-items: center;height: 5px;}
.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots li i:before {content: '';}
.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots li i {height: 3px;background-color: #000;width: 100%;}
.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots li.slick-active i{background-color: var(--porto-primary-color);height: 5px;}

.wrap_tienichlienke {background-size: cover;background-position:left -80px center;background-repeat: no-repeat;padding-top: 50px;}
.wrap_tienichlienke .wpb_single_image {display: none;}
.wrap_tienichlienke h2.vc_custom_heading {margin-bottom: 22px;}
.wrap_tienichlienke table tr > td {padding: 5px;}
.wrap_tienichlienke table tr > td:first-child {width: 80%;font-size: 16px;font-weight: 600;position: relative;padding-left: 20px;}
.wrap_tienichlienke table tr > td:first-child:before {content: "\f111"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--porto-primary-color); position: absolute; left: 0; top: 6px;font-size: 10px;}
.wrap_tienichlienke table tr > td:last-child {width: 20%;font-size: 18px;font-weight: 600;color: var(--porto-primary-color);text-align: right;}

.wrap_chatluongvadichvu { background-size: cover; background-position: center center; background-repeat: no-repeat;padding: 20px 0;}
.wrap_chatluongvadichvu .desc {display: flex;align-items: center;}
.wrap_chatluongvadichvu .desc .wpb_text_column { background-size: cover; background-position: center bottom; background-repeat: no-repeat;width: 68%;padding: 50px 20px;color: #fff;text-align: center;border-radius: 10px;margin-bottom: 0;}
.wrap_chatluongvadichvu .desc .wpb_text_column h3 {color: #fff; text-transform: uppercase; padding: 0 30px;line-height: 34px;font-size: 26px;}
.wrap_chatluongvadichvu .play_video { padding-top: 200px; padding-bottom: 200px; margin-bottom: 0;}
.wrap_chatluongvadichvu .play_video i { color: #fff; font-size: 35px; width: 90px; height: 90px; border-radius: 50px; display: grid; place-items: center; margin: auto;background-color: rgba(243, 128, 32, 0.7);outline: 2px solid rgba(243, 128, 32, 0.7);outline-offset: 8px;}
.wrap_chatluongvadichvu .play_video:hover i {opacity: 0.7;}

.wrap_lounge { padding: 70px 0 30px; background-size: cover;background-position: center;background-repeat: no-repeat; }

.wrap_tintuc {padding-bottom: 20px;}
.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{color: #666;border: 1px solid #c6c4c4; padding: 10px 26px; border-radius: 8px; font-size: 16px;font-weight: 400; text-transform: uppercase; transition: 0.3s ease-in-out;}
.tintuc_trangchu .cat_title span a:hover{color: #fff; box-shadow: inset 0 0 0 50px 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;}

.wrap_lounge_page {margin-top: 60px;overflow: hidden;}
.wrap_lounge_page h3 {color:var(--porto-primary-color);font-size:26px;line-height:34px;font-weight:700; }
.wrap_lounge_page h3 strong {display: block;}
.wrap_lounge_page .wpb_text_column {margin-bottom: 0;position: relative;font-size: 20px;line-height: 28px;}
.wrap_lounge_page.row_odd .wpb_text_column:before {content: "";position: absolute;right: 0;bottom: 105%;width: 4px;height: 150px;background-color:var(--porto-primary-color); }
.wrap_lounge_page.row_even .wpb_text_column:before {content: "";position: absolute;left: 0;bottom: 105%;width: 4px;height: 150px;background-color:var(--porto-primary-color); }
.wrap_lounge_page.row_even .wpb_text_column, .wrap_lounge_page.row_even .wpb_text_column h3 {text-align: left;}
.wrap_lounge_page .wpb_single_image img {border-radius: 10px;}

.wrap_tienich_trainghiem_title { padding-top: 50px; }
.wrap_tienich_trainghiem_title .vc_btn3-container a { font-size: 18px; text-transform: uppercase; white-space: nowrap;}
.wrap_tienich_trainghiem > .vc_column_container > .vc_column-inner { display: flex; flex-wrap: wrap; width: auto;}
.wrap_tienich_trainghiem .porto-sicon-box { width: calc(100% / 4); margin-bottom: 0; position: relative; padding: 150px 0 50px; border-left: 1px solid #fff; overflow: hidden;}
.wrap_tienich_trainghiem { background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden;}
.wrap_tienich_trainghiem:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; z-index: 1; display: block;}
.wrap_tienich_trainghiem > .vc_column_container { z-index: 2; }
.wrap_tienich_trainghiem .porto-sicon-box:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--porto-primary-color); opacity: 0; z-index: 1; display: block; transition: 0.3s ease-in-out;}
.wrap_tienich_trainghiem .porto-sicon-box:hover:before { opacity: 0.6; }
.wrap_tienich_trainghiem .porto-sicon-box > * { position: relative; z-index: 3; }
.wrap_tienich_trainghiem .porto-sicon-box .porto-sicon-top { margin-bottom: 22px; }
.wrap_tienich_trainghiem .porto-sicon-box h3.porto-sicon-title{ color: #fff; font-size: 25px; text-transform: uppercase; font-weight:600;}
.wrap_tienich_trainghiem .porto-sicon-description { transform: translateY(185px); opacity: 0.5; transition: 0.5s ease-in-out; }
.wrap_tienich_trainghiem .porto-sicon-box:hover .porto-sicon-description { transform: translateY(0); opacity: 1;}
.wrap_tienich_trainghiem .porto-sicon-description span.stt {font-size: 120px; color: #fff; line-height: 128px; display: block; font-weight: 900;}
.wrap_tienich_trainghiem .circle-btn .view-more, .wrap_tienich_trainghiem .circle-btn .icon { color: #fff; }
.circle-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: #686868;
}
.circle-btn .view-more { color: #686868; text-transform: uppercase; font-size: 13px; font-weight: 700;}
.circle-btn .icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  z-index: 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: auto;
  background-color: transparent;
  transition: 0.3s ease-in-out;
}
.sgv-circle {  width: 80px; height: 80px; position: relative; transform: translateX(-15px); transition: 0.3s ease-in-out;}
.circle-btn:hover .sgv-circle { transform: translateX(0); }
/* SVG */
.circle {
  width: 100%;
  height: 100%;
  transform: rotate(-180deg); /* bắt đầu từ trên */
}
/* Vòng nền */
.circle-bg {
  fill: none;
  stroke: #d1d5db;
  stroke-width: 2;
  stroke-dasharray: 275 25; /* 75% vẽ – 25% khuyết */
  stroke-dashoffset: 296;
}
/* Vòng chạy */
.circle-progress {
  fill: none;
  stroke: #ff7300;
  stroke-width: 2;
  stroke-linecap: round;
  /* CHÌA KHÓA */
  stroke-dasharray: 283;      /* 2πr (r=45 → ~283) */
  stroke-dashoffset: 283;     /* Ẩn toàn bộ */
  transition: stroke-dashoffset 0.8s ease;
}
/* HOVER → chạy 360 độ */
.circle-btn:hover .circle-progress {
  stroke-dashoffset: 0;
}
/* Hover đổi màu icon */
.circle-btn:hover .view-more { 
  color: #ff7300!important;
}
.circle-btn:hover .icon {
  background-color: #ff7300; color: #fff!important;
}

.wrap_pagephong_img {padding-top: 50px}
.wrap_pagephong_img h2.vc_custom_heading {margin-bottom: 50px;}
.wrap_pagephong_img .wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d { margin-bottom:5px; }

.single-portfolio .thongtinphong { background-color:#eaf0f2;border-radius:10px;padding: 20px; margin: 30px 0 60px; }
.single-portfolio .thongtinphong .duan_tienich {display: flex;padding-left: 0;justify-content: space-between;margin-bottom: 0;}
.single-portfolio .thongtinphong .duan_tienich li {list-style: none;display: flex;align-items: center;}
.single-portfolio .thongtinphong .duan_tienich .info {display: flex;flex-direction: column;}
.single-portfolio .thongtinphong .duan_tienich .info span {font-weight: 500;color: #666;line-height: 1.3;}
.single-portfolio .thongtinphong .duan_tienich i {font-size: 25px;margin-right: 15px;}
.single-portfolio .thongtinphong .duan_tienich .price {font-size: 30px;font-weight: 600;color:var(--porto-primary-color); }
.single-portfolio .portfolio-image > .porto-carousel {border-radius: 25px;overflow: hidden;}
.single-portfolio .portfolio-image .owl-carousel.nav-style-3 .owl-nav [class*=owl-] {background-color:var(--porto-primary-color);width: 45px; font-size: 18px;}
.single-portfolio .portfolio-image .owl-carousel.nav-style-3 .owl-nav .owl-prev {border-radius: 0 50% 50% 0;}
.single-portfolio .portfolio-image .owl-carousel.nav-style-3 .owl-nav .owl-next {border-radius: 50% 0 0 50%;}
.single-portfolio .porfolio_content .wpb_text_column {margin-bottom: 10px;}
.single-portfolio .porfolio_content ul {padding-left: 0;margin-bottom: 12px;}
.single-portfolio .porfolio_content ul li, .single-portfolio .porfolio_content p {list-style: none; position: relative; padding-left: 0px; margin-bottom: 12px;}
/*.single-portfolio .porfolio_content ul li:before, .single-portfolio .porfolio_content p:before {content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--porto-primary-color); position: absolute; left: 0; top: 0px;}*/
.wrap_formdatphong_ctp .form_datphong > div {width: 100%;}
.wrap_formdatphong_ctp .form_datphong .form_field > div {width: 100%;}
.wrap_formdatphong_ctp {padding: 30px;background-color: #f6f6f6;border-radius: 20px;}
.wrap_formdatphong_ctp .form_field label {font-size: 18px;font-weight: 600;color: var(--porto-primary-color);margin-bottom: 5px;}
.wrap_formdatphong_ctp .form_field label small {font-size: 17px;font-weight: 500;color: #666; margin-left: 10px;}
.wrap_formdatphong_ctp .btn_submit {margin-top: 15px;margin-bottom: 0;}
.wrap_formdatphong_ctp  input.btn.btn-lg[type=submit] {width: 100%;border-radius: 30px;padding: 12px;font-size: 15px;font-weight: 500;}

.single-portfolio .related-portfolios {margin-top: 0;padding: 60px 0 50px;}
.related-portfolios h4.sub-title { text-transform:capitalize; margin-bottom: 35px;font-size: 30px;}
.related-portfolios .portfolio-carousel {margin-left: -15px;margin-right: -15px;width: auto;}
.related-portfolios .owl-stage > div {padding-left: 15px;padding-right: 15px;}
.related-portfolios .portfolio-carousel .portfolio-item {position: relative;border-radius: 20px;overflow: hidden;}
.related-portfolios .portfolio-carousel .portfolio-item h4.portfolio-title {position: absolute;bottom: 15px;left: 0;padding-left: 15px; color: #fff;font-size: 20px;font-weight: 600;width: 100%;text-align: left;transition: 0.3s ease-in-out;}
.related-portfolios .portfolio-carousel .portfolio-item h4.portfolio-title:after {position: absolute;right: 12px;top: 50%;transform: translateY(-50%); content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900;margin-left: 10px;color: #fff;font-size: 25px;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #fff;display: grid;place-items: center;}
.related-portfolios .portfolio-carousel .portfolio-item:hover h4.portfolio-title { color: var(--porto-primary-color);}
.related-portfolios .portfolio-carousel .portfolio-item .thumb-info:before {content: ""; position: absolute;top: 75%;left: 0;right: 0;bottom: 0;opacity: 1;background: linear-gradient(0deg, rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.70) 70%, rgba(255,255,255,0) 100%); z-index: 3;}
.related-portfolios .portfolio-carousel .portfolio-item  .thumb-info-wrapper {z-index: 1;}

.wrap_lienhe { margin-bottom: 50px; margin-top: -35px;}
.wrap_lienhe > .vc_column_container { padding-top: 60px; padding-bottom: 30px; margin-bottom: 50px;}
.wrap_lienhe > .vc_column_container > .vc_column-inner { position: relative; z-index: 3; }
.wrap_lienhe .contact_info:before { content: ""; width: 1000%; height: 100%; position: absolute; right:0; bottom: 0; background-color: #f1f1f1; display: block; z-index: 1;}
.wrap_lienhe .contact_info .wpb_text_column ul { padding-left: 0; }
.wrap_lienhe .contact_info .wpb_text_column ul li { margin-bottom: 12px; position: relative; padding-left: 35px; padding-right: 50px; list-style: none;}
.wrap_lienhe .contact_info .wpb_text_column ul li i { position: absolute ; top: 0px; left: 0; font-size: 22px; color: var(--porto-primary-color);}
.wrap_lienhe .contact_form { padding-left: 40px; }
.wrap_lienhe .contact_form:before { content: ""; width: 1000%; height: 100%; position: absolute; left:0; bottom: 0; background-color: #ebebeb; display: block; z-index: 1;}
.wrap_lienhe .contact_form .form-group { margin-bottom: 18px;}
.wrap_lienhe .contact_form .form-group textarea { height: 100px; }
.wrap_lienhe .contact_form input.btn.btn-lg[type=submit] { padding: 12px 30px; border-radius: 8px; margin-top: 10px;}
.wrap_lienhe .contact_form .form-control, .wrap_lienhe .contact_form input[type=color], input[type=date], .wrap_lienhe .contact_form input[type=datetime-local], .wrap_lienhe .contact_form input[type=datetime], .wrap_lienhe .contact_form input[type=email], .wrap_lienhe .contact_form input[type=month], .wrap_lienhe .contact_form input[type=number], .wrap_lienhe .contact_form input[type=password], .wrap_lienhe .contact_form input[type=search], .wrap_lienhe .contact_form input[type=tel], .wrap_lienhe .contact_form input[type=text], .wrap_lienhe .contact_form input[type=time], .wrap_lienhe .contact_form input[type=url], .wrap_lienhe .contact_form input[type=week], .wrap_lienhe .contact_form select, .wrap_lienhe .contact_form textarea { padding: 10px 12px; font-size: 16px; border-radius: 5px;}
.wrap_lienhe .contact_form .form-control:focus { border-color: var(--porto-primary-color); }
.wrap_map .porto-map-wrapper.porto-adjust-bottom-margin {margin-bottom: 10px;}

#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: 18px; 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-primary-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;width: 40%;text-align: left;}
#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; }

#exampleModal {padding: 0 10px!important;}
#exampleModal .form_datphong > div {width: 100%;}
#exampleModal .form_datphong .form_field > div {width: 50%;}
#exampleModal .form_field label {font-size: 18px;font-weight: 600;color: var(--porto-primary-color);margin-bottom: 5px;display: block;}
#exampleModal .form_field label small {display:block;font-size:14px;color:#888;font-weight:400;margin-left:0;}
#exampleModal .btn_submit {margin-top: 15px;margin-bottom: 0;}
#exampleModal  input.btn.btn-lg[type=submit] {width: 100%;border-radius: 30px;padding: 12px;font-size: 15px;font-weight: 500;}



.wrap_gioithieu_1 {padding: 30px 0;}
.wrap_gioithieu_1 h3.vc_custom_heading { border-left: 5px solid var(--porto-primary-color); padding: 8px 0 8px 10px;font-size:20px;line-height: 26px;}
.wrap_gioithieu_2 { padding: 70px 0 35px; }
.wrap_gioithieu_2 .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_gioithieu_2 .porto-sicon-box {width: calc((100% / 4) - 30px); margin-left: 15px;margin-right: 15px;margin-bottom: 30px;}
.wrap_gioithieu_2 .top-icon .porto-sicon-description {margin-top: 0;}
.wrap_gioithieu_3 {padding: 70px 0 40px;}
.wrap_gioithieu_4 {padding: 70px 0 50px;}
.wrap_gioithieu_4 .vc_row > .vc_column_container > .vc_column-inner {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;width: auto;}
.wrap_gioithieu_4 p.vc_custom_heading {width: calc((100% / 4) - 30px); margin-left: 15px;margin-right: 15px;margin-bottom: 30px;padding: 50px 10px;font-size: 22px;font-weight: 500;background-color:var(--porto-primary-color);color:#fff;border-radius:10px;}
.wrap_gioithieu_5 {padding: 70px 0 40px;}
.wrap_gioithieu_6 {padding: 70px 0 40px;}
.wrap_gioithieu_7 {padding-top: 70px;}
.wrap_gioithieu_7 .wpb_text_column ul { padding-left:0; }
.wrap_gioithieu_7 .wpb_text_column ul li {list-style: none;margin-bottom: 8px;}
.wrap_gioithieu_8 {padding-top: 30px;}
@media(max-width:1229px){
	.page-top { padding: 120px 0;}
	.page-top h1.page-title {font-size: 32px;line-height: 40px;}
	#header .main-menu > li.menu-item > a {font-size: 16px;font-weight: 600;}
	.wrap_banner .wpb_text_column {max-width: 960px;border-width: 6px;}
	.wrap_banner .wpb_text_column h6 {font-size: 40px;line-height: 55px;}
	.heading_style {font-size: 32px;line-height: 38px;} 
	.wrap_datphong_home .btn_submit input.btn.btn-lg[type=submit] {font-size: 14px;}
	.duan_trangchu .duan_tienich li {font-size: 13px;}
	.duan_trangchu .duan_tienich li i {font-size: 18px;}
	.wrap_whychooseus .wpb_single_image .vc_figure-caption {font-size: 16px;line-height: 22px;}
	.wrap_whychooseus .porto-carousel-wrapper .slick-prev {left: 200px;}
	.wrap_whychooseus .porto-carousel-wrapper .slick-next {right: 200px;}
	.wrap_tienichlienke {background-position: right -580px center;}
	.wrap_chatluongvadichvu .desc .wpb_text_column {width: 100%;}
	.wrap_lounge_page {margin-top: 40px;}
	.wrap_lounge_page h3 {font-size: 24px;line-height: 30px;}
    .wrap_gioithieu_page h2.vc_custom_heading {font-size: 26px;line-height: 32px;}
	.duan_trangchu .duan_giaphong .row_price .btn_datphong {font-size: 16px;}
	.single-portfolio .thongtinphong .duan_tienich .price {font-size: 26px;}
	#footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after {width: 42%; }
}
@media(max-width:991px){
	.page-top { padding: 100px 0;}
	.page-top h1.page-title {font-size: 25px;line-height: 31px; margin-bottom: 6px;}
	 #header .header-main .header-left, #header .header-main .header-center, #header .header-main .header-right  { padding: 8px 0;}
	 .wrap_banner .wpb_text_column {margin-left: 30px;bottom: 50%;transform: translate(0, 50%);margin-bottom: 0;}
	 .wrap_banner .wpb_text_column h6 {font-size: 35px;line-height: 50px;}
	 .heading_style {font-size: 30px;line-height: 36px;} 
	 .wrap_datphong_home {margin-top: 30px;padding-bottom: 30px;}
	 .wrap_datphong_home .form_datphong > div:first-child, .wrap_datphong_home .form_datphong > div:last-child {width: 100%;padding: 0;}
	 .wrap_datphong_home .form_field > div {width: calc(100% / 3);margin-bottom: 10px;}
     .wrap_datphong_home .form_field > div {padding: 0 15px;}
	 .wrap_datphong_home .btn_submit {transform: none; text-align: center;margin-bottom: 0;}
	 .wrap_datphong_home .btn_submit input.btn.btn-lg[type=submit] {padding: 12px;}
	 .wrap_gioithieu {flex-direction: column-reverse;}
	 .wrap_gioithieu > .vc_column_container {width: 100%;}
	 .wrap_gioithieu .column_1 {margin-top: 20px;}
	 .wrap_gioithieu .btn_style a {font-size: 16px;padding: 10px 28px;}
	 .duan_trangchu .duan_inner h3.post_title { margin-bottom: 5px; }
	 .duan_trangchu .duan_inner h3.post_title a {font-size: 16px;}
	 .duan_trangchu .duan_post_item {width: 50%; margin-bottom: 30px;}
	 .wrap_whychooseus .porto-carousel-wrapper .slick-prev {left: 120px;}
	.wrap_whychooseus .porto-carousel-wrapper .slick-next {right: 120px;}
	.wrap_whychooseus .porto-carousel-wrapper .slick-slide:not(.slick-active) .wpb_single_image img {transform: none;}
	.wrap_tienichlienke {background-image: none!important;padding-top: 0;}
	.wrap_tienichlienke > .vc_column_container {width: 100%;}
	.wrap_tienichlienke .wpb_single_image {display: block;}
	.wrap_chatluongvadichvu {padding-top: 50px;}
	.wrap_chatluongvadichvu .vc_row > .vc_column_container {width: 100%;}
	.wrap_chatluongvadichvu .play_video { padding-top:120px;padding-bottom:120px; }

	h2.lounge_page_title {text-align: center;margin-bottom: -20px;}
	.wrap_lounge_page {margin-top: 50px;}
	.wrap_lounge_page > .vc_column_container {width: 100%;}
	.wrap_lounge_page.row_even .wpb_text_column:before, .wrap_lounge_page.row_odd .wpb_text_column:before {display: none;}
	.wrap_lounge_page.row_odd  {flex-direction: column-reverse;}
	.wrap_lounge_page .wpb_single_image {margin-bottom: 20px;}

	.wrap_tienich_trainghiem .porto-sicon-box { width: 100%; border-bottom: 1px solid #fff; border-left: none; padding: 50px 0;}
  	.wrap_tienich_trainghiem .porto-sicon-box h3.porto-sicon-title { font-size: 20px; }
  	.wrap_tienich_trainghiem .porto-sicon-description { transform: translateY(0); }

  	.single-portfolio .thongtinphong {padding-bottom: 10px;padding-top: 30px;}
  	.single-portfolio .thongtinphong .duan_tienich {flex-wrap: wrap;justify-content: center;}
  	.single-portfolio .thongtinphong .duan_tienich li {width: calc(100% / 2);justify-content: center;align-items: center;margin-bottom: 20px;}
  	.single-portfolio .thongtinphong .duan_tienich .price {width: 100%;}
  	.single-portfolio article.portfolio > .row > div {width: 100%;}
  	.single-portfolio article.portfolio .wrap_formdatphong_ctp {margin-bottom: 20px;}
    .wrap_formdatphong_ctp {padding: 30px 10px 20px;}
    .wrap_formdatphong_ctp .form_datphong .form_field > div {width: calc(100% / 3);}
    .wrap_formdatphong_ctp .btn_submit {text-align: center;}

  	.wrap_lienhe h2.vc_custom_heading {font-size: 25px;line-height: 31px;}

	#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;font-size: 15px;line-height: 21px;}
    #footer .footer-bottom .footer-center .follow-us:before,#footer .footer-bottom .footer-center .follow-us:after { width: 40%; }

}

@media(max-width:767px){
	.justify {text-align: justify;}
	.page-top { padding: 80px 0;}
	.page-top h1.page-title {font-size: 22px;line-height: 28px;}
	.wrap_banner .wpb_text_column h6 {font-size: 30px;line-height: 45px;}
	.heading_style {font-size: 28px;line-height: 34px;}
	.heading_underline:after {margin-top: 5px;}
	.wrap_heading:before {bottom: -10px;}
	.wrap_heading:after {bottom: -18px;}
    .wrap_datphong_home .form_field > div {width: 50%;}
    .wrap_datphong_home .form_field label {min-height: unset;text-align: left;}
	.wrap_gioithieu {padding: 50px 0 25px;}
	.wrap_gioithieu h2.vc_custom_heading {margin-bottom: 20px;}
	.wrap_gioithieu .slick-slider .slick-next, .wrap_gioithieu .slick-slider .slick-prev, .wrap_whychooseus .slick-slider .slick-next, .wrap_whychooseus .slick-slider .slick-prev {display: inline-block!important;}
	.wrap_khamphaphong {padding: 40px 0 20px;}
	.wrap_khamphaphong h2.vc_custom_heading {margin-bottom: 50px;}
	.duan_trangchu .duan_inner:after {top: 75%;}
	.duan_trangchu .duan_post_item {width: 100%;}
	.duan_trangchu .duan_inner h3.post_title a {font-size: 20px;}
	.duan_trangchu .duan_tienich li {font-size: 15px;}
	.wrap_whychooseus {padding: 20px 0 25px;}
	.wrap_whychooseus h2.vc_custom_heading {margin-bottom: 50px;}
	 .wrap_whychooseus .porto-carousel-wrapper .slick-prev {left: 20px;}
	.wrap_whychooseus .porto-carousel-wrapper .slick-next {right: 20px;}
	.wrap_whychooseus .porto-carousel-wrapper ul.slick-dots {width: 50%;}
	.wrap_chatluongvadichvu .desc .wpb_text_column h3 {font-size: 22px;line-height: 30px;}
	.wrap_chatluongvadichvu .play_video i {width: 75px;height: 75px;}
	.wrap_lounge {padding: 45px 0 20px;}

	.duan_trangchu .duan_giaphong .row_price {justify-content: space-between;}
	.duan_trangchu .duan_giaphong .row_price > div {width: unset;}
	.duan_trangchu .duan_giaphong {margin-top: 10px;}
	.duan_trangchu .duan_post_main {margin-bottom: 40px!important;}
	.duan_trangchu .duan_post_item {margin-bottom: 40px;}

	.wrap_tienich_trainghiem_title h2.vc_custom_heading {font-size: 26px;line-height: 32px;}
	.wrap_tienich_trainghiem_title .vc_btn3-container a { font-size: 16px; }
    .wrap_tienich_trainghiem_title > .vc_column_container:first-child { width: 60%; }
    .wrap_tienich_trainghiem_title > .vc_column_container:last-child { width: 40%; }
    .wrap_tienich_trainghiem .porto-sicon-description span.stt{font-size: 100px; line-height: 108px; }
    .wrap_tintuc {padding-bottom: 0px;}

    .single-portfolio .thongtinphong {margin:10px 0 40px; }
    .wrap_formdatphong_ctp .form_datphong .form_field > div {width: 50%;}
    .wrap_formdatphong_ctp .form_datphong .form_field label {display: block;font-size: 18px;font-weight: 500;line-height: 22px;margin-bottom: 5px;}
    .wrap_formdatphong_ctp .form_datphong .form_field label small { display:block;font-size:14px;color:#888;font-weight:400;margin-left:0; }

    .wrap_lienhe { margin-top:5px; }
	.wrap_lienhe > .vc_column_container { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px;}
	.wrap_lienhe .contact_info .wpb_text_column { margin-bottom: 10px; }
	.wrap_lienhe .contact_form { padding-left: 15px; }
	.wrap_lienhe .contact_info:before, .wrap_lienhe .contact_form:before { width: 100%; border-radius: 10px;}

    .wrap_gioithieu_page h2.vc_custom_heading {font-size: 24px;line-height: 30px;text-align: center;margin-bottom: 20px;}
    .wrap_gioithieu_1 {padding: 20px 0;} 
    .wrap_gioithieu_1 h3.vc_custom_heading {font-size: 18px;line-height: 24px;}
    .wrap_gioithieu_2 {padding: 50px 0 20px;}
    .wrap_gioithieu_2 .porto-sicon-box, .wrap_gioithieu_4 p.vc_custom_heading {width: calc((100% / 2) - 30px);}
    .wrap_gioithieu_3 {padding: 50px 0 20px;}
    .wrap_gioithieu_4 {padding: 45px 0 30px;}
    .wrap_gioithieu_5 {padding: 45px 0 25px;}
    .wrap_gioithieu_6 {padding: 45px 0 25px;}
    .wrap_gioithieu_7 {padding-top: 60px;}

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

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

}

@media(max-width:576px){
	.page-top { padding: 50px 0;}
	.wrap_banner .wpb_text_column {border-width: 4px;}
	.wrap_banner .wpb_text_column h6 {font-size: 25px;line-height: 38px;}
	.heading_style {font-size: 24px;line-height: 30px;}
    .wrap_datphong_home .form_field {width: 100%;margin: auto;}
    .wrap_datphong_home .form_field > div {padding: 0 5px;}
	.wrap_gioithieu .column_1 {margin-top: 10px;}
	.wrap_gioithieu .btn_style a {font-size: 14px;}
	.wrap_tienichlienke table tr > td:first-child {width: 70%;}
	.wrap_tienichlienke table tr > td:last-child {width: 30%;}
	.wrap_chatluongvadichvu .desc .wpb_text_column h3 {font-size: 20px;line-height: 26px;margin-bottom: 10px;}
	.tintuc_trangchu .post_excerpt{text-align: justify;}
  	.tintuc_trangchu .chuyenmuc_post_item_wrap .post_excerpt{display: none;}

  	.wrap_tienich_trainghiem .porto-sicon-box h3.porto-sicon-title { font-size: 18px; }

    .wrap_formdatphong_ctp .form_datphong .form_field {width: 100%;margin: auto;}
    .wrap_formdatphong_ctp .form_datphong .form_field > div {padding: 0 5px;}

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

    #exampleModal .form_datphong .form_field {width: 100%;margin: auto;}
    #exampleModal .form_datphong .form_field > div {padding: 0 5px;}

}

@media(max-width:480px){
	.wrap_banner .wpb_text_column h6 {font-size: 20px;line-height: 30px;}
	.wrap_gioithieu .porto-carousel-wrapper .slick-prev {left: 10px;}
	.wrap_gioithieu .porto-carousel-wrapper .slick-next {right: 10px;}

	.wrap_tienich_trainghiem_title h2.vc_custom_heading {font-size: 19px;line-height: 25px;}
	.wrap_tienich_trainghiem_title .vc_btn3-container a { font-size: 12px; }

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