/*
Theme Name: Flatsome Child
Theme URI: 
Description: 
Author: 
Author URI: 
Template: flatsome
Version: 3.15.3
*/

@import url('fonts/style.css');

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
body {
/*     font-family: 'Montserrat', sans-serif !important; */
	font-family: -apple-system, 'San Francisco', system-ui !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif !important;
}
input#woocommerce-product-search-field-0 {
    border-radius: 1px !important;
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
    font-style: normal;
    color: #333;
}
.header-main {
    height: 90px;
    background-color: #f2f2f2;
}
.header-bottom {
    background: #FFF !IMPORTANT;
    border-bottom: 2px solid #E4E7ED;
    border-top: 3px solid #D10024;
}
.header-top {
    min-height: 30px;
    background: #1E1F29 !IMPORTANT;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a {
    color: #777777;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    padding: 15px 10px;
}

@font-face {
  src: url("https://palmmanor-viettri.com.vn/wp-content/fonts/SVN-AddingtonCF-Regular.otf");
  font-family: "AddingtonCF-Light";
}

@font-face {
  src: url("https://palmmanor-viettri.com.vn/wp-content/fonts/SVN-AddingtonCF-ExtraBold.otf");
  font-family: "AddingtonCF";
}

.font-AddingtonCF {
	font-family: "AddingtonCF" !important;
}

.font-AddingtonCF-Light {
	font-family: "AddingtonCF-Light" !important;
}

.dark, .dark p, .dark td {
  color: rgb(250, 230, 206);
}
.wpcf7-spinner{
	display: none;
}
.embed-container-video123 {
	background: rgb(15, 49, 39);
}
video {
  width: 100%;
  height: 100%;
}

body {
	overflow:hidden !important;
}
.top-divider {
    border-top: 1px solid;
    margin-bottom: -1px;
    opacity: -0.9;
}
.breadcrumb-blog {
    background: #f8f8f8;
    line-height: 40px;
    margin-bottom: 20px;
}
nav.woocommerce-breadcrumb.breadcrumbs {
    padding: 5px 15px;
    max-width: 1237px;
    margin: auto;
    color: #000;
    text-transform: unset;
    font-weight: 400;
    font-size: 14px;
}
span.amount {
    color: #dd0000;
    font-weight: 700;
    white-space: nowrap;
}
.nav-dropdown>li>a{font-size: 15px; font-weight: 600; color: #000;}
.nav-dropdown>li>a:hover{color: #dd0000 !important;}
.transparent .header-main {
    height: 50PX;
    background: #fff0;
}
.transparent #logo img {
    max-height: 203px;
    MARGIN-TOP: 36PX;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.hotline-text {
    position: relative;
    height: 40px;
    margin: 0;
    padding: 0 15px 0 12px !important;
    color: #183D31 !IMPORTANT;
    background-color: #fff;
    BORDER-RADIUS: 42PX;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !IMPORTANT;
}

.hotline-text span {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: currentColor;
    text-transform: uppercase;
}
.hotline-text svg {
    margin: 0 5px 0 0;
    width: 26px;
    height: 26px;
    color: inherit;
}
.hotline-text svg path {
    fill: #FFF;
}
a.icon.primary.button.round.is-small {
    position: relative;
    height: 40px;
    margin: 0;
    padding: 4px 15px 3px 15px !important;
    color: #183D31 !IMPORTANT;
    background-color: rgb(255 255 255);
    BORDER-RADIUS: 42PX;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}
.stuck .header-main {
    height: 83px ;
    background: #183d31 ! IMPORTANT;
}
.stuck #logo img {
    max-height: 55px!important;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.col_as ul {
    margin-left: 21px;
}
.col_as .text-box-content.text.box-shadow-3 {
    border-radius: 30px;
    background: linear-gradient(0deg,rgb(0 0 0 / 82%) 0,rgb(4 49 70 / 50%) 100%) !IMPORTANT;
    color: #fff;
}
.col_as p {
    margin-top: 0 !IMPORTANT;
    margin-bottom: 10px;
}
.col_as h3.av-special-heading-tag {
    color: #fff;
    margin-bottom: 16px;
}
.col_as h3.av-special-heading-tag {
    margin-bottom: 16px;
    color: #eea676;
}
.location-circle ul {
    width: 100%;
    text-align: center;

    position: relative;
    display: block;
}
.location-circle .box-circle {
    position: relative;
    width: 10vh;
    height: 10vh;
    color: #fcfcfc;
    margin: 0 auto 5px;
    font-size: 1.5vh;
    font-weight: 400;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    background: #eea676;
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.location-circle .box-circle strong {
    font-size: 250%;
    margin: 0;
    line-height: 1;
    text-shadow: 0 1px 1px rgb(0 0 0 / 64%);
}
.location-circle em {
    position: relative;
    width:24vh;
    margin: auto;
    font-size: 1.2vh;
    font-style: normal;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
	font-family: 'Playfair Display', serif !important;
}
.location-circle.ani-item li {
    list-style: none;
    margin-bottom: 33px;
}
h3.av-special-heading-tag {
    font-size: 36px;
    line-height: 61px;
}
.header-main {
    height: 90px;
    background-color: #f2f2f200 !IMPORTANT;
}
.header-bg-color {
    background-color: hsl(0deg 0% 100% / 0%);
}
.stuck #logo img {
    max-height: 77px!important;
}
.map-svg {
    z-index: 2;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.st-line {
    fill: none;
    stroke-miterlimit: 10;
    stroke: rgb(255 255 255 / 70%);
}
.st-line {
    opacity: 0;
}
.til_12 h2 {
    color: #f5bd94;
    font-family: AddingtonCF-Light !IMPORTANT;
    font-weight: 300;
    font-size: 44px;
}
.col_bar .col-inner {
    background: url(/wp-content/uploads/2024/03/thanh-phan.png);
    background-repeat: no-repeat;
    background-size: 345px;
    height: 100%;
    padding: 115px 45px 19px 45px;
}
.chudautu p {
    margin-bottom: -5px;
    font-size: 17px;
    font-weight: 400;
}
.duan h2 {
    color: #f5bd94;
    font-family: "Montserrat", sans-serif !IMPORTANT;
    font-size: 25px;
    font-weight: 600;
}
hr.gap.gap-2x {
    margin: 31px 46px;
}
.col-bor p {
    margin-bottom: 0;
    font-size: 16px;
}
.col-bor h2 {
    font-weight: 900;
    font-size: 46px;
}
.col-inner.dark {
/*     border-bottom: 1px solid #ffffff69; */
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.s11 .large-4 strong {
    font-weight: 900;
}
.s11 .large-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0px 55px;
}
.col-bor .icon-box-img {
    width: 43px !IMPORTANT;
}
.tilehoanhao {
    text-align: center;
}
.tilehoanhao h2 {
    margin-bottom: -2px;
    font-size: 56px;
    font-family: AddingtonCF-Light !IMPORTANT;
    font-weight: 300;
}
.hoanhao {
    padding-top: 97px !IMPORTANT;
    padding-bottom: 505px !IMPORTANT;
}
.collie p {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 600;
    color: rgb(250, 230, 206);
    border: 2px solid;
    padding: 29px 19px;
    margin-top: 148px;
}
.hoanhao .col {
    margin-bottom: 0;
    padding: 0 46px 30px;
}

a.button.primary.is-outline:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/z5225139608455_a72c0795fb026125a003e200b70e8017-removebg-preview.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 24px;
    top: 5px;
    left: 11px;
}
a.button.primary.is-outline {
    color: rgb(250, 230, 206);
    font-weight: 500;
    border: 1px solid;
    position: relative;
    padding-left: 41px;
}
.khoinguon {
    padding-left: 99px;
    color: #f5bd94;
    font-size: 17px;
    font-weight: 500;
}

.comsing {
    padding-top: 615px ! IMPORTANT;
    padding-bottom: 148px ! IMPORTANT;
}
.so1 {
    background: #f4be92;
    color: #fff !important;
    border-radius: 54px;
    padding: 8px 10px;
    font-family: 'Montserrat', sans-serif !important;
    width: 80px;
	height: 80px;
    margin: 0 auto;
}
.so1 .sol {
    color: #fff;
    margin-bottom: -15px;
    font-size: 31px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif !important;
}
.so1 p {
    margin-bottom: 0;
    font-size: 12px;
}
.colvitri {
    padding: 0px 18px 19px;
}
.cont56 {
    position: relative;
  
}
.cont56 p.r1 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}
.box_s .box-image:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/nena-e1709601535592.png);
    padding: 46px 27px;
    background-repeat: no-repeat;
    background-size: 502px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: -15px;
    top: -8px;
}
.box_s .box-image {
    padding: 39px 33px;
    height: 340px;
}
.Tils1 p {
    margin-bottom: 0;
    font-size: 43px;
}
.Tils1 h2 {
    font-size: 57px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif !important;
}
.Tils1 p {
    margin-bottom: -6px;
    font-family: AddingtonCF-Light !IMPORTANT;
    font-weight: 300;
    font-size: 44px;
}
.Tils1 {
    position: relative;
}
.Tils1:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/icona.png);
    padding: 46px 27px;
    background-repeat: no-repeat;
    background-size: 112px;
    height: 125px;
    width: 110px;
    position: absolute;
    top: 12px;
    right: 320px;
}
.lydo6 h2 {
    font-weight: 400;
    margin-bottom: -9px;
    padding-left: 39px;
    color: #fff !IMPORTANT;
    font-size: 53px;
    margin-top: 129px;
       font-family: AddingtonCF-Light ! IMPORTANT;
}
.lydo_06 {
    padding-top: 84px !IMPORTANT;
    padding-bottom: 355px !IMPORTANT;
}
.lydo_06 .icon-box.featured-box.icon-box-left.text-left {
    margin-bottom: 50px;
}
.lydo_06 p {
    font-size: 15px;
    font-weight: 400;
}
.lydo_06 .icon-box-text.last-reset {
    display: flex;
    align-items: center;
}


.tienich .soa {
    display: inline;
    background: rgb(250, 230, 206);
    padding: 2px 8px;
    border-radius: 45px;
    float: left;
    width: 9%;
    text-align: center;
    font-size: 17px;
    margin-right: 10px;
    color: #183c30 ! IMPORTANT;
    font-weight: 700;
}
.cls p {
    margin-bottom: 0;
}
.cls p {
    font-size: 15px;
    font-weight: 500;
}
.tienich {
    position: relative;
}
.ulli ul {
    margin-left: 0px;
}
.ulli ul li {
    margin-bottom: 1px;
    font-size: 14px;
    padding-left: 12px;
    list-style: square;
}
.tienich p {
    font-size: 15px;
    font-weight: 500;
}
.nenba {
    background: #F6EADC;
    height: 26px;
    width: 44px;
    float: left;
    margin-right: 14px;
}
.nenba1 {
    background: #F9F5D1;
    height: 26px;
    width: 44px;
    float: left;
    margin-right: 14px;
}
.nenba2 {
    background: #DC99BC;
    height: 26px;
    width: 44px;
    float: left;
    margin-right: 14px;
}
.nenba3 {
    background: #FABDA6;
    height: 26px;
    width: 44px;
    float: left;
    margin-right: 14px;
}
.col-bor h2 span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 7px;
}
.logocaychong p {
    margin-bottom: 0;
    font-weight: 700;
}
.tes h2 {
    font-size: 20px;
}
.imgtrang img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
h5.post-title.is-large {
    color: rgb(250, 230, 206);
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: 300;
    font-family: "AddingtonCF-Light" ! IMPORTANT;
}
.post-meta.is-small.op-8 {
    color: #fff !IMPORTANT;
    background: rgb(207, 168, 129);
    font-size: 13px;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 4px;
    opacity: 3.8;
}
.s1 {
    float: left;
    width: 49%;
}

.s2 {
    float: right;
    width: 49%;
}
input.wpcf7-form-control {
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%);
    height: 50px;
    border-radius: 4px;
	font-weight: bold;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    width: 100%;
    background: rgb(253, 213, 137);
    color: #183d31;
    font-weight: 800;
}
.form_popup input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
	background: rgb(253, 213, 137) !important;
}
.dDK_S input.wpcf7-form-control {
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%);
    height: 60px;
    border-radius: 4px;
    font-size: 22px;
}
.video.video-fit.mb {
    margin-bottom: -2px;
}
.iconthem:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/bbb.png);
    position: absolute;
    height: 39%;
    width: 25%;
    left: 37%;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: 505px;
    top: -159px;
}
span.menu-title.uppercase.hide-for-small {
    position: relative;
	padding-right: 1.5em;
}
span.menu-title.uppercase.hide-for-small:after {
    content: "";
    background: url(/wp-content/uploads/2024/03/menu.png);
    height: 15px;
    position: absolute;
    width: 17px;
    background-repeat: no-repeat;
    background-size: 17px;
    top: 4px;
    right: 0;
}
i.icon-menu {
    display: none;
}

.col_sbai .col-inner {
    padding: 20px 24px;
    height: 100%;
}
.col_sbai h4 {
    color: #183c31 !IMPORTANT;
    font-size: 19px;
     font-family: AddingtonCF-Light !IMPORTANT;
    font-weight: 300;
}
a.button.primary.is-underline.lowercase {
    color: #cfa881;
}
.col_sbai .col-inner p {
    font-size: 15px;
    font-weight: 500;
    color: #333;

    font-weight: 300;
}
.col-bor strong {
    font-weight: 900;
}
.lydo_06 .icon-box-text.last-reset h3 {
    font-size: 32px;
	    font-family: AddingtonCF-Light ! IMPORTANT;
    font-weight: 300;
}
#footer li {
    margin-left: 0;
    list-style: none;
}

#footer a.button.primary.is-outline.lowercase {
    color: #CEA83C;
    font-size: 24px;
    font-weight: 700;
    padding: 0px 16px;
}
#footer a.button.primary.is-outline.lowercase:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/icon.png);
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 24px;
    top: 5px;
    left: 11px;
	display:none !important;
}
#footer img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.stuck .logo a {
    color: #446084;
    display: block;
    font-size: 32px;
    font-weight: bolder;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0 0 10px 10px;
    background: #133d31;
    padding: 24px 11px; 
}
.stuck  #logo {
    width: 188px;
}
.tiendo h3 {
    font-family: AddingtonCF-Light ! IMPORTANT;
    font-weight: 300;
    font-size: 27px;
}
.tiendo .box-image {
    border-radius: 10px;
}
.is-divider {
    display: none;
}
.font_sa p {
    margin-bottom: 7px;
    font-size: 38px;
    font-weight: 600;
    margin-top: 38px;
}
a.button.primary.is-outline:hover {
    background-color: #ffffff;
}
.til_12s h2 {
    font-size: 50px;
    margin-top: -31px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 0;
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    font-family: AddingtonCF-Light ! IMPORTANT;
    text-align: center;
    display: block;
}

.til_12s4 {
    position: relative;
    margin-top: 74px;
    font-size: 25px;
    margin-bottom: 57px;
    padding-left: 131px;
    margin-left: -90px;
}
.til_12s4:before {
    content: "";
    background: url(/wp-content/uploads/2024/03/Untitled-1-4-e1709694142547.png);
    height: 269px;
    width: 996px;
    position: absolute;
    z-index: 99;
    background-repeat: no-repeat;
    background-size: 1026px;
    left: -15px;
    top: -93px;
}
.til_12s4 p {
    margin-bottom: 0;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
	background:#fff !important;
}
.dDK_S input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background: #ededed !important;
}
.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-left.mfp-ready .mfp-content {
    background-color: #133d31 !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition: transform .2s;
    width: 280px !important;
    padding: 3px 20px;
}

.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}
.tiendo1 {
    line-height: 59px ! IMPORTANT;
    font-family: AddingtonCF-Light ! IMPORTANT;

    border-radius: 15px;
    color: rgb(250, 230, 206);
    font-weight: 500;
    border: 0;
    
}
.tiendo img {
    display: block;
    border: 1px solid #fafafa;
    border-radius: 10px;
    aspect-ratio: 3 / 2;
}
img.mfp-img {
   
    border-radius: 10px;
    margin: 0;
    padding: 0;
}
.mobilebanggia, .tuvanhotmobile {
	display:none;
}
.box_s p {

    font-size: 19px;
}
.back-to-top.active {
    opacity: 1;
    pointer-events: inherit;
    transform: translateY(0);
    background: #fff;
    color: #333;
    border-radius: 23px;
}
.off-canvas .sidebar-menu {
    padding: 0px 0;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a:hover {
	    color: rgb(250, 230, 206) !important;
}
h2.ls1 {
    margin-bottom: -6px;
    font-family: AddingtonCF-Light ! IMPORTANT;
    font-weight: 300;
    font-size: 44px;
}
.hethong {
    padding-left: 0 !IMPORTANT;
}
h2.tiletext span {
    margin-bottom: -6px;
    font-family: AddingtonCF-Light ! IMPORTANT;
    font-weight: 300;
    font-size: 51px;
}
h2.tiletext {
    font-size: 54px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}
h2.tiletext.textLeft {
	text-align: left;
}
h2.tiletext.text-center {
  text-align: center;
}
h2.tiletext.font-light {
	font-weight: 400;
}
h2.tiletext strong {
	font-weight: 800
}

.subtitle {
	line-height: 46px;
	margin-bottom: 20px;
	font-size: 40px;
}

.khoinguon h2.tiletext {
    text-align: left;
    line-height: 72px;
}
.khoinguon h2.tiletext strong {
    padding-left: 257px;
    font-weight: 800;
    font-size: 57px;
}
.lydorow {
    background-image: url(/wp-content/uploads/2024/03/nenba-e1709633714753-1.png);
    padding-top: 0px;
    padding-bottom: 355px;
	background-size: cover;
  background-position: center;
}
.lydorow h3 {
    font-size: 32px;
    font-family: AddingtonCF-Light ! IMPORTANT;
    font-weight: 300;
}
.lydorow .icon-box.featured-box.icon-box-left.text-left {
    margin-bottom: 50px;
}
.suhoanhao {
    background-image: url(/wp-content/uploads/2024/03/Untitled-8-1.png);
    padding-top: 97px;
    padding-bottom: 374px;
}
.row_2hoanhao {
    margin: auto ! IMPORTANT;
}
.row_uudai {
    background-image: url(/wp-content/uploads/2024/03/8-e1709707788521-1.png);
	background-size: cover;
	background-position: center;
    padding-top: 615px;
    padding-bottom: 50px;
}
.uudai_row1 {
    margin: auto ! IMPORTANT; 
}
.iconqua p {
    font-size: 29px;
    margin-bottom: 0;
}
.iconqua h2 {
    font-size: 59px;
    margin-bottom: 70px;
}
.but1 img {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes bounce {
0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
.wpcf7 .wpcf7-form-control-wrap {
    display: contents !important;
}

button.pum-close.popmake-close {
    line-height: 11px !important;
    background: #fff ! IMPORTANT;
    color: #333 !important;
}
.pum-container.pum-responsive.pum-responsive-tiny input.wpcf7-form-control.wpcf7-text {
    height: 37px;
    font-size: 17px;
}
.pum-container.pum-responsive.pum-responsive-tiny input.wpcf7-form-control.has-spinner.wpcf7-submit {
    height: 37px;
    font-size: 14px;
}
.pum-content section {
    padding: 0px 90px;
    padding-top: 202px !IMPORTANT;
    padding-bottom: 145px !IMPORTANT;
}
div#popmake-1481 {
    padding: 10px !important;
}
.rol_Sa .col-inner {
    background-image: url(https://palmmanor-viettri.com.vn/wp-content/uploads/2024/03/z5252091253411_4fd3066….jpg) !IMPORTANT;
    background-size: 100% 100% !IMPORTANT;
    background-repeat: no-repeat !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #fff !important;
    color: #183d31;
    border: 0;
	font-weight: bold;
  padding: 10px;
  text-align: center;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0 !important;
}
.mfp-container .mfp-arrow,.mfp-container .mfp-bottom-bar  {
  display: none;
}

@media only screen and (max-width: 1550px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	h2.tiletext {
		font-size: 42px;
	}

}

@media only screen and (max-width: 1366px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	h2.tiletext {
		font-size: 40px;
	}
	.colvitri {
		padding: 0 0 20px;
	}
}

@media only screen and (max-width: 1024px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	.colvitri {
		padding: 0 0 20px !important;
	}
	.til_12 h2 {
		color: #f5bd94;
		font-family: AddingtonCF-Light ! IMPORTANT;
		font-weight: 300;
		font-size: 32px ! IMPORTANT;
	}
	.imgtal  {
		display: none !important;
	}
	.row_2hoanhao {
		flex-direction: column-reverse
	}
	.col-image-vitri {
		flex-basis: 83.3333333333%;
    	max-width: 83.3333333333%;
	}
	h2.tiletext {
		font-size: 40px ! IMPORTANT;
		font-weight: 800;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
	}
	.khoinguon h2.tiletext strong {
		padding-left: 106px ! IMPORTANT;
		font-weight: 800;
		font-size: 36px ! IMPORTANT;
	}
	.khoinguon h2.tiletext {
		text-align: left;
		line-height: 45px ! IMPORTANT;
	}
	.tab_tienich {
		display: none;
	}
	.col_bofe .medium-3 {
		flex-basis: 33% !important;
		max-width: 33% !important;
	}
	.trai1 >.col-inner {
		padding: 0 !IMPORTANT;
	}
	.tienich .soa {
		display: inline;
		background: rgb(250, 230, 206);
		padding: 2px 8px;
		border-radius: 45px;
		float: left;
		width: 13% ! IMPORTANT;
		text-align: center;
		font-size: 17px;
		margin-right: 10px;
		color: #183c30 ! IMPORTANT;
		font-weight: 700;
	}
	.Tils1:before {
		content: "";
		background: url(/wp-content/uploads/2024/03/icona.png);
		padding: 46px 27px;
		background-repeat: no-repeat;
		background-size: 112px;
		height: 125px;
		width: 110px;
		position: absolute;
		top: 12px;
		right: 320px;
		opacity: 0 !IMPORTANT;
	}
	.row_2hoanhao .medium-9 {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.box_s .box-image:before {
		content: "";
		background: url(/wp-content/uploads/2024/03/nena-e1709601535592.png);
		padding: 37px 27px;
		background-repeat: no-repeat;
		background-size: 272px ! IMPORTANT;
		height: 101% ! IMPORTANT;
		width: 123% ! IMPORTANT;
		position: absolute;
		left: -15px;
		top: -8px;
	}
	.box_s .box-image {
		padding: 39px 33px;
		height: 182px ! IMPORTANT;
	}
	.mapvitri .row-full-width {
		margin: auto ! IMPORTANT;
	}
	.mapvitri .row-full-width .col {
		flex-basis: 100% ! IMPORTANT;
		max-width: 100% ! IMPORTANT;
		padding-bottom: 6px;
	}
	.simobile {
		display: none;
	}
	.tablet1 .medium-9 {
		flex-basis: 100% ! IMPORTANT;
		max-width: 100% ! IMPORTANT;
	}

	.vitri_01 {
		flex-basis: 100% ! IMPORTANT;
		max-width: 100% ! IMPORTANT;
	}

	.iconthem:before {
		content: "";
		background: url(/wp-content/uploads/2024/03/bbb.png);
		position: absolute;
		height: 39%;
		width: 25%;
		left: 37%;
		z-index: 9;
		background-repeat: no-repeat;
		background-size: 505px;
		top: -159px;
		opacity: 0;
	}
	.vitri_01 .col-inner.text-left {
		padding: 0 !important;
	}
	.vitri_01 .img .img-inner {
		overflow: hidden;
		padding-top: 56% ! IMPORTANT;
	}
	.tilemobile {
		width: 20%;
		float: left;
	}
	.tilemobile .somobile {
		font-size: 33px;
		font-weight: 700;
	}
	.tilemobile .somobile span {
		font-weight: 400;
		font-size: 17px;
		padding-left: 5px;
	}
	.tilemobile p {
		margin-bottom: 0;
		color: #fae6ce !important;
		padding: 0px 10px;
		font-size: 13px;
		font-weight: 600;
	}
	.font-AddingtonCF-Light {
	  font-family: "AddingtonCF-Light" !important;
	}
}

@media only screen and (max-width: 981px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	h2.tiletext {
		font-size: 42px;
	}
	.colvitri {
		padding: 0 0 20px;
	}
	.font-AddingtonCF-Light {
	  font-family: "AddingtonCF-Light" !important;
	}
}

@media only screen and (max-width: 768px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	h2.tiletext {
		font-size: 40px;
	}
	.col-image-vitri {
		flex-basis: 100%;
		max-width: 100%;
	}
	.colvitri {
		padding: 0 0 20px;
	}
	.col_bar .col-inner {
		width: 306px !important;
		background: url(/wp-content/uploads/2024/03/thanh-phan.png);
		background-repeat: no-repeat;
		background-size: 306px !important;
		height: 139% !important;
		padding: 83px 45px 57px 45px !important;
	}
	.s11 .large-4 {
		flex-basis: 100% !important;
		max-width: 100% !important;
		padding: 0px 65px;
	}
	.so1 {
		background: #f4be9200 !important;
		color: #fff !important;
		border-radius: 54px;
		padding: 8px 10px;
	}
	.so1 h2 {
		color: #fff;
		margin-bottom: -7px;
		font-size: 31px;
		font-weight: 500;
		float: left !important;
		width: 90% !important;
	}
	.Tils1 h2 {
			font-family: AddingtonCF-Light !important;
		font-size: 32px !important;
	}
	.Tils1:before {
		content: "";
		background: url(/wp-content/uploads/2024/03/icona.png);
		padding: 46px 27px;
		background-repeat: no-repeat;
		background-size: 47px !IMPORTANT;
		height: 125px;
		width: 110px;
		position: absolute;
		top: 2px !important;
		right: 0px !important;
	}
	.box_s .box-image:before {
		content: "";
		background: url(/wp-content/uploads/2024/03/nena-e1709601535592.png);
		padding: 40px 19px !important;
		background-repeat: no-repeat;
		background-size: 428px !important;
		height: 300px !important;
		width: 427px !important;
		position: absolute;
		left: -15px;
		top: -8px;
	}
	.box_s .box-image {
		padding: 39px 33px;
		height: 282px !important;
	}
	.tilehoanhao {
		padding-left: 0 !important;
		text-align: center;
	}
	.tilehoanhao h2 {
		margin-bottom: -2px;
		font-size: 34px !important;
			font-family: AddingtonCF-Light !important;
		font-weight: 600;
	}
	.mboliehoanhao p {
		text-align: justify;
		font-size: 17px;
	}
	.collie p {
		margin-bottom: 0;
		font-size: 26px;
		font-weight: 600;
		color: #eda576;
		border: 2px solid;
		padding: 27px 9px !important;
		margin-top: 0 !important;
	}
	.mapvitri .col-inner {
		padding: 0 !important;
	}
	.tienich h4 {
		display: inline;

		padding: 1px 9px;
		border-radius: 45px;
		float: left;
		width: 8% !important;
		text-align: center;
		font-size: 17px;
		margin-right: 10px;
		color: #183c30 !important;
	}
	.tilemobile .somobile {
		margin-bottom: 1px;
		font-size: 44px;
		font-weight: 900;
	}
	.tilemobile span {
		font-weight: 400;
		font-size: 20px;
		padding-left: 5px;
	}
	.tilemobile p {
		color: #fff ! important;
		margin-top: 0;
		font-weight: 700;
		font-size: 16px;
	}
	.comsingmobile {
		padding-top: 215px !important;
	}
	.dDK_S input.wpcf7-form-control {
		box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%);
		height: 60px;
		border-radius: 4px;
		font-size: 15px !important;
	}
	.mobilekhoinguon h3 {
			font-family: AddingtonCF-Light !important;
		font-weight: 400;
		font-size: 30px;
		margin-bottom: 0px;
	}
	.mobilekhoinguon h2 {
			font-family: AddingtonCF-Light !important;
		font-weight: 800;
		font-size: 43px;
		margin-bottom: 0px;
	}
	.khoinguonsa p {
		margin-bottom: 0;
		font-size: 11px;
		font-weight: 600;
		margin-top: 45px;
	}
	.khoi-nguon-mobile {
		padding-top: 11px ! important;
		padding-bottom: 0px ! important;
	}
	.tes1 h2 {
		font-size: 15px;

	}

	#logo {
		width: 174px;
		margin: 0;
		margin-right: 99px !important;
	}
	span.menu-title.uppercase.hide-for-small {
		display: block !important;
		margin-top: 5px;
	}
	a.icon.primary.button.round.is-small {
		position: relative;
		height: 40px;
		margin: 0 15px 0 0;
		padding: 4px 11px 3px 11px !important;
		color: #053146 !important;
		background-color: rgb(255 255 255 / 51%);
		border-radius: 42PX;
		font-family: 'Montserrat', sans-serif !important;
		width: 104px;
	}
	.transparent .header-main {
		height: 70PX !important;
		background: #133d3163 !important;
	}
	.stuck #logo img {
		max-height: 160px!important;
	}
	.stuck .header-main {
		height: 64px !important;
		background: #183d3187 ! important;
	}
	.dktuvan p {
		margin-bottom: 17px !important;
		font-size: 30px;
	}
	.transparent #logo img {
		max-height: 61px !important;
		MARGIN-TOP: 0 !important;
	}
	#logo {
		width: 118px !important;
		margin: 0;
		margin-right: 151px !important;
	}
	.stuck #logo img {
		max-height: 108px!important;
	}
	.logo a {
		color: #446084;
		display: block;
		font-size: 32px;
		font-weight: bolder;
		margin: 0;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 0 0 10px 10px;
		background: #133d31;
		padding: 24px 11px;
	}
	.monilecom p {
		font-size: 23px ! important;
	}
	.tiendo1 {
		line-height: 39px ! important;
		font-family: AddingtonCF-Light ! important;
		font-size: 25px ! important;
		border-radius: 15px;
		padding: 18px 69px;
		padding-right: 0px;
		color: #F3BE92;
		font-weight: 500;
		border: 1px solid;
		position: relative;
		padding-left: 60px;
		width: 95% ! IMPORTANT;
	}
	.mobilebanggia {
		position: fixed ! IMPORTANT;
		right: 0;
		z-index: 99;
		bottom: 14px;
		width: 49%;
		line-height: 38px;
		display: block ! IMPORTANT;
	}
	.tuvanhotmobile {
		position: fixed ! IMPORTANT;
		right: 213px ! IMPORTANT;
		z-index: 99;
		bottom: 14px;
		width: 40%;
		line-height: 38px;
		display: block ! IMPORTANT;
	}
	.mobilebanggia img {
		width: 10%;
	}
	.hotline-text span {
		font-size: 12px ! IMPORTANT;
		line-height: 1.4;
		font-weight: 600;
		color: currentColor;
		text-transform: uppercase;
	}
	a.button.primary.is-outline.matbangmobile {
		margin-top: 35px;
		margin-bottom: 0;
	}
	.moka {
		padding-bottom: 0 !important;
	}
	.back-to-top.active {
		opacity: 1;
		pointer-events: inherit;
		transform: translateY(0);
		z-index: 0999;
		bottom: 278px;
		background: #fff;
		color: #183d31;
		border-radius: 36px;
	}
	.moka .col {
			padding-bottom: 8px ! IMPORTANT; }
	.ciok p {
		margin-bottom: 0;
		font-size: 23px ! IMPORTANT;
	}
	.ciok h2 {
		font-size: 44px;
	}
	.monilecom {
		padding-top: 615px ! IMPORTANT;
		padding-bottom: 50px ! IMPORTANT;
	}
	.hotm {
		position: fixed ! IMPORTANT;
		right: 16px;
		z-index: 99;
		bottom: 9px;
		width: 80%;
		line-height: 38px;
		display: flex;
	}
	.hotm {
	display:block !important;
	}
	.hotm a {
		float: left;
		width: 48%;
		margin-right: 4px;
	}
	.lydo6 h2 {
		font-weight: 400;
		margin-bottom: -2px ! IMPORTANT;
		padding-left: 11px ! IMPORTANT;
		color: #fff ! IMPORTANT;
		font-size: 25px ! IMPORTANT;
		margin-top: 32px !important;
	}
	.so6 .col-inner.text-right {
		margin: 0px 10px ! IMPORTANT;
	}
	.col_solydo .icon-box-img {
		width: 60px ! IMPORTANT;
	}
	.col_solydo h3 {
		font-size: 22px ! IMPORTANT;
		font-family: AddingtonCF-Light ! IMPORTANT;
		font-weight: 300;
	}
	.col_solydo p {
		font-size: 13px;
		font-weight: 500;
		text-align: left ! IMPORTANT;
	}
	/* cs moi */
	.cacso .col-inner {
		padding: 0px 6px ! IMPORTANT;
		padding-top: 25px ! IMPORTANT;
	}
	
	.lydorow {
		background-image: linear-gradient(to bottom, #183c30 0%,#0f3127 100%) !important;
		padding-top: 45px ! IMPORTANT;
		padding-bottom: 4px ! IMPORTANT;
	}
	.lydorow>.col>.col-inner.text-left {
		padding: 0px 8px ! IMPORTANT;
	}
	.lydorow .icon-box.featured-box.icon-box-left.text-left {
		margin-bottom: 0 !IMPORTANT; 
	}
	.bannerkhoinguon {
		background: #183c30 !important;
		padding-top: 90% ! IMPORTANT;
	}
	.bannerkhoinguon .khoi1 {
		width: 100% ! IMPORTANT;
		top: 0% ! IMPORTANT;
	}
	.bannerkhoinguon .khoi1 h2.tiletext strong {
		padding: 0 !IMPORTANT;
		font-size: 30px ! IMPORTANT;
	}
	.bannerkhoinguon .khoi1 .khoinguon {
		padding-left: 0 !IMPORTANT;
		color: #f5bd94;
		font-size: 17px;
		font-weight: 500;
	}
	.bannerkhoinguon .khoinguon h2.tiletext {
		line-height: 45px !important;
		text-align: center ! important;
	}
	h2.tiletext {
			font-size: 40px !important;
	}
	.bannerkhoinguon .khoinguon h2.tiletext span {
		margin-bottom: -6px;
		font-family: AddingtonCF-Light ! important;
		font-weight: 300;
		font-size: 24px ! important; 
	}
	.bannerkhoinguon .khoi2 {
		width: 88% !important;
		font-size: 13px ! important;
		bottom: 2px ! important;
	}
	.bannerkhoinguon .bg.fill.bg-fill.bg-loaded {
		background: #183d31 ! important;
	}
	.bannerkhoinguon .khoi2 p {
		font-size: 15px;
		text-align: justify;
	}
	.suhoanhao {
		background-image: url(/wp-content/uploads/2024/03/Untitled-8.png);
		padding-top: 56px !important;
		background-position: 50% 50%;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		padding-bottom: 0 !important;
	}
	.iconqua p {
		font-size: 24px ! important;
		margin-bottom: 0;
	}
	.til_12s h2 {
		font-size: 38px ! important;
		margin-top: -31px;
	}
	.font_sa p {
		margin-bottom: 14px ! important;
		font-size: 21px ! important;
		font-weight: 400 !important;
		margin-top: 23px ! important;
	}
	.row_2hoanhao {
		flex-direction: column-reverse
	}
	.suhoanhao h2.tiletext {
		font-size: 29px ! important;
	}
	.suhoanhao h2.tiletext span {
		margin-bottom: -6px;
		font-family: AddingtonCF-Light ! important;
		font-weight: 300;
		font-size: 37px !important;
	}
	.suhoanhao p {
		text-align: justify;
	}
	.til_12 h2 {
		color: #f5bd94;
		font-family: AddingtonCF-Light ! important;
		font-weight: 300;
		font-size: 34px ! important;
		padding: 0px 28px ! important;
	}.nut1 {
		width: 73% ! important;
	}
	.nut2 {
		width: 100% !important;
	}
	.til_12 h2 span {
		display: none;
	}
	.suhoanhao .col {
		padding-bottom: 0 !important;
	}
	.row_uudai {
		background-image: url(/wp-content/uploads/2024/03/8-e1709707788521.png);
		padding-top: 235px !important;
		padding-bottom: 0 !important;
		background-position: 50% 50%;
		background-repeat: no-repeat!important;
		background-size: cover!important;
	}
	.vitri_01 .col-inner {
		padding: 0 !important;
	}
	.trai1 .col-inner {
		padding: 0 !important;
	}
	.col-bor .col {
		flex-basis: 50% !important;
		max-width: 50% !important;
		padding: 0px 12px;
	}
	.col-bor p {
		margin-bottom: 0;
		font-size: 10px !important;
	}
	.sf {
		font-size: 29px !important;
	}
	.col-bor .col .col-inner.dark {
		height: 134px;
	}
	.trai1 {
		padding-bottom: 0 !important;
	}
	.col_bofe .col {
		padding-bottom: 0;
	}
	.pum-content .text-box {
		width: 82% !important;
		top: 35% !important;
	}
	.pum-container.pum-responsive.pum-responsive-tiny input.wpcf7-form-control.wpcf7-text {
		height: 31px !important;
		font-size: 13px !important;
		float: left;
		width: 49%;
		margin-right: 2px;
	}
	.pum-container.pum-responsive.pum-responsive-tiny input.wpcf7-form-control.has-spinner.wpcf7-submit {
		height: 28px !important;
		font-size: 11px !important;
	}
	.medium-flex-wrap .ml-half {
			margin-left: 0px;
	}
	.embed-container-video123 {
			padding-top: 80px;
	}
	.blog_vertical .box.box-vertical {
	  display: flex;
	  align-items: center;
	  gap: 10px;
	}
	.blog_vertical .box-vertical .box-image {
			width: 40% !important;
	}
	h5.post-title.is-large {
		font-size: 18px !important;
	}
	.font-AddingtonCF-Light {
	  font-family: "AddingtonCF-Light" !important;
	}
}
@media (max-width: 540px) {
  .tilemobile {
    width: 100%;
    float: unset;
  }
	.font-AddingtonCF-Light {
	  font-family: "AddingtonCF-Light" !important;
	}	
}