.bgAll {
     background-color: #f8f8f8;
 }

 .titleHome {
     text-align: center;
     margin-bottom: 40px;
 }

 .titleHome h2 {
     position: relative;
     display: inline-block;
     font-size: 45px;
     line-height: 60px;
     font-family: 'Minion';
     font-weight: 600;
     color: #000000;
     padding-bottom: 50px;
 }

 .titleHome h2::before {
     content: '';
     position: absolute;
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 40px;
     height: 40px;
     background-image: url(../images/line.svg);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center bottom;
 }

 .titleHome .star {
     position: relative;
     bottom: -10px;
     font-size: 30px;
     line-height: 45px;
     color: #f58220;
 }

 #vnt-slide-home .slick-dots {
     position: absolute;
     left: 0%;
     right: 0;
     transform: translateX(0%);
     bottom: 100px;
     text-align: center;
     z-index: 4;
 }

 #vnt-slide-home .slick-arrow {
     width: 40px;
     height: 40px;
 }

 #vnt-slide-home .slick-prev {
     left: 50px;
 }

 #vnt-slide-home .slick-next {
     right: 50px;
 }

 #vnt-slide-home .slick-dots li {
     display: inline-block;
     margin: 0px 14px;
 }

 #vnt-slide-home .slick-dots li button {
     width: 15px;
     height: 15px;
     background-color: transparent;
     font-size: 0;
     padding: 0;
     border: 2px solid transparent;
     position: relative;
     border-radius: 100%;
 }

 #vnt-slide-home .slick-dots li button::before {
     content: '';
     width: 5px;
     height: 5px;
     border-radius: 100%;
     background-color: rgba(255, 255, 255, 0.65);
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-57%, -57%);
 }

 #vnt-slide-home .slick-dots li button::after {
     content: '';
     width: 5px;
     height: 5px;
     border-radius: 100%;
     border: 2px solid #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-53%, -53%);
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }

 #vnt-slide-home .slick-dots li.slick-active button::after {
     width: 15px;
     height: 15px;
 }

 #vnt-slide-home .item .img,
 #vnt-slide-home .item .videofix {
     position: relative;
     overflow: hidden;
     display: block;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     -webkit-animation: zoomImg 60s linear infinite;
     -o-animation: zoomImg 60s linear infinite;
     animation: zoomImg 60s linear infinite;
     height: 100vh;
 }

 #vnt-slide-home .videofix video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 @keyframes zoomImg {
     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1);
     }

     50% {
         -webkit-transform: scale(1.2);
         -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
         transform: scale(1.2);
     }

     100% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1);
     }
 }

 .animsition #vnt-header {
     opacity: 0;
     visibility: hidden;
 }

 .animsition.show-load #vnt-header {
     opacity: 1;
     visibility: visible;
 }

 .animsition #vnt-container {
     opacity: 0;
     visibility: hidden;
 }

 .animsition.show-load #vnt-container {
     opacity: 1;
     visibility: visible;
 }

 #vnt-slide-home .item .img img {
     width: 100%;
     display: none;
 }

 .abouthome {
     padding: 80px 0 120px;
     position: relative;
     background-image: url('../images/cicle.png');
     background-position: center center;
     background-size: 390px;
     background-repeat: no-repeat;
 }

 .abouthome .imgAb {
     position: absolute;
 }

 .abouthome .imgHoa {
     width: 360px;
     height: 340px;
     top: 40px;
     right: 0;
     text-align: right;
     pointer-events: none;
 }

 .abouthome .imgHoa::before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     background-color: #fff;
     width: 100%;
     -webkit-transition: all 1.5s linear;
     -o-transition: all 1.5s linear;
     transition: all 1.5s linear;
 }

 .abouthome.showImg .imgHoa::before {
     width: 0%;
     -webkit-transition: all 1.5s linear;
     -o-transition: all 1.5s linear;
     transition: all 1.5s linear;
 }

 .abouthome .imgChua {
     left: 0;
     height: 470px;
     width: 330px;
     bottom: 0;
     pointer-events: none;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
 }

 .abouthome .imgChua::before {
     content: '';
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     background-color: #fff;
     -webkit-transition: all 2s ease-out;
     -o-transition: all 2s ease-out;
     transition: all 2s ease-out;
     transition-delay: 0.3s;
 }

 .abouthome .griphome {
     max-width: 680px;
     margin: 0 auto;
 }

 .abouthome.showImg .imgChua::before {
     height: 0%;
     -webkit-transition: all 2s ease-out;
     -o-transition: all 2s ease-out;
     transition: all 2s ease-out;
 }

 .abouthome .thumbVideo {
     position: relative;
     -webkit-transition: all 2s ease-in;
     -moz-transition: all 2s ease-in;
     -o-transition: all 2s ease-in;
     transition: all 2s ease-in;
     transform: scale(0.9);
     transition-delay: 0.5s;
 }

 .abouthome.showImg .thumbVideo {
     transform: scale(1);
     -webkit-transition: all 2s ease-in;
     -moz-transition: all 2s ease-in;
     -o-transition: all 2s ease-in;
     transition: all 2s ease-in;
 }

 .abouthome .thumbVideo a {
     display: block;
     position: relative;
     padding-top: 100%;
     width: 100%;
     border-radius: 100%;
     overflow: hidden;
     margin: 0 auto;
 }

 .abouthome .thumbVideo a::before {
     content: '';
     position: absolute;
     width: 60%;
     height: 60%;
     background-image: url(../images/bgcicle.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left center;
     z-index: 1;
     pointer-events: none;
     top: 50%;
     transform: translateY(-50%);
     left: 15px;
     opacity: 1;
 }

 .abouthome .thumbVideo a img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 100%;
     overflow: hidden;
 }

 .abouthome .thumbVideo a:hover img {
     transform: scale(1.1);
 }

 .abouthome .thumbVideo a .playvideo {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 75px;
     height: 75px;
     border-radius: 100%;
     display: block;
     z-index: 11;
     background-color: #fff;
 }

 .abouthome .thumbVideo a .playvideo::before {
     content: '\f04b';
     position: absolute;
     left: 53%;
     top: 52%;
     transform: translate(-50%, -50%);
     font-family: FontAwesome;
     color: var(--primary-color);
     font-size: 20px;
     line-height: 30px;
     z-index: 1;
 }

 .abouthome .thumbVideo a .playvideo::after {
     content: '';
     background-color: rgba(255, 255, 255, 0.9);
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     position: absolute;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     border: 2px solid transparent;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     -webkit-transform-origin: 50% 50%;
     -moz-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
 }

 .abouthome .thumbVideo a:hover .playvideo::after {
     transform: rotate(0deg) scale(1.4) skew(1deg);
     opacity: 0;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
 }

 .abouthome .thumbVideo img {
     width: 100%;
 }

 .abouthome .colitem .decsAbout {
     text-align: center;
     position: relative;
     z-index: 1;
 }

 .abouthome .colitem .titleabout {
     margin-bottom: 20px;
     transform: translateY(20px);
     opacity: 0;
     visibility: hidden;
 }

 .abouthome.showImg .colitem .titleabout {
     transform: translateY(0);
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     opacity: 1;
     visibility: visible;
 }

 .abouthome .colitem .titleabout .captions {
     font-size: 12px;
     line-height: 24px;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .abouthome .colitem .titleabout .title {
     color: #000000;
     transform: translateY(30px);
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     opacity: 0;
     visibility: hidden;
 }

 .abouthome.showImg .colitem .titleabout .title {
     transform: initial;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     opacity: 1;
     visibility: visible;
     transition-delay: 0.2s;
 }

 .abouthome.showImg .colitem .titleabout .title {
     transform: initial;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     opacity: 1;
     visibility: visible;
     transition-delay: 0.2s;
 }

 .abouthome .colitem .titleabout .title h2 {
     font-size: 40px;
     line-height: 55px;
     font-family: 'Minion';
     text-transform: uppercase;
     color: #000000;
 }

 .abouthome .colitem .contentabout {
     margin-bottom: 30px;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
 }

 .abouthome .colitem .contentabout p {
     transform: translateY(30px);
     opacity: 0;
     visibility: hidden;
 }

 .abouthome.showImg .colitem .contentabout p {
     transform: initial;
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     opacity: 1;
     visibility: visible;
 }

 .abouthome.showImg .colitem .contentabout p:nth-child(1) {
     transition-delay: 0.4s;
 }

 .abouthome.showImg .colitem .contentabout p:nth-child(2) {
     transition-delay: 0.6s;
 }

 .abouthome.showImg .colitem .contentabout p:nth-child(3) {
     transition-delay: 0.8s;
 }

 .abouthome.showImg .colitem .contentabout p:nth-child(4) {
     transition-delay: 0.10s;
 }

 .abouthome .colitem .viewall {
    margin-top: 20px;
     margin-bottom: 40px;
     transform: translateY(20px);
     opacity: 0;
     visibility: hidden;
 }

 .abouthome.showImg .colitem .viewall {
     transform: initial;
     -webkit-transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     transition-delay: 0.8s;
     opacity: 1;
     visibility: visible;
 }

 .abouthome .colitem .showDate .name {
     position: relative;
     padding-left: 20px;
     color: var(--primary-color);
     line-height: 13px;
     line-height: 20px;
     margin-bottom: 5px;
 }

 .abouthome .colitem .showDate .name::before {
     content: '\f017';
     position: absolute;
     font-family: FontAwesome;
     left: 0%;
     top: 50%;
     transform: translate(0%, -50%);
 }

 .abouthome .colitem .showDate .dateJs {
     color: #555555;
     font-size: 35px;
     line-height: 53px;
     font-weight: 600;
 }

 .mapHome {
     position: relative;
 }

 .mapHome .map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .mapHome .map iframe {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }

 .mapHome .caption {
     width: 100%;
     max-width: 500px;
     padding: 30px 25px 44px;
     position: relative;
     background: rgba(255, 255, 255, 0.9);
     pointer-events: auto;
     margin-left: auto;
     min-height: 460px;
     z-index: 3;
     overflow: hidden;
 }

 .mapHome .caption::before {
     content: '';
     position: absolute;
     width: 180px;
     height: 180px;
     opacity: 0.5;
     bottom: -10px;
     right: -55px;
     background-size: contain;
     background-repeat: no-repeat;
     z-index: -1;
     opacity: 0;
 }

 .mapHome .caption:before {
     content: "";
 }

 .mapHome .titleMap {
     margin-bottom: 15px;
 }

 .mapHome .titleMap h2 {
     font-size: 30px;
     line-height: 45px;
     font-weight: 600;
     font-family: 'Minion';
 }

 .mapHome .img {
     text-align: center;
     margin-bottom: 15px;
 }

 .mapHome .img img {
     max-width: 80px;
 }

 .mapHome .add {
     font-size: 14px;
     line-height: 22px;
     margin-bottom: 10px;
     margin-bottom: 10px;
 }

 .mapHome .add span {
     color: #20469a;
 }

 .mapHome .des {
     font-size: 14px;
     line-height: 22px;
 }

 .roomHome {
     padding: 80px 0 40px;
 }

 .roomHome .tabRoom {
     text-align: center;
     display: block;
 }

 .roomHome .tabRoom ul {
     display: inline-block;
     margin-bottom: 60px;
     border-bottom: 1px solid #333333;
 }

 .roomHome .tabRoom ul li {
     margin-right: 30px;
     display: inline-block;
 }

 .roomHome .tabRoom ul li a {
     padding: 10px 0;
     display: block;
     position: relative;
     font-family: 'Minion';
     font-weight: 600;
     font-size: 20px;
     line-height: 30px;
     color: #000000;
 }

 .roomHome .tabRoom ul li a::before {
     content: '';
     position: absolute;
     left: 0;
     bottom: -1px;
     height: 3px;
     background-color: var(--primary-color);
     width: 0;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .roomHome .tabRoom ul li.active a,
 .roomHome .tabRoom ul li:hover a {
     color: var(--primary-color);
 }

 .roomHome .tabRoom ul li.active a::before,
 .roomHome .tabRoom ul li:hover a::before {
     width: 100%;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .roomHome .tabRoom ul li:last-child {
     margin-right: 0;
 }

 .contentRoomTab .tabPane {
     display: none;
 }

 .contentRoomTab .tabPane.active {
     display: block;
 }

 .gripRoom {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -4px;
 }

 .gripRoom .colRoom {
     width: 50%;
     padding: 0 4px;
     position: relative;
     margin-bottom: 40px;
 }

 .itemRoom {
     position: relative;
 }

 .itemRoom .thumb a {
     display: block;
     position: relative;
     height: 0;
     padding-top: 65.56%;
     overflow: hidden;
 }

 .itemRoom .thumb a img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: -webkit-transform 4s cubic-bezier(0, .6, .45, 1);
     transition: transform 4s cubic-bezier(0, .6, .45, 1);
     transition: transform 4s cubic-bezier(0, .6, .45, 1), -webkit-transform 7s cubic-bezier(0, .6, .45, 1);
 }

 .itemRoom .thumb a:hover img {
     transform: scale(1.05);
 }

 .itemRoom .decs {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 30px;
     color: #fff;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
 }

 .itemRoom .decs h3 {
     font-size: 24px;
     line-height: 36px;
     font-weight: 400;
     margin-bottom: 10px;
 }

 .itemRoom .decs a {
     color: #fff;
 }

 .itemRoom .decs .tend {}

 .videohome .vdthumb a {
     display: block;
     position: relative;
 }

 .videohome .vdthumb a img {
     width: 100%;
 }

 .videohome .vdthumb a .playvd {
     display: block;
     position: absolute;
     top: calc(50% - 60px);
     left: 50%;
     transform: translate(-50%, -50%);
     width: 80px;
     height: 80px;
     background-color: rgba(255, 255, 255, 0.9);
     border-radius: 100%;
 }

 .videohome .vdthumb a .playvd::after {
     content: '';
     position: absolute;
     left: 55%;
     top: 52%;
     transform: translate(-50%, -50%);
     background-image: url('../images/icons/ivideo.png');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 18px;
     height: 22px;
 }

 .whyhome {
     position: relative;
     margin-top: -120px;
     z-index: 1;
 }

 .whyhome .vhwrap {
     padding: 25px 10px 10px;
     background-color: rgba(255, 255, 255, 0.8);
 }

 .whyhome .inner {
     max-width: 850px;
     margin: 0 auto;
 }

 .whyhome .thecont {
     margin-bottom: 0;
     font-size: 16px;
     line-height: 24px;
     text-align: center;
 }

 .graccommo {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -30px;
 }

 .graccommo>div {
     padding: 0 30px;
     width: 33.3333%;
     border-right: 1px solid rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
 }

 .graccommo>div:last-child {
     border-right: none;
 }

 .vhaccommo .ttaccommo {
     text-align: center;
     margin-bottom: 15px;
 }

 .vhaccommo .ttaccommo h3 {
     font-size: 25px;
     line-height: 37px;
     color: #000000;
     font-family: 'Minion';
     text-transform: uppercase;
 }

 .slaccommo .slick-arrow {
     top: 35%;
 }

 .slaccommo .itemaccommo .dstitle h3 {
     font-size: 22px;
     line-height: 30px;
 }

 .itemculinary {
     position: relative;
     min-width: 300px;
 }

 .itemculinary .thumb a {
     display: block;
     padding-top: 66.67%;
     position: relative;
     overflow: hidden;
 }

 .itemculinary .thumb {
     position: relative;
 }

 .itemculinary .thumb::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 30%;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
     pointer-events: none;
     z-index: 1;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }

 .itemculinary .thumb::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 70%;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
     pointer-events: none;
     z-index: 1;
     opacity: 0;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }

 .itemculinary:hover .thumb::before {
     opacity: 0;
 }

 .itemculinary:hover .thumb::after {
     opacity: 1;
 }

 .itemculinary .thumb a img {
     position: absolute;
     left: -100%;
     bottom: -100%;
     top: -100%;
     right: -100%;
     min-width: 100%;
     min-height: 100%;
     margin: auto;
     max-width: 100%;
 }

 .itemculinary .decs {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
     padding: 25px;
     pointer-events: none;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
 }

 .itemculinary .dstitle {
     margin-bottom: 5px;
 }

 .itemculinary .dstitle h3 {
     display: inline-block;
     font-size: 25px;
     line-height: 35px;
     color: #fff;
     font-family: 'Minion';
     pointer-events: auto;
     font-weight: 400;
     max-height: 35px;
     overflow: hidden;
 }

 .itemculinary .dstitle h3 a {
     color: #fff;
 }

 .itemculinary .dslink {
     padding-left: 15px;
     border-left: 2px solid var(--primary-color);
     overflow: hidden;
 }

 .itemculinary .dscroll {
     overflow: hidden;
 }

 .itemculinary .dsover {
     width: 100%;
     transform: translateY(calc(100% - 30px));
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .itemculinary:hover .dsover {
     transform: initial;
 }

 .itemculinary .dslink li {
     margin-bottom: 5px;
 }

 .itemculinary .dslink li a {
     display: inline-block;
     pointer-events: auto;
     color: #fff;
     font-size: 16px;
     line-height: 24px;
     font-family: 'Minion';
 }

 .itemculinary .dslink li a:hover {
     text-decoration: underline;
 }

 .grwater {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -5px;
 }

 .grwater>div {
     padding: 0 5px;
 }

 .grwater .colm {
     width: 50%;
 }

 .grwater .colh {
     width: 25%;
 }

 .itemslwater a {
     display: block;
     padding-top: 68.384%;
     overflow: hidden;
     position: relative;
 }

 .itemslwater a img {
     position: absolute;
     left: -100%;
     bottom: -100%;
     top: -100%;
     right: -100%;
     min-width: 100%;
     min-height: 100%;
     margin: auto;
     max-width: 100%;
 }

 .itemwater {
     height: 100%;
     overflow: hidden;
     position: relative;
 }

 .itemwater .thumb,
 .itemwater .thumb a {
     height: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     display: block;
     position: relative;
 }

 .itemwater .thumb a::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 0.4;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .itemwater:hover .thumb a::before {
     opacity: 0.3;
 }

 .itemwater .thumb img {
     display: none;
 }

 .itemwater .decs {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     transform: translateY(-50%);
     z-index: 2;
     text-align: center;
     pointer-events: none;
     padding: 0 10px;
 }

 .itemwater .decs .icon {
     margin-bottom: 10px;
 }

 .itemwater .decs .title h3 {
     font-size: 20px;
     line-height: 30px;
     color: #fff;
     font-family: 'Minion';
     font-weight: 400;
 }

 .itemonsen {
     position: relative;
 }

 .itemonsen .img img {
     width: 100%;
 }

 .vhonsen {
     position: relative;
 }

 .caponsen {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 2;
     padding: 70px 0 50px;
     background: rgb(0, 0, 0);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
     color: #fff;
 }

 .caponsen .inner {
     max-width: 400px;
     margin-left: auto;
 }

 .caponsen .title {
     margin-bottom: 10px;
 }

 .caponsen h1,
 .caponsen h2 {
     font-size: 40px;
     line-height: 50px;
     text-transform: uppercase;
     font-family: 'Minion';
     font-weight: 600;
 }

 .caponsen .cont {
     font-size: 16px;
     line-height: 24px;
 }

 .itemwedding {
     position: relative;
 }

 .itemwedding .thumb a {
     display: block;
     overflow: hidden;
     padding-top: 147.93%;
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .itemwedding .thumb a img {
     display: none;
 }

 .itemwedding .thumb a::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 0.25;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .itemwedding:hover .thumb a::before {
     opacity: 0.65;
 }

 .itemwedding .decs {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     padding: 0 15px;
     text-align: center;
 }

 .itemwedding .dsscroll {}

 .itemwedding .dstitle {
     margin-bottom: 5px;
 }

 .itemwedding .dstitle h3 {
     font-size: 28px;
     line-height: 37px;
     font-family: 'Minion';
     font-weight: 600;
     color: #fff;
 }

 .itemwedding .dstitle h3 a {
     color: #fff;
 }

 .itemwedding .dslink {
     position: relative;
     padding-top: 30px;
     opacity: 0;
     pointer-events: none;
     margin-bottom: calc(-100% + 130px);
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .itemwedding:hover .dslink {
     margin-bottom: 0;
     opacity: 1;
     pointer-events: auto;
 }

 .itemwedding .dslink::before {
     content: '';
     position: absolute;
     left: 50%;
     top: 0;
     transform: translateX(-50%);
     height: 20px;
     width: 1px;
     background-color: #fff;
 }

 .itemwedding .dslink li {
     font-size: 20px;
     line-height: 30px;
     font-family: 'Minion';
     font-weight: 600;
     color: #fff;
     margin-bottom: 5px;
 }

 .itemwedding .dslink li a {
     color: #fff;
 }

 .itemwedding .dslink li a:hover {
     text-decoration: underline;
 }

 .vhtabmeet {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin-bottom: -20px;
     position: relative;
     z-index: 2;
 }

 .vhtabmeet ul {
     display: flex;
     align-items: center;
     align-content: center;
     border-radius: 25px;
     overflow: hidden;
 }

 .vhtabmeet li a {
     padding: 8px 20px;
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     font-family: 'Minion';
     background-color: #fff;
     display: block;
     min-width: 200px;
     text-align: center;
 }

 .vhtabmeet li.active a {
     background-color: var(--primary-color);
     color: #fff;
 }

 .hhcontmeet {
     position: relative;
 }

 .slmeethome .thumb img {
     width: 100%;
 }

 .hhcontmeet .capmeet {
     position: absolute;
     width: 450px;
     bottom: 0;
     left: 0;
     background-color: rgba(255, 255, 255, 0.9);
     padding: 25px 20px 30px 30px;
 }

 .hhcontmeet .capmeet .title {
     margin-bottom: 5px;
 }

 .capmeet .title h2 {
     font-size: 30px;
     line-height: 45px;
     text-transform: uppercase;
     font-family: 'Minion';
 }

 .capmeet .tend {
     font-size: 16px;
     line-height: 24px;
     max-height: 48px;
     overflow: hidden;
     margin-bottom: 10px;
 }

 .slmeethome .slick-arrow {
     top: initial;
     transform: initial;
     bottom: 15px;
     height: 50px;
     width: 20px;
     background-color: transparent;
 }

 .slmeethome .slick-prev {
     left: 370px !important;
 }

 .slmeethome .slick-next {
     right: initial !important;
     left: 400px;
 }

 .vhcontmeet {
     position: relative;
     overflow: hidden;
 }

 .vhcontmeet .vhmeethh {
     position: absolute;
     z-index: -11111;
     pointer-events: none;
     opacity: 0;
 }

 .vhcontmeet .vhmeethh.active {
     position: relative;
     z-index: 1;
     pointer-events: auto;
     opacity: 1;
 }

 .memberhome .grmember {
     display: flex;
     flex-wrap: wrap;
     align-content: center;
     align-items: center;
 }

 .grmember .coll {
     width: 50%;
 }

 .memberhome .decsmem {
     padding: 70px 50px 80px;
     background-color: #f6f6f6;
     position: relative;
 }

 .memberhome .decsmem::before {
     content: '';
     position: absolute;
     top: 0;
     left: 100%;
     width: 60%;
     height: 100%;
     background-color: #f6f6f6;
     z-index: -1;
     pointer-events: none;
 }

 .memberhome .decsmem .dstitle {
     margin-bottom: 10px;
 }

 .decsmem .dstitle h2 {
     font-size: 40px;
     line-height: 50px;
     text-transform: uppercase;
     font-family: 'Minion';
     color: #000000;
 }

 .decsmem .dstitle h2 a {
     color: #000000;
 }

 .decsmem .dstitle h2 a:hover {
     color: var(--primary-color);
 }

 .decsmem .dstend {
     margin-bottom: 20px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 300;
 }

 .decsmem .dslink li {
     margin-bottom: 10px;
 }

 .decsmem .dslink li a {
     display: inline-block;
     position: relative;
     padding-left: 20px;
     font-size: 18px;
     line-height: 27px;
 }

 .decsmem .dslink li a::before {
     content: '';
     position: absolute;
     left: 0;
     top: 9px;
     width: 8px;
     height: 8px;
     border-radius: 100%;
     border: 1px solid var(--primary-color);
     -webkit-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;
     transition: all 0.1s linear;
 }

 .decsmem .dslink li a:hover::before {
     background-color: var(--primary-color);
 }

 .memberhome .thumbmem img {
     width: 100%;
 }

 .lifehome .grlife {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     align-content: center;
 }

 .grlife .coll {
     width: 33.3333%;
 }

 .itemlife {
     height: 100%;
     display: flex;
     flex-wrap: wrap;
     background-color: #f6f6f6;
 }

 .itemlife>div {
     width: 100%;
 }

 .itemlife .decs {
     padding: 35px 20px 40px;
     position: relative;
 }

 .itemlife .decs::before {
     content: '';
     position: absolute;
     top: -20px;
     left: 50%;
     transform: translateX(-50%);
     width: 0;
     height: 0;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     border-bottom: 20px solid #f6f6f6;
 }

 .itemlife .dstitle {
     margin-bottom: 10px;
 }

 .itemlife .dstitle h3 {
     font-size: 20px;
     line-height: 30px;
     height: 60px;
     font-weight: 600;
     color: #000000;
     text-transform: uppercase;
     overflow: hidden;
     font-family: 'Minion';
 }

 .itemlife .dstitle h3 a {
     color: #000000;
 }

 .itemlife .dstitle h3 a:hover {
     color: var(--primary-color);
 }

 .itemlife .dstend {
     font-size: 16px;
     line-height: 24px;
     height: 72px;
     margin-bottom: 13px;
     overflow: hidden;
 }

 .grlife .coll:nth-child(even) .itemlife {
     flex-direction: column-reverse;
 }

 .grlife .coll:nth-child(even) .itemlife .decs::before {
     bottom: -20px;
     top: initial;
     border-bottom: transparent;
     border-top: 20px solid #f6f6f6;
 }

 .grlovely {
     display: flex;
     flex-wrap: wrap;
     align-content: center;
     align-items: center;
     margin: 0 -30px;
 }

 .grlovely>div {
     padding: 0 30px;
 }

 .grlovely .coll {
     width: calc(100% - 300px);
     border-right: 1px solid rgba(0, 0, 0, 0.1);
 }

 .grlovely .colr {
     width: 300px;
 }

 .decslovely>div {
     margin-bottom: 5px;
 }

 .decslovely .t2 {
     font-size: 18px;
     line-height: 27px;
     font-weight: 300;
 }

 .decslovely .t3 a {
     color: var(--primary-color);
     font-weight: bold;
     text-decoration: underline;
     font-style: italic;
 }

 .vhlovely {
     text-align: center;
 }

 .vhlovely .ttlovely {
     margin-bottom: 20px;
     padding-bottom: 20px;
     position: relative;
 }

 .vhlovely .ttlovely::before {
     content: '';
     position: absolute;
     width: 60px;
     height: 10px;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     background-image: url('../images/lineoo.png');
     background-position: center;
     background-size: contain;
 }

 .vhlovely .ttlovely h2 {
     font-size: 32px;
     line-height: 45px;
     font-weight: 600;
     font-family: 'Minion';
 }

 .itemlovely .llcont {
     margin-bottom: 15px;
     padding: 0 60px;
     position: relative;
     font-size: 18px;
     line-height: 27px;
     font-weight: 300;
     font-style: italic;
 }

 .itemlovely .llcont::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 50px;
     height: 50px;
     background-image: url('../images/quote1.png');
     background-position: top left;
     background-repeat: no-repeat;
 }

 .itemlovely .llcont::after {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     width: 50px;
     height: 50px;
     background-image: url('../images/quote1.png');
     background-position: right bottom;
     background-repeat: no-repeat;
 }

 .itemlovely .llname {
     font-size: 18px;
     line-height: 27px;
     font-weight: 600;
     color: #000000;
 }

 .vhdots .slick-dots li button {}

 .sllovely .slick-dots li button::before {
     background-color: #333333;
 }

 .sllovely .slick-dots li button::after {
     border-color: #333333;
 }

 .sllovely .slick-dots li.slick-active button::before {
     background-color: var(--primary-color);
 }

 .sllovely .slick-dots li.slick-active button::after {
     border-color: var(--primary-color);
 }

 .followhome .capfollow {
     text-align: center;
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 27px;
     font-weight: 300;
 }

 .followhome .sharefollow {
     margin-bottom: 30px;
 }

 .sharefollow ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     align-content: center;
 }

 .sharefollow ul li {
     margin-right: 15px;
 }

 .sharefollow ul li a {
     display: flex;
     justify-content: center;
     align-content: center;
     align-items: center;
     color: #fff;
     width: 45px;
     height: 45px;
     font-size: 18px;
     line-height: 27px;
     border-radius: 100%;
 }

 .sharefollow ul li a:hover {
     border-radius: 25%;
 }

 .slfollow .slick-slide>div {
     margin-bottom: 10px;
 }

 .slfollow .slick-slide>div:last-child {
     margin-bottom: 0;
 }

 .itemfollow a {
     display: block;
     padding-top: 100%;
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .itemfollow a img {
     display: none;
 }

 .itemfollow a::before {
     content: "\f16d";
     position: absolute;
     top: 15px;
     right: 15px;
     font-family: FontAwesome;
     z-index: 1;
     font-size: 20px;
     color: #fff;
 }

 .itemfollow a::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 0;
     -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
 }

 .itemfollow a:hover::after {
     opacity: 0.4;
 }

 .vhpartab {
     padding: 40px 0 60px;
     position: relative;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     z-index: 1;
 }

 .vhpartab::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 0.3;
     z-index: -1;
     pointer-events: none;
 }

 .pncaption {
     text-align: center;
     margin-bottom: 25px;
     font-size: 18px;
     line-height: 27px;
     color: #fff;
     font-weight: 300;
 }

 .offerhome {
    background-image: url('../images/bgoff.jpg');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 .offerhome::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #000000;
     opacity: 0.65;
     pointer-events: none;
     z-index: -1;
 }

 .offerhome .vnttitle {
     color: #fff;
 }

 .offerhome .offcaption {
     text-align: center;
     color: #fff;
     font-size: 18px;
     line-height: 27px;
     font-weight: 300;
     margin-bottom: 30px;
 }

 .offerhome .swiper-slide {
     width: 100%;
     max-width: 640px;
     height: 380px;
     position: relative;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     padding-bottom: 50px;
     margin-bottom: 10px;
 }

 .offerhome .swiper-slide img {
     width: 100%;
 }

 .offerhome .swiper-slide h3 {
     font-size: 18px;
     line-height: 27px;
     font-weight: 400;
     font-family: 'Minion';
     color: #fff;
     text-align: center;
     margin-top: 10px;
 }

 @media all and (max-width: 1200px) {
     .abouthome .colitem .titleabout .title {
         font-size: 40px;
         line-height: 60px;
     }

     .graccommo {
         margin: 0 -15px;
     }

     .graccommo>div {
         padding: 0 15px;
     }

     .slaccommo .itemaccommo .dstitle h3 {
         font-size: 20px;
         line-height: 27px;
     }

     .itemaccommo .dsinfo li {
         margin-right: 15px;
     }

     .itemwedding .dstitle h3 {
         font-size: 20px;
         line-height: 30px;
     }

     .itemwedding .dslink li {
         font-size: 15px;
         line-height: 23px;
     }
 }

 @media all and (max-width: 991px) {
    .abouthome {
        padding: 30px 0 80px;
    }
     .abouthome .imgAb {
         display: none;
     }

     .titleHome {
         margin-bottom: 20px;
     }

     .titleHome h2 {
         font-size: 30px;
         line-height: 45px;
         padding-bottom: 35px;
     }

     .titleHome .star {
         font-size: 20px;
         line-height: 30px;
     }

     .titleHome h2::before {
         width: 25px;
         height: 25px;
     }

     .mapHome .captionWrap {
         position: initial;
         -webkit-transform: initial;
         -ms-transform: initial;
         -o-transform: initial;
         transform: initial;
         padding: 0;
         margin-bottom: 20px;
     }

     .mapHome .titleMap h2 {
         font-size: 25px;
         line-height: 30px;
         letter-spacing: -0.9px;
     }

     .mapHome .add,
     .mapHome .des {
         font-size: 13px;
         line-height: 21px;
     }

     .mapHome .caption::before {
         bottom: -20px;
         right: -40px;
         opacity: 0.8;
     }

     .mapHome .caption {
         float: none;
         max-width: initial;
         margin-top: 0px;
         position: relative;
         z-index: 3;
         padding: 20px 20px;
         min-height: auto;
     }

     .mapHome .map {
         height: 350px;
         position: relative;
     }

     .mapHome .map img,
     .mapHome .map iframe {
         height: 100%;
     }

     #vnt-slide-home .item .img {
         height: auto;
         background-repeat: no-repeat;
         background-size: cover;
     }

     #vnt-slide-home .videofix video {
         position: relative;
     }

     #vnt-slide-home .item .img img {
         display: block;
     }

     #vnt-slide-home .slick-dots {
         bottom: 20px;
     }

     #vnt-slide-home .item .img,
     #vnt-slide-home .item .videofix {
         height: auto;
     }

     .abouthome {
         padding: 50px 0 80px;
         background-size: 360px;
     }

     .abouthome .colitem .titleabout .title {
         margin-bottom: 10px;
     }

     .abouthome .colitem .titleabout .title h2 {
         font-size: 30px;
         line-height: 40px;
     }

     .abouthome .colitem .contentabout {
         margin-bottom: 10px;
         font-size: 14px;
         line-height: 22px;
     }

     .abouthome .thumbVideo a .playvideo {
         width: 60px;
         height: 60px;
     }

     .roomHome {
         padding: 30px 0;
     }

     .roomHome .tabRoom {
         padding: 0 20px;
     }

     .roomHome .tabRoom ul li a {
         font-size: 16px;
         line-height: 24px;
     }

     .roomHome .tabRoom li a span {
         display: block;
     }

     .roomHome .tabRoom ul {
         margin-bottom: 30px;
     }

     .itemRoom .decs {
         padding: 20px;
         padding-bottom: 10px;
     }

     .itemRoom .decs h3 {
         font-size: 20px;
         line-height: 30px;
         text-align: center;
     }

     .itemRoom .decs .tend {
         display: none;
     }

     .abouthome .colitem .titleabout {
         opacity: 1;
         visibility: initial;
     }

     .abouthome .showEffect .txtanimation span {
         opacity: 1;
         visibility: initial;
     }

     .abouthome .colitem .contentabout p,
     .abouthome .colitem .viewDetail {
         opacity: 1;
         visibility: initial;
         transform: initial;
     }

     .abouthome .colitem .titleabout .title,
     .abouthome .colitem .titleabout,
     .abouthome .colitem .titleabout .title {
         opacity: 1;
         visibility: initial;
         transform: initial;
         -webkit-transition: all 0.5s linear;
         -moz-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
         transition: all 0.5s linear;
     }

     .abouthome .thumbVideo {
         transform: scale(1);
         -webkit-transition: all 2s ease-in;
         -moz-transition: all 2s ease-in;
         -o-transition: all 2s ease-in;
         transition: all 2s ease-in;
     }

     .videohome .vdthumb a {
         padding-top: 63.416%;
         min-height: 260px;
         overflow: hidden;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
     }

     .videohome .vdthumb a img {
         display: none;
     }

     .videohome .vdthumb a .playvd {
         width: 60px;
         height: 60px;
         top: calc(50% - 40px);
     }

     .whyhome {
         margin: -80px 20px 0 20px;
     }

     .whyhome .thecont {
         font-size: 14px;
         line-height: 22px;
         font-weight: 300;
     }

     .accommohome .vnttitle.remar {
         margin-bottom: 10px;
     }

     .graccommo>div {
         width: 50%;
     }

     .vhaccommo .ttaccommo h3 {
         font-size: 20px;
         line-height: 25px;
     }

     .itemculinary .dscroll {
         width: 100%;
     }

     .itemculinary .thumb::before,
     .itemculinary .thumb::after {
         display: none;
     }

     .itemculinary .decs {
         position: relative;
         pointer-events: auto;
         padding: 10px;
     }

     .itemculinary .dsover {
         transform: initial;
     }

     .itemculinary .dstitle h3,
     .itemculinary .dstitle h3 a {
         color: #000000;
     }

     .itemculinary .dstitle h3 {
         font-size: 20px;
         line-height: 30px;
         max-height: 100%;
     }

     .itemculinary .dstitle h3 a:hover {
         color: var(--primary-color);
     }

     .itemculinary .dslink li a {
         color: #333333;
     }

     .grwater .colm {
         width: 100%;
         margin-bottom: 10px;
     }

     .grwater .colh {
         width: 50%;
     }

     .itemwater .thumb img {
         display: block;
         width: 100%;
         opacity: 0;
     }

     .caponsen h1,
     .caponsen h2 {
         font-size: 25px;
         line-height: 35px;
     }

     .caponsen .cont {
         font-size: 14px;
         line-height: 22px;
     }

     .slwedding .slick-arrow {
         top: 35%;
     }

     .itemwedding .decs {
         position: relative;
         top: initial;
         transform: initial;
         text-align: left;
         padding: 10px;
     }

     .itemwedding .dslink {
         opacity: 1;
         visibility: initial;
         margin-bottom: 0;
         padding-top: 0;
     }

     .itemwedding .dstitle h3,
     .itemwedding .dstitle h3 a,
     .itemwedding .dslink li,
     .itemwedding .dslink li a {
         color: #333333;
     }

     .itemwedding .dstitle::before {
         display: none;
     }

     .itemwedding:hover .dstitle {
         padding-bottom: 0;
     }

     .itemwedding .thumb a::before {
         display: none;
     }

     .meetinghome .wrapfull {
         padding: 0;
     }

     .hhcontmeet .capmeet {
         position: relative;
         width: 100%;
         background-color: transparent;
         padding: 10px 15px;
     }

     .capmeet .title h2 {
         font-size: 25px;
         line-height: 37px;
     }

     .capmeet .tend {
         font-size: 15px;
         line-height: 23px;
     }

     .memberhome .decsmem {
         padding: 30px 25px 30px;
     }

     .decsmem .dstitle h2 {
         font-size: 25px;
         line-height: 37px;
     }

     .decsmem .dstend {
         font-size: 14px;
         line-height: 22px;
     }

     .decsmem .dslink li a {
         font-size: 16px;
         line-height: 24px;
     }

     .grlife .coll {
         width: 50%;
     }

     .itemlife .decs {
         padding-top: 25px;
     }

     .followhome .capfollow {
         font-size: 15px;
         line-height: 23px;
     }

     .vhpartab {
         padding: 20px 0 30px;
     }

     .pncaption {
         font-size: 15px;
         line-height: 23px;
     }
 }

 @media all and (max-width: 767px) {
     .vhtabmeet li a {
         min-width: auto;
     }

     .gripRoom .colRoom {
         width: 100%;
         margin-bottom: 6px;
         padding: 0 2px;
     }

     .graccommo>div {
         width: 100%;
         border-right: none;
     }

     .itemwater .decs .title h3 {
         font-size: 18px;
         line-height: 27px;
     }

     .onsenhome {
         background-color: #f6f6f6;
     }

     .caponsen {
         position: relative;
         background: none;
         padding: 15px 5px 20px;
         color: #333333;
     }

     .caponsen .title {
         margin-bottom: 5px;
     }

     .onsenhome .wrapfull {
         padding: 0;
     }

     .memberhome .grmember {
         flex-direction: column-reverse;
     }

     .grmember .coll {
         width: 100%;
     }

     .memberhome .decsmem {
         padding: 15px;
     }

     .memberhome .decsmem::before {
         display: none;
     }

     .itemlife .decs {
         padding: 6px;
     }

     .itemlife .dstitle {
         margin-bottom: 0;
     }

     .itemlife .dstitle h3 {
         font-size: 13px;
         line-height: 20px;
         height: 40px;
     }

     .itemlife .dstend {
         font-size: 13px;
         line-height: 20px;
         height: 40px;
         margin-bottom: 0px;
     }

     .itemlife .viewmore a {
         font-size: 13px;
         line-height: 21px;
     }

     .itemlife .decs::before {
         top: -10px;
         border-left: 10px solid transparent;
         border-right: 10px solid transparent;
         border-bottom: 10px solid #f6f6f6;
     }

     .grlife .coll:nth-child(even) .itemlife .decs::before {
         border-bottom: transparent;
         bottom: -10px;
         border-top: 10px solid #f6f6f6
     }

     .grlovely .coll {
         width: 100%;
         border-right: none;
     }

     .grlovely .colr {
         width: 100%;
     }

     .vhlovely .ttlovely h2 {
         font-size: 25px;
         line-height: 37px;
     }

     .itemlovely .llcont {
         padding: 0 35px;
         font-size: 14px;
         line-height: 22px;
     }

     .itemlovely .llcont::after {
         top: 0;
         background-position: right top;
     }

     .vhlovely {
         padding-bottom: 20px;
     }

     .decslovely {
         padding-top: 20px;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
         text-align: center;
     }

     .slpartab .slick-list {
         margin: 0 -7px;
     }

     .slpartab .slpartab {
         padding: 0 7px;
     }

     .offerhome .offcaption {
         font-size: 14px;
         line-height: 22px;
     }

     .offerhome .swiper-slide {
         max-width: 310px;
         height: 230px;
         padding-bottom: 0;
     }

     .offerhome .swiper-slide h3 {
         font-size: 15px;
         line-height: 23px;
     }
 }