@media screen and (max-width: 846px){

  /* body{display: none;} */

  /*=========================================================================================================FONTS=========================================================================================================*/
  /* Fonts Custom Mobile Mobile */
  .fontMBigNumber{font-family: "CandidaStd-Roman";font-size: clamp(22px, 7vw, 31px);line-height: 7vh;letter-spacing: 0;}

  /* Fonts Custom Mobile Title */
  .fontMTHero{font-family: "CandidaStd-Bold";font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;}
  .fontMTExtraLarge{font-family: "CandidaStd-Bold";font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;}

  /* Fonts Custom Mobile Subtitle */
  .fontMSLarge{font-family: "BrandonGrotesque-Bold";font-size: clamp(20px, 6.3vw, 28px);line-height: 4.5vh;letter-spacing: 0.2vw;}
  .fontMSMedium{font-family: "BrandonGrotesque-Bold";font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.2vw;}
  .fontMSDecorativeModerate{font-family: "CandidaStd-Italic";font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0;}
  .fontMSDecorative{font-family: "CandidaStd-Italic";font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;}

  /* Fonts Custom Mobile Body */
  .fontMBBold{font-family: "BrandonGrotesque-Bold";font-size: clamp(15px, 4.8vw, 21px);line-height: 5vh;letter-spacing: 0.1vw;}
  .fontMBText{font-family: "PlusJakartaSans-Regular";font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;}

  /* Fonts Custom Mobile Caption */
  .fontMCBold{font-family: "PlusJakartaSans-Bold";font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;}
  .fontMCModerate{font-family: "PlusJakartaSans-Regular";font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;}
  .fontMCBreadcrumbs{font-family: "PlusJakartaSans-Bold";font-size: clamp(9px, 3vw, 13px);line-height: 3vh;letter-spacing: 0.2vw;}
  .fontMCDecorative{font-family: "CandidaStd-Italic";font-size: clamp(11px, 3.5vw, 16px);line-height: 3vh;letter-spacing: 0;}

  /* Fonts Form */
  .wpcf7-not-valid-tip,.wpcf7 form .wpcf7-response-output{font-size: clamp(12px, 3.8vw, 17px) !important;line-height: 4vh !important;}
  
  /* Pages Setup */
  .wpcf7-response-output{
    position: relative;
    margin: 6vh auto 0 !important;
    bottom: unset;
    width: 100%;
  }
  #formLeParc .col-lg-6{
    padding: 0;
  }
  #formLeParc input,#formLeParc select{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 7vw;
    letter-spacing: 0;
  }
  #formLeParc select{
    background-size: 3vw;
  }
  #formLeParc select option{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 7vw;
    letter-spacing: 0;
  }
  #formLeParc .btnLeParc01{
    width: 45vw;
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 7vw;
    letter-spacing: 0;
  }
  #formLeParc .btnLeParc01 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 1vw;
    top: unset !important;
    transform: unset;
    left: unset !important;
  }
  #formLeParc .btnLeParc01 p{
    vertical-align: middle;
  }
  #formLeParc .fc{
    text-align: left !important;
  }
  #formLeParc .fc .form-label{
    display: block;
  }
  #formLeParc .fc .form-check{
    display: block;
  }
  #formLeParc .fc .form-check .form-check-input{
    display: inline-block;
    vertical-align: top;
    margin-right: 3vw;
    width: 5vw;
    height: 5vw;
  }
  #formLeParc .fc .form-check .form-check-label{
    display: inline-block;
    vertical-align: top;
  }
  #formLeParc .wpcf7-list-item{
    display: block;
  }
  #formLeParc .wpcf7-list-item-label{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  /*=========================================================================================================END DEFAULT=========================================================================================================*/
  
  /*=========================================================================================================COMPONENT=========================================================================================================*/
  /* Button */
  .btnLeParc01,.btnLeParc02,.btnLeParc03,.btnLeParc04{
    padding: 2.4vh 6vw;
  }
  .btnLeParc01 span,.btnLeParc03 span,.btnLeParc04 span{
    width: 6vw;
    height: 6vw;
  }
  .btnLeParc01 p,.btnLeParc02 p,.btnLeParc03 p,.btnLeParc04 p{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 7vw;
    letter-spacing: 0;
  }

  /* Modal */
  .mbLeParc .modal-dialog .modal-content{
    padding: 4vh 5vw 6vh;
    width: 80vw;
  }
  .mbLeParc .modal-dialog .modal-content .close{
    margin-bottom: 4vh;
    padding: 1vh 4vw;
  }
  .mbLeParc .modal-dialog .modal-content h2{
    margin-bottom: 5vh;
  }
  .mbLeParc .modal-dialog .modal-content form label{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 7vw;
    letter-spacing: 0;
  }
  
  /* Slider Navigation */
  .owl-nav button span{
    width: 12vw;
    height: 12vw;
  }
  .owl-nav button span::after{
    width: 7vw;
    height: 7vw;
  }
  
  /* Image Component */
  .compGallery span:nth-child(1){
    top: -1.5vh;
  }
  .compGallery span:nth-child(2){
    right: -2.5vw;
    width: 7vw;
  }
  .compGallery span:nth-child(3){
    bottom: -1.5vh;
  }
  .compGallery span:nth-child(4){
    left: -2.5vw;
    width: 7vw;
  }
  /*=========================================================================================================END COMPONENT=========================================================================================================*/
  
  /*=========================================================================================================NAVIGATION=========================================================================================================*/
  /* Content */
  .navigation{
    right: 0;
    width: 100vw;
    height: 9vh;
  }
  .navigation .logo{
    z-index: 94;
    left: 8vw;
  }
  .navigation .logo.active.hide{
    top: 0;
  }
  .navigation .btnLogo,
  .navigation .btnLogo img{
    width: 30vw;
  }
  .navigation .menu{
    display: none;
  }
  .navigation .button{
    width: 15vw;
  }
  .navigation .button .btnLeParc01{
    display: none;
  }
  .navigation .button .burgerLP{
    display: block;
    position: absolute;
    padding: 0.9vh 0;
    top: 45%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 4vh;
    background: #A07B35;
    border-radius: 10vw;
    cursor: pointer;
  }
  .navigation .button .burgerLP img{
    width: 3vw !important;
  }
  .navigation .button .burgerLP span{
    display: block;
    margin: 0.8vh auto;
    width: 30%;
    height: 0.3vh;
    background: #F5F5F5;
    border-radius: 1vw;
  }
  .sideLP{
    display: block;
    position: fixed;
    z-index: 92;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
    background: #EEF9F2;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .sideLP.active{
    width: 100vw;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .sideLP .btnLogo{
    position: absolute;
    top: 2.6vh;
    left: 5vw;
    width: 30vw;
    cursor: pointer;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .sideLP .closeLP{
    position: absolute;
    top: 3.5vh;
    right: 9.5vw;
    width: 5vw;
    cursor: pointer;
    opacity: 0;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .sideLP #cssmenu {
    margin: 9vh 0 0;
    width: 100%;
    height: 65vh;
    border-top: 1px solid #A07B35;
    border-bottom: 1px solid #A07B35;
  }
  .sideLP #cssmenu ul {
    list-style: none;
    margin: 0;
    padding: 0 8vw 5.7vh;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .sideLP #cssmenu ul li ul {
    margin: 0;
    padding: 0 0 0 8vw;
    border: unset;
    overflow: hidden;
  }
  .sideLP #cssmenu ul li {
    display: block;
    padding: 0;
  }
  .sideLP #cssmenu ul li a,
  .sideLP #cssmenu ul li ul li a,
  .sideLP #cssmenu ul li:hover ul li a,
  .sideLP #cssmenu ul li.active ul li a,
  .sideLP #cssmenu ul li.open ul li a {
    padding: 4.8vh 0 0;
    /*padding: 5.7vh 0 0;*/
    font-family: "PlusJakartaSans-Regular";
    font-size: clamp(16px, 5vw, 22px);
    line-height: 3vh;
    letter-spacing: 0;
    color: #807B70;
  }
  .sideLP #cssmenu ul li:hover a,
  .sideLP #cssmenu ul li.active a,
  .sideLP #cssmenu ul li.open a,
  .sideLP #cssmenu ul li:hover ul li:hover a,
  .sideLP #cssmenu ul li.active ul li.active a,
  .sideLP #cssmenu ul li.open ul li.open a {
    font-family: "PlusJakartaSans-Bold";
    color: #A07B35;
  }
  .sideLP table{
    margin: 3vh auto 0;
    width: 84vw;
    opacity: 0;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .sideLP.active .closeLP,.sideLP.active ul,.sideLP.active table{
    opacity: 1;
    transition-duration: 0.8s;
    transition-delay: 0.3s;
    transition-timing-function: ease;
  }
  .navbtnWhatsapp{
    position: fixed;
    z-index: 99;
    bottom: 3vh;
    right: 2vw;
    width: 16vw;
    height: 16vw;
    text-align: center;
    border: 1px solid #A07B35;
    border-radius: 50vw;
    background: #F5F5F5;
    cursor: pointer;
  }
  .navbtnWhatsapp i{
    font-size: clamp(28px, 9vw, 39px);
    color: #A07B35;
    transition: all .3s;
  }
  .navbtnWhatsapp:hover i{
    font-size: clamp(28px, 9vw, 39px);
    transition: all .3s;
  }
  /*=========================================================================================================END NAVIGATION=========================================================================================================*/
  
  /*=========================================================================================================FOOTER=========================================================================================================*/
  /* Content */
  footer{
    text-align: center;
  }
  footer .hr01{display: none;}
  footer .hr02{
    margin-top: clamp(32px, 7vh, 49px);
  }
  footer .hr03,footer .hr04{
    margin: clamp(23px, 5vh, 35px) 0;
  }
  footer .ftContent{
    padding: clamp(36px, 8vh, 56px) 0 0;
  }
  footer .ftContent .logo img{
    margin: 0 0 clamp(23px, 5vh, 35px);
    width: clamp(60px, 20vw, 85px);
  }
  footer .ftContent .menu{
    display: block !important;
    margin: 0;
  }
  footer .ftContent .menu ul{
    display: block;
    margin: 0;
  }
  footer .ftContent .menu ul li a{
    color: #6A5631;
  }
  footer .ftContent .description{
    display: block !important;
    margin: 0;
  }
  footer .ftContent .menu ul li a,footer .ftContent .description .subtitle{
    margin-bottom: clamp(14px, 3vh, 21px);
    font-size: clamp(18px, 5.8vw, 25px);
    line-height: clamp(23px, 5vh, 35px);
  }
  footer .ftContent .description .desc{
    margin-bottom: clamp(14px, 3vh, 21px);
  }
  footer .ftContent .description table{
    width: 100%;
    max-width: 380px;
    margin: 0 auto;
  }
  footer .ftContent .description table tr td:last-child{
    text-align: right;
  }
  footer .ftContent .button{
    width: 100%;
  }
  footer .ftContent .button .mdbacktop p{
    font-family: "BrandonGrotesque-Bold";
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #6A5631;
  }
  footer .ftContent .button .instagram{
    margin-right: clamp(12px, 5vw, 24px);
    width: clamp(50px, 16vw, 68px);
    height: clamp(50px, 16vw, 68px);
    font-size: clamp(32px, 10vw, 43px);
  }
  footer .ftContent .button .facebook{
    float: unset;
    margin-right: clamp(12px, 5vw, 24px);
    width: clamp(50px, 16vw, 68px);
    height: clamp(50px, 16vw, 68px);
    font-size: clamp(28px, 9vw, 39px);
  }
  footer .ftContent .button .mcbacktop{
    display: none !important;
    position: relative;
    vertical-align: top;
    padding: 0;
    width: clamp(50px, 16vw, 68px);
    height: clamp(50px, 16vw, 68px);
    text-align: center;
    border-radius: 50vw;
    border: 1px solid #6A5631;
    cursor: pointer;
  }
  footer .ftContent .button .mcbacktop img{
    width: clamp(25px, 8vw, 34px);
  }
  footer .ftContent .button .mtacktop{
    margin-top: 5vh;
  }
  footer .ftContent .button .mtacktop img{
    display: inline-block;
    vertical-align: middle;
    margin-right: clamp(8px, 3vw, 16px);
    padding: clamp(6px, 2vh, 10px) clamp(8px, 4vw, 12px);
    width: clamp(45px, 14vw, 60px);
    height: clamp(45px, 14vw, 60px);
    border-radius: 50vw;
    border: 1px solid #6A5631;
  }
  footer .ftContent .button .mtacktop p{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    font-family: "BrandonGrotesque-Bold";
    font-size: clamp(18px, 5.8vw, 25px);
    line-height: 5vh;
    color: #6A5631;
  }
  footer.less{
    position: relative;
  }
  footer.less .hr02{
    display: block;
  }
  footer.less ul{
    margin: 6vh 0 8vh;
    text-align: center;
  }
  footer.less ul li{
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  footer.less ul li:first-child{
    margin: 0 auto;
    width: 90% !important;
    text-align: center !important;
  }
  footer.less ul li:first-child br{
    display: block;
  }
  footer.less ul li .title{
    margin-bottom: 3vh;
    font-size: clamp(18px, 5.8vw, 25px);
  }
  footer.less ul li .brief{
    margin-bottom: 3vh;
  }
  footer.less ul li .subtitle{
    font-family: "PlusJakartaSans-Bold" !important;
  }
  footer.less ul li .val{
    float: right;
  }
  footer.less ul li span,footer.less ul li p{
    margin: 0;
  }
  /*=========================================================================================================END FOOTER=========================================================================================================*/
  
  /*=========================================================================================================HOME PAGE=========================================================================================================*/  
  /* Header */
  .homeHeader{
    height: 100vh;
  }
  .homeHeader #vidHead{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }
  .homeHeader .wrap{
    top: 70%;
    width: 60%;
  }
  .homeHeader .wrap .title{
    margin-bottom: 3vh;
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
  }
  .homeHeader .wrap .brief{
    margin-bottom: 5vh;
    font-size: clamp(11px, 3.5vw, 16px);line-height: 3vh;letter-spacing: 0;
  }
  .homeHeader .wrap .text{
    display: none;
  }
  .homeHeader .wrap #chevronDown img{
    width: 8vw;
  }
  
  /* Description */
  .homeDescription{
    margin: 0;
  }
  .homeDescription .sticky-statement{
    position: relative;
    width: 100vw;
    height: 150vh;
  }
  .homeDescription .sticky-statement .background{
    position: sticky;
    top: 0;
    width: 100vw;
    height: 100vh;
  }
  .homeDescription .wrap{
    position: absolute;
    margin: 0 auto;
    padding: 7vh 8vw;
    top: unset;
    bottom: 10vh;
    transform: unset;
    width: 84vw;
    height: auto;
  }
  .homeDescription .wrap h3{
    font-size: clamp(20px, 6.3vw, 28px);
    line-height: 5vh;
    letter-spacing: 0;
  }
  .homeDescription .wrap .brief{
    margin-bottom: 5vh;
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  .homeDescription .wrap .btnLeParc01 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
  }
  .homeDescription .wrap .btnLeParc01 p{
    display: inline-block;
    vertical-align: middle;
  }
  
  /* Header Slider Stacking */
  /* NB: .compstacking-section is shared with the Housings stacking section
     below (300vh, scroll-driven) — :has() scopes this override to only the
     hero slider instance so it stays a plain 100vh viewport-tall section. */
  .compstacking-section:has(.compsliderstacking-wrapper){
    height: 100vh;
  }
  .compsliderstacking-content{
    bottom: 22vh;
    left: 6vw;
    width: 88vw;
  }
  .compsliderstacking-content .subtitle{
    font-size: clamp(10px, 3.4vw, 15px);
  }
  .compsliderstacking-content .title{
    margin: 1.5vh 0 2vh;
    font-size: clamp(25px, 7vw, 35px);
    line-height: 3.5vh;
    letter-spacing: 0.2vw;
  }
  .compsliderstacking-content .brief{
    font-size: clamp(11px, 3.6vw, 16px);
    line-height: 2.5vh;
  }
  .compsliderstacking-content .brief br{
    display: none;
  }
  .compsliderstacking-content .btnLeParc04{
    position: relative;
    right: unset;
    bottom: unset;
    margin-top: 3vh;
  }
  .compsliderstacking-content .btnLeParc04 span{
    display: none;
  }
  .compsliderstacking-nav{
    bottom: 10vh;
    width: 12vw;
    height: 12vw;
    border: 1px solid #EEF9F2;
  }
  .compsliderstacking-nav::after{
    width: 7vw;
    height: 7vw;
  }
  .compsliderstacking-prev{
    right: 24vw;
  }
  .compsliderstacking-next{
    right: 10vw;
  }
  .compsliderstacking-dots{
    /*display: flex;*/
    display: none;
    bottom: 10vh;
  }

  /* Housings */
  .homeHousings .sticky-statement{
    min-height: 450vh;
  }
  .homeHousings .homeHousingsBrief .wrap .ornament01{
    width: 100vw;
  }
  .homeHousings .homeHousingsBrief .wrap .ornament02{
    display: none;
  }
  .homeHousings .homeHousingsBrief .wrap .ornament03{
    display: none;
  }
  .homeHousings .homeHousingsBrief .wrap .title{
    width: 60vw;
    font-size: clamp(32px, 10vw, 43px);line-height: 7vh;letter-spacing: 0.4vw;
  }
  .compstacking-section{
    height: 300vh;
  }
  .homeHousingsMobile{
    /* display: none !important; */
    position: sticky;
    top: 0;
    width: 100vw;
    height: 300vh;
  }
  .homeHousingsMobile .item{
    position: relative;
    width: 100vw;
    height: 100vh;
  }
  .homeHousingsMobile .item .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }
  .homeHousingsMobile .item .wrap{
    top: unset;
    bottom: 10vh;
    transform: unset;
    width: 84vw;
    text-align: center;
  }
  .homeHousingsMobile .item .wrap .title{
    margin-bottom: 3vh;
  }
  .homeHousingsMobile .item .wrap .brief{
    margin-bottom: 3vh;
    font-family: "PlusJakartaSans-Bold";
    font-size: clamp(11px, 3.5vw, 16px);line-height: 3vh;letter-spacing: 0;
  }
  .homeHousingsMobile .item .wrap .info li{
    display: inline-block;
    width: 49%;
  }
  .homeHousingsMobile .item .wrap .info li img{
    width: 13vw;
  }
  .homeHousingsMobile .item .wrap .info li p{
    font-family: "BrandonGrotesque-Regular";font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;color: #F5F5F5;
  }
  .homeHousingsMobile .item .wrap .type li{
    padding: 0 2vw;
  }
  .homeHousingsMobile .item .wrap .type li::before,.homeHousingsMobile .item .wrap .type li::after{
    top: 1vh;
    height: 65%;
  }
  .homeHousingsMobile .item .wrap .type li:first-child::before{
    display: none;
  }
  .homeHousingsMobile .item .wrap .type li:last-child::after{
    display: none;
  }
  .homeHousingsMobile .item .wrap .type li p{
    font-family: "PlusJakartaSans-Regular";font-size: clamp(8px, 2.5vw, 11px);line-height: 4vh;letter-spacing: 0;color: #F5F5F5;
  }
  .homeHousingsMobile .item .wrap .btnLeParc01{
    margin: 0 auto 1vh;
    width: 55vw;
  }
  .homeHousingsMobile .item .wrap .btnLeParc01 span{
    display: none;
  }
  .homeHousingsMobile .item .wrap .btnLeParc01 p{
    padding: 0;
  }
  
  /* USP */
  .homeUSP .sliderHomeUSP .owl-nav{
    margin: 0 auto !important;
    top: 39.5%;
    left: 0;
    right: 0;
    width: 85vw;
  }
  .homeUSP .sliderHomeUSP .owl-nav button{
    margin: 0 !important;
  }
  .homeUSP .sliderHomeUSP .owl-nav button.owl-prev{
    float: left;
  }
  .homeUSP .sliderHomeUSP .owl-nav button.owl-next{
    float: right;
  }
  .homeUSP .compUSP{
    height: auto;
  }
  .homeUSP .compUSP .description{
    padding: 0;
    width: 100vw;
  }
  .homeUSP .compUSP .description .image01{
    position: relative;
    top: unset;
    left: unset;
    width: 100vw;
    height: 32vh;
  }
  .homeUSP .compUSP .description .wrap{
    position: relative;
    padding: 5vh 8vw 8vh;
  }
  .homeUSP .compUSP .description .wrap h2,
  .homeUSP .compUSP .description .wrap hr{
    display: none;
  }
  .homeUSP .compUSP .description .wrap h3{
    margin: 0 auto 4vh;
    padding: 0 20vw 4vh;
    font-size: clamp(18px, 5.8vw, 25px);line-height: 5vh;letter-spacing: 0.1vw;
    text-align: center;
    border-bottom: 1px solid #F5F5F5;
  }
  .homeUSP .compUSP .description .wrap ul{
    padding: 0 0 5vh;
  }
  .homeUSP .compUSP .description .wrap ul li{
    margin-bottom: 1vh;
  }
  .homeUSP .compUSP .description .wrap ul li img{
    width: 13%;
  }
  .homeUSP .compUSP .description .wrap ul li p{
    width: 80%;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }  
  .homeUSP .compUSP .description .wrap .btnLeParc01{
    position: relative;
    display: block;
    margin: 0 auto;
    bottom: unset;
    left: unset;
    width: 42vw;
  }
  .homeUSP .compUSP .description .wrap .btnLeParc01 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
  }
  .homeUSP .compUSP .description .wrap .btnLeParc01 p{
    display: inline-block;
    vertical-align: middle;
  }
  .homeUSP .compUSP .description .wrap .num{
    top: -8vh;
    bottom: unset;
    left: 8vw;
    right: unset;
  }
  .homeUSP .compUSP .description .wrap .num p{
    font-family: "PlusJakartaSans-Regular";font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;
  }
  
  /* Access */
  .homeAccess .ornament01,
  .homeAccess .ornament02,
  .homeAccess .ornament03,
  .homeAccess .ornament05,
  .homeAccess .ornament06{
    display: none;
  }
  .homeAccess .ornament04{
    top: 125vh;
    transform: rotate(280deg);
    left: 5vw;
    right: unset;
    width: 8vw;
  }
  .homeAccess .wrapLeft{
    padding: 15vh 8vw;
    text-align: center;
  }
  .homeAccess .wrapLeft .title{
    margin-bottom: 5vh;
  }
  .accordion-button::after{
    width: 5vw;
    height: 5vw;
    background-size: 5vw;
  }
  .homeAccess #accordionAccess .accordion-item{
    border-radius: 6vw;
  }
  .homeAccess #accordionAccess .accordion-item .accordion-header .accordion-button{
    padding: 3vh 5vw;
    font-size: clamp(15px, 4.8vw, 21px);
  }
  .homeAccess #accordionAccess .accordion-item .accordion-collapse .accordion-body{
    padding: 1vh 5vw;
  }
  .homeAccess table tr td{
    display: block;
    text-align: left;
  }
  .homeAccess table tr td img{
    width: 12%;
  }
  .homeAccess .left,
  .homeAccess .right{
    display: block;
    margin-bottom: 5vh;
    width: 100%;
    text-align: left;
  }
  .homeAccess .maps{
    float: unset;
    margin: 10vh auto;
    width: 100%;
  }
  
  /* Amenities */
  .homeAmenities .wrap{
    padding: 0 0 15vh;
  }
  .homeAmenities .ornament01,
  .homeAmenities .ornament02,
  .homeAmenities .ornament03{
    display: none;
  }
  .homeAmenities .siteplan .dot{
    width: 5vw;
    height: 5vw;
  }
  .homeAmenities .siteplan .dot.active{
    width: 10vw;
    height: 10vw;
  }
  .homeAmenities .siteplan .dot.show{
    z-index: 2;
    width: 10vw;
    height: 10vw;
    background: #A07B35;
    border: 0.15vw solid #FFFFFF;
  }
  .homeAmenities .siteplan .dot.dot01{
    top: 43%;
    left: 18%;
  }
  .homeAmenities .siteplan .dot.dot02{
    top: 29%;
    left: 39.3%;
  }
  .homeAmenities .siteplan .dot.dot03{
    top: 34.3%;
    left: 53%;
  }
  .homeAmenities .siteplan .dot.dot04{
    top: 69.5%;
    left: 40.3%;
  }
  .homeAmenities .siteplan .dot.dot05{
    top: 58%;
    left: 44%;
  }
  .homeAmenities .siteplan .dot.dot06{
    top: 20%;
    left: 53.5%;
  }
  .homeAmenities .siteplan .dot.dot07{
    top: 64.5%;
    left: 42%;
  }
  .homeAmenities .siteplan .dot.dot08{
    top: 64.5%;
    left: 52.5%;
  }
  .homeAmenities .siteplan .dot.dot09{
    top: 68.5%;
    left: 47.3%;
  }
  .homeAmenities .siteplan .dot.dot10{
    top: 17.5%;
    left: 39.3%;
  }
  .homeAmenities .siteplan .dot.dot11{
    top: 68.5%;
    left: 32%;
  }
  .homeAmenities .siteplan .dot.dot12{
    top: 64.5%;
    left: 47.3%;
  }
  .homeAmenities .siteplan .dot.dot01.active,
  .homeAmenities .siteplan .dot.dot01.show{
    top: 41%;
    left: 15.5%;
  }
  .homeAmenities .siteplan .dot.dot02.active,
  .homeAmenities .siteplan .dot.dot02.show{
    top: 27%;
    left: 37%;
  }
  .homeAmenities .siteplan .dot.dot03.active,
  .homeAmenities .siteplan .dot.dot03.show{
    top: 32%;
    left: 50%;
  }
  .homeAmenities .siteplan .dot.dot04.active,
  .homeAmenities .siteplan .dot.dot04.show{
    top: 67.5%;
    left: 38%;
  }
  .homeAmenities .siteplan .dot.dot05.active,
  .homeAmenities .siteplan .dot.dot05.show{
    top: 56%;
    left: 41.5%;
  }
  .homeAmenities .siteplan .dot.dot06.active,
  .homeAmenities .siteplan .dot.dot06.show{
    top: 18%;
    left: 51%;
  }
  .homeAmenities .siteplan .dot.dot07.active,
  .homeAmenities .siteplan .dot.dot07.show{
    top: 62.5%;
    left: 39.5%;
  }
  .homeAmenities .siteplan .dot.dot08.active,
  .homeAmenities .siteplan .dot.dot08.show{
    top: 62.5%;
    left: 50%;
  }
  .homeAmenities .siteplan .dot.dot09.active,
  .homeAmenities .siteplan .dot.dot09.show{
    top: 66.5%;
    left: 45%;
  }
  .homeAmenities .siteplan .dot.dot10.active,
  .homeAmenities .siteplan .dot.dot10.show{
    top: 15.5%;
    left: 37%;
  }
  .homeAmenities .siteplan .dot.dot11.active,
  .homeAmenities .siteplan .dot.dot11.show{
    top: 66.5%;
    left: 29.5%;
  }
  .homeAmenities .siteplan .dot.dot12.active,
  .homeAmenities .siteplan .dot.dot12.show{
    top: 62.5%;
    left: 45.3%;
  }
  .homeAmenities .content{
    position: relative;
    top: unset;
    transform: unset;
    right: unset;
    width: 100%;
    text-align: center;
  }
  .homeAmenities .content .sliderHomeAmenities .item .imgSiteplan{
    margin: 3vh auto;
    width: 90%;
  }
  .homeAmenities .content .sliderHomeAmenities .item h6{
    position: relative;
    display: inline-block;
    margin-bottom: 5vh;
    padding: 1vh 5vw;
    color: #F5F5F5;
    border: 1px solid #A07B35;
    border-radius: 50vw;
    background: #A07B35;
    cursor: pointer;
    text-align: center;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav{
    margin: 0 auto !important;
    top: unset;
    bottom: 1.5vh;
    left: 0;
    right: 0;
    width: 45vw;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button{
    position: absolute;
    top: 0;
    transform: translateY(-50%);
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button.owl-prev{
    left: 0;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button.owl-next{
    right: 0;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button span{
    width: 12vw;
    height: 12vw;
    background: #F5F5F5;
    border: 1px solid #A07B35;
    transition: all .3s;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button:hover span{
    background: #A07B35;
    border: 1px solid #A07B35;
    transition: all .3s;
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button span.arrowLeft::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-left.png');
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button:hover span.arrowLeft::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-left.png');
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button span.arrowRight::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-gold-mid-right.png');
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button:hover span.arrowRight::after{
    background: url('https://okular.co.id/leparcidpreview/wp-content/themes/leparc/images/icon/arrow-white-right.png');
  }
  .homeAmenities .content .sliderHomeAmenities .owl-nav button span.arrowLeft::after,
  .homeAmenities .content .sliderHomeAmenities .owl-nav button span.arrowRight::after{
    width: 7vw;
    height: 7vw;
  }
  .homeAmenities .content .title{
    margin: 0 auto 5vh;
    width: 50vw;
  }
  .homeAmenities .content .brief{
    margin: 0 auto 5vh;
    width: 84vw;
  }
  .homeAmenities .content table{
    display: none;
  }
  
  /* Gallery */
  .homeGallery .sticky-statement{
    height: auto;
  }
  .homeGallery .sticky-statement .ornament01{
    top: 5vh;
    width: 70vw;
  }
  .homeGallery .sticky-statement .compTitle{
    position: relative;
    height: auto;
  }
  .homeGallery .sticky-statement .compTitle .ornament02{
    display: none;
  }
  .homeGallery .sticky-statement .compTitle .ornament03{
    display: none;
  }
  .homeGallery .sticky-statement .compTitle .wrap{
    position: relative;
    margin-bottom: 10vh;
    padding: 10vh 0;
    top: unset;
    transform: unset;
    width: 100vw;
  }
  .homeGallery .sticky-statement .compTitle .wrap .title{
    margin: 0 auto 5vh;
    width: 50vw;
  }
  .homeGallery .sticky-statement .compTitle .wrap .brief{
    width: 84vw;
  }
  .homeGallery .background{
    display: none;
  }
  .homeGallery .compGallery{
    position: relative;
    margin: 0 auto 15vh;
    top: unset !important;
    left: unset !important;
    width: 80vw !important;
    height: auto !important;
    border: 1px solid transparent;
  }
  .homeGallery .leaf{
    display: none;
  }
  .homeGallery .leaf.lf01{
    display: block;
    top: 112vh;
    transform: rotate(108deg);
    left: 65vw;
    width: 10vw;
  }
  .homeGallery .leaf.lf02{
    display: block;
    top: 160vh;
    transform: rotate(200deg);
    left: 24vw;
    width: 7vw;
  }
  .homeGallery .leaf.lf03{
    display: block;
    top: 100vh;
    left: -5vw;
    width: 40vw;
  }
  
  /* ThamrinNine */
  .homeThamrinNine .wrap{
    margin: 0 auto;
    top: unset;
    bottom: 50vh;
    transform: unset;
    left: 0;
    right: 0;
    width: 84vw;
    height: auto;
  }
  .homeThamrinNine .wrap span{
    display: none;
  }
  .homeThamrinNine .wrap .compImage{
    padding: 7vh 8vw;
  }
  .homeThamrinNine .wrap .compImage .brief{
    margin-bottom: 5vh;
  }
  .homeThamrinNine .wrap .compImage .btnLeParc03 span{
    display: block;
  }
  .homeThamrinNine .wrap .compImage .btnLeParc03 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
    width: 6vw;
    height: 6vw;
  }
  .homeThamrinNine .wrap .compImage .btnLeParc03 p{
    display: inline-block;
    vertical-align: middle;
  }
  
  /* AgoraMall */
  .homeAgoraMall .wrap{
    margin: 0 auto;
    top: unset;
    bottom: 50vh;
    transform: unset;
    left: 0;
    right: 0;
    width: 84vw;
    height: auto;
  }
  .homeAgoraMall .wrap span{
    display: none;
  }
  .homeAgoraMall .wrap .compImage{
    padding: 7vh 8vw;
  }
  .homeAgoraMall .wrap .compImage .brief{
    margin-bottom: 5vh;
  }
  .homeAgoraMall .wrap .compImage .btnLeParc03 span{
    display: block;
  }
  .homeAgoraMall .wrap .compImage .btnLeParc03 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
    width: 6vw;
    height: 6vw;
  }
  .homeAgoraMall .wrap .compImage .btnLeParc03 p{
    display: inline-block;
    vertical-align: middle;
  }
  
  /* Newsletter */
  .homeNewsletter{
    margin-bottom: 0;
  }
  .homeNewsletter .wrap .title{
    margin: 0 0 3vh;
    width: 100%;
    text-align: center;
  }
  .homeNewsletter .wrap #wpcf7-f537-p8-o1,
  .homeNewsletter .wrap .wpcf7.js,
  .homeNewsletter .wrap form{
    width: 100%;
  }
  .homeNewsletter .wrap #wpcf7-f537-p8-o1 .wpcf7-response-output,
.homeNewsletter .wrap .wpcf7.js .wpcf7-response-output{
    position: absolute;
    margin: 0 !important;
    top: 120%;
    font-size: clamp(7px, 2.3vw, 10px) !important;
  }
  .homeNewsletter .wrap form #formLeParc input{
    padding: 2.5vh 5vw
  }
  .homeNewsletter .wrap form #formLeParc button{
    width: 25%;
  }
  .homeNewsletter .wrap form #formLeParc button img{
    width: 8vw;
  }
  .homeNewsletter hr{
    margin: 0 auto;
    width: 84vw;
  }
  /*=========================================================================================================END HOME PAGE=========================================================================================================*/
  
  /*=========================================================================================================RESIDENCES PAGE=========================================================================================================*/
  /* Content */
  .mainResidences .table{
    display: block;
  }
  .mainResidences .rpTableCell{
    width: 100vw;
  }
  .mainResidences .rpTableCell:hover .background{
    transform: scale(1);
  }
  .mainResidences .rpTableCell .overlay{
    opacity: 1;
  }
  .mainResidences .rpTableCell .title{
    top: 60%;
    font-size: clamp(22px, 7vw, 31px);
    line-height: 7vh;
  }
  .mainResidences .rpTableCell .brief{
    top: 70%;
    width: 84%;
    font-family: "PlusJakartaSans-Bold";
    font-size: clamp(11px, 3.5vw, 16px);
    line-height: 3vh;
    letter-spacing: 0;
    text-align: center;
  }
  .mainResidences .rpTableCell .btnLeParc01{
    top: 35%;
    width: 42vw;
  }
  .mainResidences .rpTableCell .btnLeParc01 span{
    display: none;
  }
  .mainResidences .rpTableCell .btnLeParc01 p{
    padding: 0;
  }
  .mainResidences .rpTableCell .ovHousing{
    display: none;
  }
  /*=========================================================================================================END RESIDENCES PAGE=========================================================================================================*/
  
  /*=========================================================================================================DETAIL RESIDENCES PAGE=========================================================================================================*/
  /* Header */
  .mainDetailResidences .drHeader .lpWrap,.mainDetailResidences .drHeader .lpWrap .background{
    height: 100vh;
  }
  .mainDetailResidences .drHeader .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
  }
  .mainDetailResidences .drHeader .back{
    display: none;
  }
  .mainDetailResidences .drHeader .brief{
    width: 84%;
  }
  .mainDetailResidences .drHeader .brief .path{
    font-size: clamp(9px, 3vw, 13px);
    line-height: 3vh;
    letter-spacing: 0.2vw;
  }
  .mainDetailResidences .drHeader .brief h1{
    margin: 2vh 0;
  }
  .mainDetailResidences .drHeader .brief .info li{
    display: block;
    width: 100%;
  }
  .mainDetailResidences .drHeader .brief .info li img{
    width: 13vw;
  }
  .mainDetailResidences .drHeader .brief .info li p{
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
  }

  /* USP */
  .mainDetailResidences .drUSP{
    height: auto;
  }
  .mainDetailResidences .drUSP .ornament01{
    display: none;
  }
  .mainDetailResidences .drUSP .ornament02{
    top: 4vh;
    width: 17vw;
  }
  .mainDetailResidences .drUSP .ornament03{
    position: absolute;
    top: 0;
    right: 0;
    width: 60vw;
  }
  .mainDetailResidences .drUSP .title{
    top: 11vh;
  }
  .mainDetailResidences .drUSP .title h2{
    font-family: "CandidaStd-Italic";
    font-size: clamp(20px, 6.3vw, 28px);
    line-height: 5vh;
    letter-spacing: 0;
  }
  .mainDetailResidences .drUSP .brief{
    position: relative;
    padding: 26vh 0 24vh;
    top: unset;
    transform: unset;
    width: 84%;
  }
  .mainDetailResidences .drUSP .brief p{
    font-family: "PlusJakartaSans-Regular";
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  .mainDetailResidences .drUSP .cn-slider{
    margin: 10vh auto 0;
    bottom: 15vh;
    width: 50vw;
  }
  .mainDetailResidences .drUSP .cn-slider li{
    margin: 0 4vw;
    width: 12vw;
    height: 12vw;
  }
  .mainDetailResidences .drUSP .cn-slider li::after{
    width: 7vw;
    height: 7vw;
  }
  .mainDetailResidences .drUSP .sliderOneCarousel.druspsocImage{
    margin-top: -15vh;
  }
  .mainDetailResidences .drUSP .sliderOneCarousel .item{
    height: auto;
  }
  .mainDetailResidences .drUSP .sliderOneCarousel .item .image01{
    position: relative;
    margin-top: 5vh;
    margin-bottom: 20vh;
    top: unset;
    transform: unset;
    width: 84vw;
    height: 35vh;
  }

  /* Type */
  .mainDetailResidences .drType{
    margin-top: 0;
    padding-top: 10vh;
    height: auto;
    text-align: center;
  }
  .mainDetailResidences .drType .ornament01{
    display: none;
  }
  .mainDetailResidences .drType .rstPath{
    position: relative;
    margin-bottom: 5vh;
    padding-bottom: 2vh;
    top: unset;
    text-align: left;
  }
  .mainDetailResidences .drType .rstPath p{
    font-family: "PlusJakartaSans-Regular";font-size: clamp(9px, 3vw, 13px);line-height: 3vh;letter-spacing: 0.2vw;
  }
  .mainDetailResidences .drType .rstPath p span.text-uppercase{
    font-family: "PlusJakartaSans-Bold";
  }
  /* wrapOverlay is an empty spacer that reserves height on desktop so the
     column doesn't collapse (its siblings below are all position:absolute).
     Once wrapTypeCategory is back in normal flow below, it's dead weight
     that just leaves a large blank gap — drop it. */
  .mainDetailResidences .drType .wrapOverlay{
    display: none;
  }
  /* Available for SALE / LEASE toggle */
  .mainDetailResidences .drType .btnTypeCategory{
    position: relative;
    z-index: 3;
    display: inline-block;
    top: unset;
    right: unset !important;
    width: 44vw;
    height: auto;
    margin: 0 1vw 4vh;
    border-radius: 50vw;
  }
  .mainDetailResidences .drType .btnTypeCategory p{
    position: relative;
    top: unset;
    transform: unset;
    padding: 2vh 0;
    font-size: clamp(11px, 3.6vw, 16px);
    line-height: 4vh;
  }
  /* Sale/Lease content panel — swap the desktop opacity/z-index stacking
     trick (both panels absolutely stacked on top of each other) for a
     simple display toggle so the active panel sits in normal flow and
     the page doesn't need a phantom spacer to reserve its height. */
  .mainDetailResidences .drType .wrapTypeCategory{
    display: none;
    position: relative;
    z-index: unset;
    opacity: 1;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    mix-blend-mode: normal;
  }
  .mainDetailResidences .drType .wrapTypeCategory.active{
    display: block;
  }
  .mainDetailResidences .drType .rstType{
    position: relative;
    z-index: 3;
    top: unset;
    width: 84vw;
  }
  .mainDetailResidences .drType .rstType p,
  .mainDetailResidences .drType .rstType .listDropdown .listHolder{
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstType .listDropdown{
    padding: 1.6vh 15vw 1.6vh 5vw;
    width: 72vw;
  }
  .mainDetailResidences .drType .rstType .listDropdown .icon{
    width: 15vw;
  }
  .mainDetailResidences .drType .rstType .listDropdown .icon img{
    right: 5vw;
    width: 5vw;
  }
  .mainDetailResidences .drType .rstType .listDropdown .onSelect{
    z-index: -1;
    padding-top: 1.5vh;
    top: 8vh;
    left: -1vw;
    width: 71.5vw;
    border-radius: 5vw;
  }
  .mainDetailResidences .drType .rstContent{
    padding: 0 8vw 15vh;
    /* height: 120vh; */
    height: auto;
    text-align: center;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01,
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01, 
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .wrapContent{
    position: relative;
    padding: 0;
    width: 100%;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .title{
    margin: 3vh 0 1vh;
    width: 100%;
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
    text-align: left;
    height: auto;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane ul{
    width: 100%;
    text-align: left;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .info li{
    width: 60% !important;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .info li:first-child{
    width: 30% !important;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .info li p{
    margin-bottom: 2vh;
    font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .info li p.fontWSModerate{
    margin-bottom: 0;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .facility{
    display: block;
    position: relative;
    z-index: 2;
    margin: -7vh 0 0;
    bottom: unset;
    left: unset;
    width: 100%;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .facility li img{
    width: 12vw;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .facility li p{
    margin-bottom: 0;
    font-family: "BrandonGrotesque-Regular";
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .btnLeParc03{
    position: relative;
    margin: 0 auto;
    padding: 2.4vh 6vw;
    top: unset;
    bottom: unset;
    left: unset;
    width: 57vw;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .btnLeParc03 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
    width: 6vw;
    height: 6vw;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .btnLeParc03 p{
    display: inline-block;
    vertical-align: middle;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .floorplan{
    position: relative;
    margin: 0 auto 2vh;
    top: unset;
    right: unset;
    width: 100%;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .compassIcon{
    position: absolute;
    margin: 0;
    top: 25vh !important;
    right: 0 !important;
    width: 12vw !important;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .compassLegend{
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 3vh 0;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    width: 100%;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .compassLegend li{
    display: inline-block;
    width: 49%;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .compassLegend li p{
    margin-bottom: 2vh;
    font-size: clamp(11px, 3.5vw, 16px);
    line-height: 3vh;
    letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .compassLegend li p span{
    display: inline-block;
    margin-right: 3vw;
    width: 3vw;
    font-family: "CandidaStd-Bold" !important;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02{
    position: relative;
    margin: 1vh 0 3vh;
    top: unset !important;
    transform: unset !important;
    right: unset;
    width: 84vw;
    border-radius: 50vw;
    text-align: center;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li{
    display: inline-block;
    width: 33.333333%;
    border-left: 1px solid #A07B35;
    border-right: 1px solid #A07B35;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02.tc02nd li{
    width: 50%;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li:first-child{
    border-left: unset;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li:last-child{
    border-right: unset;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .navpills02 li p{
    font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02{
    position: relative;
    margin: 0 auto;
    top: unset;
    right: unset;
    width: 100%;
    height: auto;
    text-align: right;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02{
    position: relative;
    top: unset;
    left: unset;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02 .image{
    position: relative;
    margin: 5vh 0;
    top: unset;
    transform: unset;
    right: unset;
    width: 100%;
    height: 44vh;
    object-fit: contain;
  }
  .mainDetailResidences .drType .rstContent .tabcontent01 .tabpane01 .tabcontent02 .tabpane02 .location{
    position: relative;
    bottom: unset;
    left: unset !important;
    right: unset;
    max-width: 26%;
    width: auto;
  }
  .mainDetailResidences .drType .rstContent .tab-content .tab-pane .location{
    position: relative;
    vertical-align: top;
    top: unset;
    right: unset;
    width: 49%;
  }
  .mainDetailResidences .drType .rstDescription{
    height: auto;
    background: #E0D3BA;
  }
  .mainDetailResidences .drType .rstDescription .sticky-statement{
    position: relative;
    width: 100vw;
    height: 160vh;
  }
  .mainDetailResidences .drType .rstDescription .sticky-statement .background{
    position: sticky;
    top: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }
  .mainDetailResidences .drType .rstDescription .sticky-statement .brief{
    padding: 10vw;
    top: unset;
    bottom: 10vh;
    transform: unset;
    right: 0;
    width: 84vw;
    height: auto;
  }
  .mainDetailResidences .drType .rstDescription .sticky-statement .brief p{
    margin-bottom: 0;
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
  }

  /* Gallery */
  .mainDetailResidences .drGallery{
    padding-bottom: 10vh;
  }
  .mainDetailResidences .drGallery .ornament01{display: none;}
  .mainDetailResidences .drGallery .ornament02{display: none;}
  .mainDetailResidences .drGallery .ornament03{display: none;}
  .mainDetailResidences .drGallery .ornament04{display: none;}
  .mainDetailResidences .drGallery .ornament05{display: none;}
  .mainDetailResidences .drGallery .rsgContent{
    height: auto;
  }
  .mainDetailResidences .drGallery .rsgContent .title{
    margin: 6vh 0;
    padding: 0 8vw;
  }
  .mainDetailResidences .drGallery .rsgContent .sliderGallery .owl-nav{
    top: 45vh;
    width: 65vw;
  }
  .mainDetailResidences .drGallery .rsgBook{
    height: 70vh;
  }
  .mainDetailResidences .drGallery .rsgBook .ornament{
    width: 60vw;
  }
  .mainDetailResidences .drGallery .rsgBook .brief{
    width: 84vw;
  }
  .mainDetailResidences .drGallery .rsgBook .brief .title{
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
  }
  .mainDetailResidences .drGallery .rsgBook .brief .btnLeParc01 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
  }
  .mainDetailResidences .drGallery .rsgBook .brief .btnLeParc01 p{
    display: inline-block;
    vertical-align: middle;
  }
  .drgModal .modal-dialog{
    transform: translateY(-50%) !important;
    width: 95vw;
  }
  .drgModal .modal-dialog .modal-content .modal-close{
    position: absolute;
    padding: 1vh 1vw;
    bottom: 105%;
    right: 0;
    width: 10vw;
    height: 10vw;
    text-align: center;
    background: #F5F5F5;
    border-radius: 50vw;
  }
  .drgModal .modal-dialog .modal-content .modal-close img{
    width: 5vw;
  }
  .drgModal .modal-dialog .modal-content .image{
    width: 100%;
  }
  
  /* Other */
  .mainDetailResidences .drOther{
    height: auto;
  }
  .mainDetailResidences .drOther .rsoContent{
    margin: 0 auto 15vh;
    width: 84vw;
    height: auto;
  }
  .mainDetailResidences .drOther .rsoContent .item{
    display: block;
    margin: 0 0 6vh;
    width: 100%;
    height: 60vh;
    border-radius: 4vw;
  }
  .mainDetailResidences .drOther .rsoContent .item .image{
    height: 48vh;
  }
  .mainDetailResidences .drOther .rsoContent .item .subtitle{
    font-family: "BrandonGrotesque-Bold";font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  /*=========================================================================================================END DETAIL RESIDENCES PAGE=========================================================================================================*/
  
  /*=========================================================================================================ABOUT US PAGE=========================================================================================================*/
  /* Header */
  .mainAboutUs .auHeader .brief{
    top: 30%;
    width: 70vw;
  }
  .mainAboutUs .auHeader .brief h1{
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
  }
  .mainAboutUs .auHeader .brief p{
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  
  /* Achievement */
  .mainAboutUs .auAchievement .ornament01{
    bottom: -5vh;
    width: 35vw;
  }
  .mainAboutUs .auAchievement .brief{
    top: 15vh;
    transform: unset;
    left: 0;
    right: 0;
    width: 84vw;
    text-align: center;
  }
  .mainAboutUs .auAchievement .brief h2{
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
  }
  .mainAboutUs .auAchievement .brief p{
    margin-bottom: 0;
    width: 100%;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  .mainAboutUs .auAchievement .brief img{
    display: none;
  }
  
  /* USP */
  .mainAboutUs .auUSP{
    height: auto;
  }
  .mainAboutUs .auUSP .ornament01{
    display: none;
  }
  .mainAboutUs .auUSP .ornament02{
    display: none;
  }
  .mainAboutUs .auUSP .ornament03{
    display: none;
  }
  .mainAboutUs .auUSP .ornament04{
    display: none;
  }
  .mainAboutUs .auUSP .wrap{
    position: relative;
    padding: 15vh 8vw;
    top: unset;
    transform: unset;
    left: unset;
    right: unset;
    width: 100vw;
    height: auto;
  }
  .mainAboutUs .auUSP .wrap .title{
    display: block;
    margin-bottom: 5vh;
    width: 100%;
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
    text-align: center;
  }
  .mainAboutUs .auUSP .wrap .brief{
    display: block;
    margin-bottom: 5vh;
    width: 100%;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
    text-align: center;
  }
  .mainAboutUs .auUSP .wrap .item{
    display: block;
    padding: 5vh 10vw;
    margin: 10vh 0 0;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .mainAboutUs .auUSP .wrap .item .icon{
    margin: -3vh 0 5vh;
    width: 30vw;
  }
  .mainAboutUs .auUSP .wrap .item h3{
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0;
  }
  .mainAboutUs .auUSP .wrap .item p{
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  
  /* Developer */
  .mainAboutUs .auDeveloper .background{
    top: 60%;
  }
  .mainAboutUs .auDeveloper .image{
    height: 62vh;
  }
  .mainAboutUs .auDeveloper .wrap{
    padding: 5vh 8vw 20vh;
  }
  .mainAboutUs .auDeveloper .wrap .logo{
    width: 30vw;
  }
  .mainAboutUs .auDeveloper .wrap h2{
    margin-bottom: 2vh;font-size: clamp(15px, 4.8vw, 21px);line-height: 5vh;letter-spacing: 0.1vw;
  }
  .mainAboutUs .auDeveloper .wrap .brief{
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  .mainAboutUs .auDeveloper .wrap .btnLeParc01 span{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 2vw 0 0;
    top: unset !important;
    transform: unset !important;
    left: unset !important;
  }
  .mainAboutUs .auDeveloper .wrap .btnLeParc01 p{
    display: inline-block;
    vertical-align: middle;
  }
  .mainAboutUs .auDeveloper .sliderOne .owl-nav{
    margin: 0 auto !important;
    top: unset;
    transform: unset;
    bottom: 15vh;
    right: 0;
    width: 40vw;
  }
  
  /* Collaborations */
  .mainAboutUs .auCollaborations .background{
    position: absolute;
    bottom: -5vh;
    left: 0;
    width: 100vw;
    height: 23vh;
  }
  .mainAboutUs .auCollaborations .wrap{
    position: relative;
    padding: 15vh 0;
  }
  .mainAboutUs .auCollaborations .wrap h2{
    margin: 0 0 10vh;
    font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;
    text-align: center;
  }
  .mainAboutUs .auCollaborations .wrap .cn-slider{
    margin: 10vh auto 0;
    top: unset;
    bottom: 12.5vh;
    left: 0;
    right: 0;
    width: 80vw;
    text-align: center;
  }
  .mainAboutUs .auCollaborations .wrap .cn-slider li{
    margin: 0 12vw;
    width: 12vw;
    height: 12vw;
  }
  .mainAboutUs .auCollaborations .wrap .cn-slider li::after{
    width: 7vw;
    height: 7vw;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel{
    mix-blend-mode: multiply;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item{
    margin-bottom: 10vh;
    padding: 0 8vw;
    height: 88vh;
    background-size: contain !important;
    background-position: bottom !important;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .logo{
    margin-bottom: 2vh;
    width: auto;
    height: auto;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .subtitle{
    margin-bottom: 2vh;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .hr01{
    margin-bottom: 2vh;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .brief{
    margin-bottom: 3vh;
    font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .cat{
    bottom: 15vh;
    left: unset;
    width: 80%;
    font-size: clamp(9px, 3vw, 13px);line-height: 3vh;letter-spacing: 0.2vw;
  }
  .mainAboutUs .auCollaborations .wrap .sliderSPLCarousel .item .num{
    display: block;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: "PlusJakartaSans-Regular";font-size: clamp(12px, 3.8vw, 17px);line-height: 4vh;letter-spacing: 0;color: #272324;
    text-align: center;
  }
  /*=========================================================================================================END ABOUT US PAGE=========================================================================================================*/

  /*=========================================================================================================AWARDS PAGE=========================================================================================================*/
  /* Shared title size used by the header, gallery and achievement headings */
  .mainAwards .fontWTHeroV2{
    font-size: clamp(22px, 7vw, 31px);
    line-height: 6vh;
    letter-spacing: 0.2vw;
  }

  /* Header */
  .mainAwards .auHeader .ornament01,
  .mainAwards .auHeader .ornament02{
    display: none;
  }
  .mainAwards .auHeader .ornament03{
    width: 24vw;
  }
  .mainAwards .auHeader .subtitle{
    font-size: clamp(12px, 4vw, 18px);
    line-height: 3vh;
  }
  .mainAwards .auHeader .title{
    margin: 1.5vh 0 2vh;
  }
  .mainAwards .auHeader .brief{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 4.2vh;
  }

  /* Gallery */
  .mainAwards .awGallery{
    padding: 8vh 8vw 0;
  }
  .mainAwards .awGallery .row > div{
    margin-bottom: 4vh;
  }
  .mainAwards .awGallery .compGallery{
    margin: 0;
    width: 100%;
    height: 38vh;
  }
  .mainAwards .awGallery .compGallery .subtitle{
    font-size: clamp(11px, 3.6vw, 16px);
  }
  .mainAwards .awGallery .title{
    /* was .boxc (absolute + vertical-center); its column has no other
       content so it collapsed to 0 height on mobile, overlapping the
       trophy image below. Put it back in normal flow. */
    position: relative;
    top: unset;
    transform: unset;
    padding-left: 0;
    text-align: center;
  }
  .mainAwards .awGallery .trophy{
    /* same .boxc collapse issue as the title above */
    position: relative;
    top: unset;
    transform: unset;
    display: block;
    margin: 0 auto;
    width: 26vw;
  }

  /* Achievement */
  .mainAwards .auAchievement{
    /* the background image is d-none d-lg-block with no mobile
       counterpart, so give the section a plain fallback fill */
    background: #F5F5F5;
  }
  .mainAwards .compowlsync{
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: auto;
    padding: 8vh 0;
  }
  .mainAwards .compowlsync #owlsync1{
    position: relative;
    padding: 0 8vw;
    bottom: unset;
    left: unset;
    width: 100%;
    text-align: center;
  }
  .mainAwards .compowlsync #owlsync1 .item{
    height: auto;
  }
  .mainAwards .compowlsync #owlsync1 .num{
    font-size: clamp(11px, 3.6vw, 16px);
  }
  .mainAwards .compowlsync #owlsync1 .subtitle{
    font-size: clamp(11px, 3.6vw, 16px);
  }
  .mainAwards .compowlsync #owlsync1 .brief{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 4.2vh;
  }
  .mainAwards .compowlsync #owlsync1 .owl-nav{
    position: static;
    margin: 3vh auto 0 !important;
    width: 30vw;
  }
  .mainAwards .compowlsync #owlsync2{
    position: relative;
    bottom: unset;
    right: unset;
    margin-top: 5vh;
    width: 100%;
  }
  .mainAwards .compowlsync #owlsync2 .item{
    height: 40vh;
  }
  .mainAwards .compowlsync #owlsync2 .image{
    width: 60%;
  }
  #owlsync1 .owl-nav button span{
    border: 1px solid #A07B35;
  }
  #owlsync1 .owl-nav button.owl-prev{
    left: 8vw;
  }
  #owlsync1 .owl-nav button.owl-next{
    right: 8vw;
  }

  /* Institution */
  .mainAwards .awInstitution{
    padding: 8vh 8vw;
  }
  .mainAwards .awInstitution .col-lg-7{
    margin-bottom: 4vh;
    text-align: center;
  }
  .mainAwards .awInstitution .image{
    margin: 0 2vw;
    transform: unset;
    width: 22vw;
  }
  .mainAwards .awInstitution .title{
    margin-bottom: 2vh !important;
    font-size: clamp(22px, 7vw, 31px);
    line-height: 6vh;
    letter-spacing: 0.2vw;
    text-align: center;
  }
  .mainAwards .awInstitution .brief{
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 4.2vh;
    text-align: center;
  }
  /*=========================================================================================================END AWARDS PAGE=========================================================================================================*/

  /*=========================================================================================================GALLERY PAGE=========================================================================================================*/
  /* Content */
  .mainGallery .glContent .sliderGallery{
    margin-bottom: 20vh;
  }
  .mainGallery .glContent .sliderGallery .item .image{
    height: 65vh !important;
  }
  .mainGallery .glContent .sliderGallery .item .overlay{
    z-index: 1;
    transform: unset;
    top: unset;
    bottom: 0;
    width: 100%;
    height: 10vh;
    opacity: 1;
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .owl-item.active .item:hover .overlay,
  .mainGallery .glContent .sliderGallery .owl-item.active .item .overlay.active{
    height: 100%;
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .item h2{
    position: absolute;
    z-index: 2;
    margin: 0;
    top: 87%;
    left: 8vw;
    width: 62vw;
    font-family: "BrandonGrotesque-Bold";
    font-size: clamp(15px, 4.8vw, 21px);
    line-height: 3.5vh;
    letter-spacing: 0.1vw;
    text-align: left;
    text-transform: uppercase;
    color: #F5F5F5;
  }
  .mainGallery .glContent .sliderGallery .item .funcOpen{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .mainGallery .glContent .sliderGallery .item .icon{
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    transform: unset;
    right: 6%;
    width: 4vh;
    height: 4vh;
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .owl-item.active .item:hover .icon,
  .mainGallery .glContent .sliderGallery .owl-item.active .item .icon.active{
    z-index: 11;
    transform: rotate(-135deg);
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .item .brief{
    position: absolute;
    padding: 5vh 8vw;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    text-align: left;
    opacity: 0 !important;
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .owl-item.active .item:hover .brief,
  .mainGallery .glContent .sliderGallery .owl-item.active .item .brief.active{
    top: 0;
    opacity: 1 !important;
    transition: all .5s;
  }
  .mainGallery .glContent .sliderGallery .item .brief p{
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-family: "PlusJakartaSans-Regular";
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
    letter-spacing: 0;
    color: #F5F5F5 !important;
  }
  .mainGallery .glContent .sliderGallery .owl-nav{
    top: 70vh;
    width: 30vw;
  }
  /*=========================================================================================================END GALLERY PAGE=========================================================================================================*/
  
  /*=========================================================================================================CONTACT PAGE=========================================================================================================*/
  /* Content */
  .mainContactUs .ctContent .lpWrap{
    height: auto;
  }
  .mainContactUs .ctContent .ornament01{
    display: none;
  }
  .mainContactUs .ctContent .wrap{
    padding: 15vh 8vw 0;
  }
  .mainContactUs .ctContent .wrap .title{
    margin-bottom: 5vh;
    text-align: left;
  }
  .mainContactUs .ctContent .wrap form label{
    font-family: "PlusJakartaSans-Regular";
    font-size: clamp(12px, 3.8vw, 17px);
    line-height: 4vh;
    letter-spacing: 0;
  }
  /*=========================================================================================================END CONTACT PAGE=========================================================================================================*/

  /*=========================================================================================================PRIVACY POLICY PAGE=========================================================================================================*/
  /* Content */
  .mainPrivacyPolicy .ppContent{padding: 18vh 0 10vh;width: 84vw;}
  .mainPrivacyPolicy .ppContent hr{margin: 8vh auto;width: 90%;}
  .mainPrivacyPolicy .ppContent h1{font-family: "CandidaStd-Bold";font-size: clamp(20px, 6.3vw, 28px);line-height: 5vh;letter-spacing: 0.4vw;}
  .mainPrivacyPolicy .ppContent h2{font-family: "BrandonGrotesque-Bold";font-size: clamp(15px, 4.8vw, 21px);line-height: 5vh;letter-spacing: 0.1vw;}
  .mainPrivacyPolicy .ppContent h3{font-size: clamp(14px, 4.6vw, 20px);line-height: 5vh;}
  .mainPrivacyPolicy .ppContent h4{font-size: clamp(13px, 4.2vw, 19px);line-height: 5vh;}
  .mainPrivacyPolicy .ppContent p{font-size: clamp(12px, 4vw, 18px);line-height: 4vh;}
  .mainPrivacyPolicy .ppContent strong,.mainPrivacyPolicy .ppContent b{font-family: "PlusJakartaSans-Bold";}
  .mainPrivacyPolicy .ppContent p span{margin-bottom: 8vh;font-size: clamp(12px, 4vw, 18px);line-height: 4vh;letter-spacing: 0;}
  .mainPrivacyPolicy .ppContent ul{padding: 0 5vw 0 10vw;}
  .mainPrivacyPolicy .ppContent ul li{font-size: clamp(12px, 4vw, 18px);line-height: 4vh;}
  .mainPrivacyPolicy .ppContent ul li::marker{font-size: clamp(14px, 4.5vw, 20px);}
  /*=========================================================================================================END PRIVACY POLICY PAGE=========================================================================================================*/

/*=========================================================================================================ARTICLES COMPONENT=========================================================================================================*/
.compArticleItem .cat{
    padding: 1vh 4vw;
}
.compArticleItem .date{
    margin-right: 0.5vh;
}
.compArticleItem .date .icon{
    margin-right: 0.6vw;
    width: 4vw;
}
.compArticleItem .date p{
    font-size: clamp(8px, 2.5vw, 11px);
    line-height: 4vh;
}
.compArticleItem .date p span{
    margin-left: 0.5vh;
}
.compArticleItem .time .icon{
    margin-right: 0.6vw;
    width: 4vw;
}
.compArticleItem .time p{
    font-size: clamp(8px, 2.5vw, 11px);
    line-height: 4vh;
}
.compArticleItem .title h3{
    font-size: clamp(16px, 5vw, 22px);
    line-height: 4.5vh;
}
.thumbArticles .wrap{
    padding: 10vh 0 10vh 8vw;
    text-align: center;
}
.thumbArticles .wrap h2{
    margin-bottom: 5vh;
    padding-right: 8vw;
    text-align: left;
    font-size: clamp(22px, 7vw, 31px);
    line-height: 5vh;
}
.thumbArticles .wrap .thumbArticlesLink{
    position: relative;
    padding: 1vh 4vw 1vh 10vw;
    margin-left: -9vw;
    top: unset;
    right: unset;
    border-bottom: 1px solid #A07B35;
}
.thumbArticles .wrap .thumbArticlesLink span{
    left: 3vw !important;
}
.thumbArticles .wrap ul{
    text-align: left;
}
.thumbArticles .wrap .content.stagePadding-01{
    text-align: left;
    margin-bottom: 8vh;
}
.thumbArticles .wrap .content.stagePadding-01 .item{
    padding: 0 5vw 0 0.1vw;
}
.thumbArticles .wrap .cn-slider{
    text-align: left;
    top: 80vh;
    right: 8vw;
    width: 86vw;
    height: 0;
}
.thumbArticles .wrap .cn-slider li{
    position: absolute;
    top: 0;
    left: 8vw;
    width: 12vw;
    height: 12vw;
}
.thumbArticles .wrap .cn-slider li:last-child{
    left: unset;
    right: 8vw;
}
.thumbArticles .wrap .cn-slider li::after{
    width: 7vw;
    height: 7vw;
}
.thumbArticles.homeArticles{
    background: #EFEFEF;
    border-top: 0.1vh solid #807B70;
    border-bottom: 0.1vh solid #807B70;
}
.thumbArticles.homeArticles .wrap h2{
    width: 100%;
    font-size: clamp(22px, 7vw, 31px);
    line-height: 5vh;
    letter-spacing: 0;
}
/*=========================================================================================================END ARTICLES COMPONENT=========================================================================================================*/

/*=========================================================================================================ARTICLES PAGE=========================================================================================================*/
.mainArticles .arContent .wrap{
  padding: 25vh 8vw 10vh;
}
.mainArticles .arContent .wrap .arcTitle{
  margin: 0 0 5vh;
  text-align: left;
  font-size: clamp(20px, 6.3vw, 28px);
  line-height: 5vh;
  letter-spacing: 0.4vw;
}
.mainArticles .arContent .wrap .arcWrap .col-12{
  padding: 0;
  margin-bottom: 3vh;
}
.mainArticles .arContent .wrap .arcMenu li{
  margin: 0 3vw;
}
.mainArticles .arContent .wrap .arcMenu li a{
  font-size: clamp(10px, 3.4vw, 15px);
}
.mainArticles .arContent .wrap .arcWrap .arcPagination{
  margin-top: 8vh;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow{
  width: 12vw;
  height: 12vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow::after{
  width: 7vw;
  height: 7vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageArrow img{
  width: 3vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers{
  margin: 0;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum{
  margin: 0 1.5vw;
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageNum a{
  width: 8vw;
  height: 8vw;
  font-size: clamp(10px, 3.4vw, 15px);
}
.mainArticles .arContent .wrap .arcWrap .arcPagination .arcPageNumbers .arcPageEllipsis{
  margin: 0 1.5vw;
  width: 8vw;
  height: 8vw;
  font-size: clamp(10px, 3.4vw, 15px);
}
/*=========================================================================================================END ARTICLES PAGE=========================================================================================================*/

/*=========================================================================================================DETAIL ARTICLES PAGE=========================================================================================================*/
.mainDetailArticles .daContent .wrap{
    padding: 15vh 0 0;
}
.mainDetailArticles .daContent .wrap .dacBack{
    margin-bottom: 5vh;
    padding: 0 8vw;
    text-align: left;
}
.mainDetailArticles .daContent .wrap .dacBack .icon{
    display: inline-block;
    vertical-align: middle;
    margin: 0 3vw 0 0;
}
.mainDetailArticles .daContent .wrap .dacBack p{
    display: inline-block;
    vertical-align: middle;
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
}
.mainDetailArticles .daContent .wrap .dacTitle{
    margin-bottom: 5vh;
    padding: 0 8vw;
    text-align: left;
    font-size: clamp(20px, 6.3vw, 28px);
    line-height: 5vh;
}
.mainDetailArticles .daContent .wrap .dacInfo{
    margin: 2vh auto 5vh;
    padding: 0 8vw;
    width: 100%;
}
.mainDetailArticles .daContent .wrap .dacInfo .cat{
    padding: 1vh 4vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .date{
    margin-right: 0.5vh;
}
.mainDetailArticles .daContent .wrap .dacInfo .date .icon{
    margin-right: 0.6vw;
    width: 4vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .date p{
    font-size: clamp(8px, 2.5vw, 11px);
    line-height: 4vh;
}
.mainDetailArticles .daContent .wrap .dacInfo .date p span{
    margin-left: 0.5vh;
}
.mainDetailArticles .daContent .wrap .dacInfo .time .icon{
    margin-right: 0.6vw;
    width: 4vw;
}
.mainDetailArticles .daContent .wrap .dacInfo .time p{
    font-size: clamp(8px, 2.5vw, 11px);
    line-height: 4vh;
}
.mainDetailArticles .daContent .wrap .dacDescription{
    padding: 10vh 8vw;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h2{
    font-size: clamp(19px, 6vw, 26px);line-height: 5vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h3{
    font-size: clamp(18px, 5.8vw, 25px);line-height: 5vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h4{
    font-size: clamp(17px, 5.5vw, 24px);line-height: 5vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h5{
    font-size: clamp(16px, 5.2vw, 23px);line-height: 5vh;letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap h6{
    font-size: clamp(15px, 4.8vw, 21px);line-height: 5vh;letter-spacing: 0.1vw;
}
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap a,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap li,
.mainDetailArticles .daContent .wrap .dacDescription .contentwrap p{
    font-size: clamp(12px, 4vw, 18px);
    line-height: 4vh;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare{
    margin-top: 10vh;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare h3{
    font-size: clamp(17px, 5.5vw, 24px);
    line-height: 5vh;
    letter-spacing: 0;
}
.mainDetailArticles .daContent .wrap .dacDescription .dacShare ul li a{
    margin: 1vh 3vw 0;
    width: 16vw;
    height: 16vw;
    font-size: clamp(32px, 10vw, 43px);
}
/*=========================================================================================================END DETAIL ARTICLES PAGE=========================================================================================================*/

}