@media (min-width: 1900px) {
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-6 {
    top: 125px;
    left: 56%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-5 {
    top: 330px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-2 {
    top: 290px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-1 {
    top: 275px;
    left: 23%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-3 {
    top: 240px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-4 {
    top: 165px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-5 {
    top: 360px;
    right: 18%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-4 {
    top: 330px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-2 {
    top: 255px;
    left: 41%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-3 {
    top: 145px;
    left: 46%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    top: 325px;
    left: 22%;
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-3.active {
    -webkit-transform: translate(7vw, -7vh);
            transform: translate(7vw, -7vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .text-cont-3.active {
    -webkit-transform: translate(7vw, -5vh);
            transform: translate(7vw, -5vh);
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-1 .cs-drawer-mid-textbox {
    top: 0;
  }
  .cs-drawer-box-main .cs-drawerbox-7 .sec-8-con-1 .drawer-mid-side-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-drawer-box-main .cs-drawer-box-3 {
    top: 60px;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-text1 {
    height: 200px;
    margin-bottom: 60px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    left: 50%;
  }
  .cs-flowbox-sec-4-2 .flowbox-sec42-d-2 .fs42d2-cont-1 .fs42d2c1-int-1 .scroll-sequence {
    width: 2500px !important;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    -webkit-transform: translate(-45%, 4%);
            transform: translate(-45%, 4%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    -webkit-transform: translate(-5%, 0%);
            transform: translate(-5%, 0%);
  }
  .cs-day-and-night-main .cs-dnn-sec2-img {
    margin-top: -700px;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main {
    max-width: 1385px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50% !important;
    top: 68% !important;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 28% !important;
    top: 72% !important;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 28% !important;
    top: 65% !important;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 22% !important;
    top: 68% !important;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-20vw, 10vh);
            transform: translate(-20vw, 10vh);
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-sec4-img-div img {
    right: 100px;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-sec4-img-div img.active {
    top: -120vh !important;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-dnn-sec4-head {
    padding-top: 95px;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(45%, 0%);
            transform: translate(45%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 2300px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 2300px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 2300px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
}
@media (min-width: 1800px) {
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50%;
    top: 50%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 26%;
    top: 52%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 26%;
    top: 46%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 18%;
    top: 50%;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 70%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 img {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
}
@media (min-width: 1700px) and (max-width: 1899px) {
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(52%, 0%);
            transform: translate(52%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-4%);
            transform: translateX(-4%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 2000px !important;
  }
}
@media (min-width: 1700px) {
  .elegant-container .elegant-sticky .sliding-header1.active {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 40%;
    line-height: 130px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 95px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 180px;
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 170px;
  }
  .artflow-container .sticky-container .slidingheader .active2 {
    left: -150%;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 145px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 130px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 180px;
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .cs-day-and-night-main .cs-dnn-sec2-img {
    margin-top: -700px;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main {
    max-width: 1385px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50%;
    top: 76%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 27%;
    top: 80%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 27%;
    top: 71%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 22%;
    top: 75%;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-20vw, 10vh);
            transform: translate(-20vw, 10vh);
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-sec4-img-div img {
    right: 100px;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-sec4-img-div img.active {
    top: -150vh;
  }
  .cs-day-and-night-main .cs-dnn-sec4 .cs-dnn-sec4-head {
    padding-top: 95px;
  }
}
@media (min-width: 1600px) and (max-width: 1720px) {
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    top: 260px;
    left: 25%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-2 {
    top: 195px;
    left: 42%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-3 {
    top: 130px;
    left: 48%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-4 {
    top: 265px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-5 {
    top: 335px;
    right: 17%;
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 50%;
    text-align: center;
    line-height: 150px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 150px;
  }
  .cs-drawer-box-main .cs-hinge-in-sec-8 .sec-8-con-1 .cs-drawerbox-bg1 .cs-drawerbox-textboxmain .cs-drawerbox-textbox1 {
    top: -50px;
  }
  .cs-drawer-box-main .cs-color-line-section-7 .text-cont-2.active {
    -webkit-transform: translate(15vw, 25vh);
            transform: translate(15vw, 25vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-2.active {
    -webkit-transform: translate(28vw, 15vh);
            transform: translate(28vw, 15vh);
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 140px;
  }
  .artflow-container .sticky-container .slidingheader .active2 {
    left: -150%;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 130px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 100px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 150px;
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50%;
    top: 56%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 25%;
    top: 58%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 25%;
    top: 52%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 22%;
    top: 56%;
  }
}
@media (min-width: 1600px) and (max-width: 1699px) {
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 img {
    width: 75%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 500px;
    top: 60%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(34vw);
            transform: translateX(34vw);
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-text1 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(-14vw);
            transform: translateX(-14vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    max-height: 600px !important;
    width: auto !important;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-2 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 38px;
    line-height: 46px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 500px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-vd-1 {
    max-width: 65%;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-1 .sec-1-con-1 .bottom-side-sec1-1 .cs-bottom-side-bottom {
    height: 400px;
  }
  .cs-aboutus-main #cs-icon-box-2-1 {
    position: absolute !important;
    top: 240px;
    left: 21%;
  }
  .cs-aboutus-main #cs-icon-box-2-2 {
    position: absolute !important;
    top: 230px;
    left: 40%;
  }
  .cs-aboutus-main #cs-icon-box-2-3 {
    position: absolute !important;
    top: 195px;
    left: 45%;
  }
  .cs-aboutus-main #cs-icon-box-2-4 {
    position: absolute !important;
    top: 135px;
    left: 46%;
  }
  .cs-aboutus-main #cs-icon-box-2-5 {
    position: absolute !important;
    top: 265px;
    left: 48%;
  }
  .cs-aboutus-main #cs-icon-box-2-6 {
    position: absolute !important;
    top: 90px;
    left: 55%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    top: 260px;
    left: 25%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 #cs-icon-box-2 {
    top: 205px;
    left: 41%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 #cs-icon-box-3 {
    top: 145px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 #cs-icon-box-4 {
    top: 265px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 #cs-icon-box-5 {
    top: 320px;
    right: 17%;
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 140px;
  }
  .artflow-container .sticky-container .slidingheader .active2 {
    left: -150%;
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 50%;
    line-height: 150px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 150px;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 130px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 100px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 150px;
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(34vw);
            transform: translateX(34vw);
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 68px;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 40px;
  }
  .rd-automation .sub-header p {
    font-size: 22px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-text1 {
    margin-bottom: 60px;
  }
  .productdev-container .product-alt .header p {
    font-size: 24px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-head-1 {
    font-size: 130px;
    line-height: 150px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50%;
    top: 57%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 25%;
    top: 61%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 25%;
    top: 54%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 22%;
    top: 57%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(50%, 0%);
            transform: translate(50%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 2000px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(-14vw);
            transform: translateX(-14vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    max-height: 600px !important;
    width: auto !important;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 {
    top: 70%;
    right: 4%;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 {
    right: 4%;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 {
    top: 70%;
    right: 4%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 {
    right: 4%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    left: 4%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    left: 8vw;
    bottom: 10vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 img {
    max-height: 350px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    left: 62%;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 60px;
    line-height: 72px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 80px;
    line-height: 92px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    left: 10%;
    bottom: 18%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 18vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 18vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .slidingdoor-system-container .slidingsystem1.active .slidingdoorheader1 {
    top: 5%;
  }
  .quality-container .sticky-container .parag-container {
    position: absolute;
    right: 0%;
    top: 40%;
    width: 30%;
  }
  .room-container .sticky-room div.right-container .parag-container2 {
    position: absolute;
    right: 0%;
    top: 35%;
    width: 30%;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-1 .sec-1-con-1 .bottom-side-sec1-1 .cs-bottom-side-bottom {
    height: 380px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 1250px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 550px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 500px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    width: 65vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -50vh);
            transform: translate(0vw, -50vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(22vw);
            transform: translateX(22vw);
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 50%;
    line-height: 150px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 150px;
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 140px;
  }
  .artflow-container .sticky-container .slidingheader .active2 {
    left: -150%;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 120px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 100px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 150px;
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 68px;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 40px;
  }
  .rd-automation .sub-header p {
    font-size: 22px;
  }
  .patent-container {
    margin-top: 20px;
  }
  .productdev-container .product-alt .header p {
    font-size: 20px;
  }
  .rd-video-container .video-header .headerh2 {
    font-size: 48px;
  }
  .rd-video-container .video-header p {
    font-size: 25px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -5%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    -webkit-transform: translate(45%, 0%);
            transform: translate(45%, 0%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    -webkit-transform: translate(65%, 15%);
            transform: translate(65%, 15%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    -webkit-transform: translate(-38%, 5%);
            transform: translate(-38%, 5%);
    height: 85vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    -webkit-transform: translate(-18%, 0%);
            transform: translate(-18%, 0%);
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-1 .cs-drawer-rollbox img {
    max-height: 685px;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence canvas {
    width: 1500px !important;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    -webkit-transform: translateX(-15.5%);
            transform: translateX(-15.5%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(60%, 0%);
            transform: translate(60%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 400px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 1650px !important;
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1210px;
  }
}
@media (min-width: 1370px) {
  .container {
    max-width: 1310px;
  }
}
@media (min-width: 1300px) and (max-width: 1399px) {
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-1 {
    padding-right: 60px;
  }
  .cs-environment-section-1 .hh-head-1 {
    font-size: 110px;
    line-height: 118px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-head-1 {
    font-size: 110px;
    line-height: 118px;
  }
  .cs-environment-section-2 .tt-image-1.huge {
    width: 375px;
    height: 375px;
  }
  .cs-color-line-head-3 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-color-line-section-7 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-55vw, 0vh);
            transform: translate(-55vw, 0vh);
  }
  .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(28vw, 0vh);
            transform: translate(28vw, 0vh);
  }
  .cs-color-line-section-9 .cscl-content-aa-1.active-2 .image-div-1 img {
    -webkit-transform: translate(24vw, 14vw);
            transform: translate(24vw, 14vw);
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-side-mount-f-menu-1 {
    bottom: 10px;
  }
  .cs-side-mount-f-menu-1 ul li button {
    font-size: 20px;
    line-height: 26px;
  }
  .cs-side-mount-f-menu-1 ul li.active button {
    font-size: 30px;
    line-height: 36px;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(-14vw);
            transform: translateX(-14vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    max-height: 550px !important;
    width: auto !important;
  }
  .cs-side-mount-head-8 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    max-width: 580px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-side-mount-head-5 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-side-mount-head-9 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-hinge-head-2 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 {
    top: 70%;
    right: 4%;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 {
    right: 4%;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 {
    top: 70%;
    right: 4%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 {
    right: 4%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    left: 4%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    left: 8vw;
    bottom: 10vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 img {
    max-height: 350px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    left: 78%;
    max-width: 400px;
    width: 100%;
    text-align: right;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 430px;
    margin: 10% 0 0 auto;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-hh-1 {
    font-size: 44px;
    line-height: 52px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-pp-1 {
    font-size: 18px;
    line-height: 28px;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 104px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 104%;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 282px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 60px;
    line-height: 72px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 80px;
    line-height: 92px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    left: 10%;
    bottom: 18%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 15vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 15vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 500px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    width: 65vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -50vh);
            transform: translate(0vw, -50vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .slidingdoor-system-container .slidingsystem1.active .slidingdoorheader1 {
    top: 3%;
  }
  .quality-container .sticky-container .parag-container {
    position: absolute;
    right: 0%;
    top: 40%;
    width: 30%;
  }
  .room-container .sticky-room div.right-container .parag-container2 {
    position: absolute;
    right: 0%;
    top: 35%;
    width: 30%;
  }
  .room-container .sticky-room div.left-container .parag-container {
    position: absolute;
    left: 7%;
    top: 30%;
    width: 30%;
  }
  .slidingdoor-system-container .slidingsystem1.active video {
    -webkit-transform: scale(0.5) translateY(10%);
    transform: scale(0.5) translateY(22%);
  }
  .cs-aboutus-main .cs-aboutus-in-sec-1 .sec-1-con-1 .bottom-side-sec1-1 .cs-bottom-side-bottom {
    height: 350px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    top: 270px;
    left: 21%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-2 {
    top: 210px;
    left: 41%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-3 {
    top: 145px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-4 {
    top: 270px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-5 {
    top: 315px;
    right: 15%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-6 {
    top: 115px;
    left: 56%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-5 {
    top: 295px;
    left: 48%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-2 {
    top: 265px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-1 {
    top: 273px;
    left: 18%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-3 {
    top: 210px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-4 {
    top: 155px;
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 57%;
    line-height: 150px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 150px;
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 130px;
  }
  .artflow-container .sticky-container .slidingheader.active2 {
    left: -160%;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 110px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 100px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 150px;
  }
  .master-container .master-sticky .sliding-header1.active {
    -webkit-transform: translateX(-47%);
            transform: translateX(-47%);
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .master-container .master-sticky .last2, .master-container .master-sticky .last3, .master-container .master-sticky .last4 {
    font-size: 32px;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1.active {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .kb-hinge-container .kb-hinge-sticky .last4 div.lefttext {
    font-size: 60px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(22vw);
            transform: translateX(22vw);
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 68px;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 40px;
  }
  .rd-automation .sub-header p {
    font-size: 22px;
  }
  .patent-container {
    margin-top: 20px;
  }
  .productdev-container .product-alt .header p {
    font-size: 20px;
  }
  .rd-video-container .video-header .headerh2 {
    font-size: 48px;
  }
  .rd-video-container .video-header p {
    font-size: 25px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -5%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 88px;
    line-height: 96px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    -webkit-transform: translate(45%, 0%);
            transform: translate(45%, 0%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    -webkit-transform: translate(65%, 15%);
            transform: translate(65%, 15%);
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 120px;
    line-height: 130px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    -webkit-transform: translate(-38%, 5%);
            transform: translate(-38%, 5%);
    height: 85vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    -webkit-transform: translate(-18%, 0%);
            transform: translate(-18%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-drawer-box-main .cs-hinge-in-sec-8 .sec-8-con-1 .cs-drawerbox-bg1 .cs-drawerbox-textboxmain .cs-drawerbox-textbox1 {
    margin-bottom: -75px;
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-2.active {
    -webkit-transform: translate(36vw, 15vh);
            transform: translate(36vw, 15vh);
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence canvas {
    width: 1500px !important;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    -webkit-transform: translateX(-9.5%);
            transform: translateX(-9.5%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(60%, 0%);
            transform: translate(60%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 400px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 1450px !important;
  }
}
@media (max-width: 1200px) {
  .selectioncontainer {
    position: relative;
  }
  .selectioncontainer .selectionh2 {
    font-size: 30px;
    font-weight: 800;
    margin: 20px 0;
  }
  .selectioncontainer .col-md-6 img {
    position: static;
    width: 100%;
  }
  .csaccordion {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .active + .csaccordion {
    margin-bottom: 1rem;
    min-height: 450px;
  }
  .inactive + .csaccordion {
    max-height: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .csaccordion li {
    border-left: none;
    border-right: none;
    font-size: 15px !important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .csaccordion li.js-seefull {
    color: #0066CC;
    margin-top: 20px;
    cursor: pointer;
  }
  .csaccordion li .joinresponsibilityh4 {
    cursor: default !important;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 0 !important;
  }
  .active + .csaccordion li {
    min-height: 50px;
    max-height: 1500px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .section-container-9 .section9-content-d1 .head-2 {
    min-width: 270px;
  }
  .section-container-9 .section9-content-d1 .head-2.active {
    left: calc(50% + 460px);
  }
  .section-11-all-text-d .head-1 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-1 {
    padding-right: 68px;
  }
  .cs-environment-section-1 .hh-head-1 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-head-1 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-environment-section-2 .tt-image-1.huge {
    width: 375px;
    height: 375px;
  }
  .cs-color-line-head-3 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-color-line-section-7 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-55vw, 0vh);
            transform: translate(-55vw, 0vh);
  }
  .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(28vw, 0vh);
            transform: translate(28vw, 0vh);
  }
  .cs-color-line-section-9 .cscl-content-aa-1.active-2 .image-div-1 img {
    -webkit-transform: translate(24vw, 18vw);
            transform: translate(24vw, 18vw);
  }
  .cs-color-line-section-13 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-46vw, 0vh);
            transform: translate(-46vw, 0vh);
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-side-mount-f-menu-1 {
    bottom: 10px;
  }
  .cs-side-mount-f-menu-1 ul li button {
    font-size: 20px;
    line-height: 26px;
  }
  .cs-side-mount-f-menu-1 ul li.active button {
    font-size: 30px;
    line-height: 36px;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(-14vw);
            transform: translateX(-14vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    max-height: 550px !important;
    width: auto !important;
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .ss-sec-6-1-tt {
    max-width: 760px;
  }
  .cs-side-mount-head-8 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    max-width: 580px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-side-mount-head-5 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-side-mount-head-9 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 1180px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 96px;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 276px;
  }
  .cs-hinge-head-2 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 .cs-scroll-change-h-4 {
    background-color: #F5F5F5;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.6);
    padding: 15px;
    height: 75px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 {
    top: 70%;
    right: 1%;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 {
    right: 1%;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 {
    top: 70%;
    right: 1%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 {
    right: 1%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    left: 1%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    left: 8vw;
    bottom: 10vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 img {
    max-height: 350px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    left: 78%;
    max-width: 400px;
    width: 100%;
    text-align: right;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 430px;
    margin: 10% 0 0 auto;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-hh-1 {
    font-size: 44px;
    line-height: 52px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-pp-1 {
    font-size: 18px;
    line-height: 28px;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 88px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 104%;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 268px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 500px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    width: 65vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -50vh);
            transform: translate(0vw, -50vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 50px;
    line-height: 62px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 70px;
    line-height: 82px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    left: 10%;
    bottom: 18%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 15vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 15vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-undermount-in-sec-3 .csuis3-head-1 {
    font-size: 44px;
    line-height: 56px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-0.active-1 .csuis3-head-1 {
    font-size: 38px;
    line-height: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-head-2 {
    font-size: 46px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 {
    padding-top: 15vh;
  }
  .slidingdoor-system-container .slidingsystem1.active .slidingdoorheader1 {
    top: 3%;
  }
  .quality-container .sticky-container .parag-container {
    position: absolute;
    right: 0%;
    top: 40%;
    width: 30%;
  }
  .room-container .sticky-room div.right-container .parag-container2 {
    position: absolute;
    right: 0%;
    top: 35%;
    width: 30%;
  }
  .room-container .sticky-room div.left-container .parag-container {
    position: absolute;
    left: 5%;
    top: 30%;
    width: 30%;
  }
  .slidingdoor-system-container .slidingsystem1.active video {
    -webkit-transform: scale(0.5) translateY(10%);
    transform: scale(0.5) translateY(22%);
  }
  .cs-aboutus-main .cs-aboutus-in-sec-1 .sec-1-con-1 .bottom-side-sec1-1 .cs-bottom-side-bottom {
    bottom: -40px;
    height: 345px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-6 {
    top: 140px;
    left: 56%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-5 {
    top: 295px;
    left: 48%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-2 {
    top: 265px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-1 {
    top: 273px;
    left: 18%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-3 {
    top: 230px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-4 {
    top: 175px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-5 {
    top: 340px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-4 {
    top: 290px;
    left: 47%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-2 {
    top: 235px;
    left: 40%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-3 {
    top: 180px;
    left: 46%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    top: 290px;
    left: 20%;
  }
  .sophisticated-container .sophisticated-sticky .sticky1 center {
    width: 60%;
    line-height: 150px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 90px;
    font-weight: bold;
  }
  .harmony-container .harmonysticky .sliding-header {
    font-size: 150px;
  }
  .artflow-container .sticky-container .slidingheader {
    font-size: 140px;
  }
  .artflow-container .sticky-container .slidingheader.active2 {
    left: -170%;
  }
  .multi-mech-container .multi-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 110px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 100px;
    color: white;
    white-space: nowrap;
    font-weight: bold;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: opacity 0.4s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 0.4s ease;
    transition: transform 2s ease, opacity 0.4s ease, -webkit-transform 2s ease;
  }
  .master-container .master-sticky .sliding-header1 {
    position: absolute;
    top: 35%;
    font-size: 150px;
  }
  .master-container .master-sticky .sliding-header1.active {
    -webkit-transform: translateX(-47%);
            transform: translateX(-47%);
  }
  .master-container .master-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
    color: #766560;
  }
  .master-container .master-sticky .last2, .master-container .master-sticky .last3, .master-container .master-sticky .last4 {
    font-size: 32px;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header2.active3 {
    top: 30%;
    left: 10%;
  }
  .solo-mech-container .solo-mech-sticky .sliding-header1.active {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%);
  }
  .invaria-container .invaria-sticky .second-slide {
    position: absolute;
    top: 50px;
    opacity: 0;
    text-align: center;
    font-size: 90px;
  }
  .kb-hinge-container .kb-hinge-sticky .last4 div.lefttext {
    font-size: 60px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .cs-lift-up-door-2-smallimg.smallactive {
    -webkit-transform: translate(56vw, 55vh) rotate(0deg);
            transform: translate(56vw, 55vh) rotate(0deg);
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 68px;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 40px;
  }
  .rd-automation .sub-header p {
    font-size: 22px;
  }
  .patent-container {
    margin-top: 20px;
  }
  .productdev-container .product-alt .header p {
    font-size: 20px;
  }
  .rd-video-container .video-header .headerh2 {
    font-size: 48px;
  }
  .rd-video-container .video-header p {
    font-size: 25px;
  }
  .rd-automation .rdh3 {
    font-size: 78px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -12%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 88px;
    line-height: 96px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    -webkit-transform: translate(45%, 0%);
            transform: translate(45%, 0%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    -webkit-transform: translate(75%, 15%);
            transform: translate(75%, 15%);
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 120px;
    line-height: 130px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    -webkit-transform: translate(-45%, 5%);
            transform: translate(-45%, 5%);
    height: 85vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    -webkit-transform: translate(-24%, 0%);
            transform: translate(-24%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-drawer-box-main .cs-color-line-section-7 .text-cont-2.active {
    -webkit-transform: translate(34vw, 25vh);
            transform: translate(34vw, 25vh);
  }
  .cs-drawer-box-main .cs-color-line-section-7 .cscl-image-d-2-img img {
    -webkit-transform: translateX(-8vw);
            transform: translateX(-8vw);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-2.active {
    -webkit-transform: translate(40vw, 15vh);
            transform: translate(40vw, 15vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .text-cont-2.active {
    -webkit-transform: translate(32vw, 25vh);
            transform: translate(32vw, 25vh);
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 {
    left: 30%;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-3%);
            transform: translateX(-3%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence canvas {
    width: 1400px !important;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    -webkit-transform: translateX(-14.5%);
            transform: translateX(-14.5%);
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-head-1 {
    font-size: 100px;
    line-height: 120px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 img {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 img {
    -webkit-transform: translateX(-8%);
            transform: translateX(-8%);
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox {
    height: 150px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 50%;
    top: 68%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 20%;
    top: 73%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 20%;
    top: 65%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 15%;
    top: 68%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(68%, 0%);
            transform: translate(68%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 {
    font-size: 100px;
    line-height: 120px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-1 {
    font-size: 120px;
    line-height: 130px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-2 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-mm-1 li {
    margin-right: 0;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 .as5d1-td-1 {
    max-width: 700px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 370px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-td-1 {
    max-width: 475px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 1450px !important;
  }
}
@media (min-width: 1200px) {
  .cs-header-row-1 .cshr1-col-0 {
    display: none;
  }
}
@media (min-width: 1100px) and (max-width: 1199px) {
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-side-mount-f-menu-1 {
    bottom: 10px;
  }
  .cs-side-mount-f-menu-1 ul li button {
    font-size: 20px;
    line-height: 26px;
  }
  .cs-side-mount-f-menu-1 ul li.active button {
    font-size: 30px;
    line-height: 36px;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(-14vw);
            transform: translateX(-14vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    max-height: 550px !important;
    width: auto !important;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .ss-sec-6-1-tt {
    max-width: 760px;
  }
  .cs-side-mount-head-8 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    max-width: 580px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-side-mount-head-5 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-side-mount-head-9 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 li {
    font-size: 34px;
    line-height: 40px;
  }
  .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 1180px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 96px;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 276px;
  }
  .cs-hinge-head-2 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 .cs-scroll-change-h-4 {
    background-color: #F5F5F5;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.6);
    padding: 15px;
    height: 75px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 {
    top: 70%;
    right: 1%;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 {
    right: 1%;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 {
    top: 70%;
    right: 1%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 {
    right: 1%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    left: 1%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    left: 8vw;
    bottom: 10vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 img {
    max-height: 350px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    left: 78%;
    max-width: 400px;
    width: 100%;
    text-align: right;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 430px;
    margin: 10% 0 0 auto;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-hh-1 {
    font-size: 44px;
    line-height: 52px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-pp-1 {
    font-size: 18px;
    line-height: 28px;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 100px;
    line-height: 112px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 88px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 104%;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 268px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 50px;
    line-height: 62px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 70px;
    line-height: 82px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    left: 10%;
    bottom: 18%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 15vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 15vw;
  }
  .cs-undermount-in-sec-3 .csuis3-head-1 {
    font-size: 44px;
    line-height: 56px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-0.active-1 .csuis3-head-1 {
    font-size: 38px;
    line-height: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-head-2 {
    font-size: 46px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 {
    padding-top: 15vh;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 500px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    width: 65vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -50vh);
            transform: translate(0vw, -50vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    overflow: hidden;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-34%);
            transform: translateX(-34%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -12%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 88px;
    line-height: 96px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    -webkit-transform: translate(45%, 0%);
            transform: translate(45%, 0%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    -webkit-transform: translate(75%, 15%);
            transform: translate(75%, 15%);
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 120px;
    line-height: 130px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    -webkit-transform: translate(-45%, 5%);
            transform: translate(-45%, 5%);
    height: 85vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    -webkit-transform: translate(-24%, 0%);
            transform: translate(-24%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    -webkit-transform: translate(68%, 0%);
            transform: translate(68%, 0%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1800px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 78%;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 {
    font-size: 100px;
    line-height: 120px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-1 {
    font-size: 120px;
    line-height: 130px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-2 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-mm-1 li {
    margin-right: 0;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 .as5d1-td-1 {
    max-width: 700px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 .ii-2 img {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 370px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-td-1 {
    max-width: 475px;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    width: 1450px !important;
  }
}
@media (max-width: 1199px) {
  .cs-header-row-1 .cshr1-col-1 {
    max-width: calc(100% - 520px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 520px);
            flex: 0 0 calc(100% - 520px);
  }
  .cs-header-row-1 .cshr1-col-2 {
    display: none;
  }
  .main-header-area-1 .top-header-1 {
    padding: 16px 0px;
  }
  .mobile-overflow-h {
    overflow: hidden;
  }
}
@media (min-width: 1101px) {
  .cs-hmipro-1 {
    display: none !important;
  }
}
@media (max-width: 1100px) {
  .cs-hmidesktop-1 {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    z-index: 0 !important;
  }
  .cs-hinge-sys-f-menu-1 {
    display: none !important;
  }
  .cs-hinge-sys-f-menu-1.active {
    display: none !important;
  }
  .cs-american-types-f-menu-1 {
    display: none !important;
  }
  .cs-american-types-f-menu-1.active {
    display: none !important;
  }
  .cs-compare-row-1 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .cs-undermount-s-f-menu-1 {
    display: none !important;
  }
  .cs-undermount-s-f-menu-1.active {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1100px) {
  #goTpButton {
    bottom: 60px;
    right: 5px;
  }
  .cs-innerMenu-2 li {
    margin-right: 30px;
  }
  .cs-innerMenu-2 li a {
    font-size: 14px;
  }
  .cs-mobile-menu-d-1 {
    top: 60px;
  }
  .cs-mobile-menu-d-1.active {
    height: calc(100vh - 60px);
  }
  .cs-full-c-box-1 {
    margin-right: 12%;
  }
  .cs-full-c-box-1 .head-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-scroll-div-fix-1 .text-d-6 {
    -webkit-transform: translate(-20vh, 30vh) !important;
            transform: translate(-20vh, 30vh) !important;
  }
  .cs-scroll-head-7 {
    width: 100%;
    text-align: center;
  }
  .cs-scroll-squence-f-1 .scroll-sequence__content {
    height: 2800px;
  }
  .section-container-4 .section-4-text-d-2 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 {
    padding: 15px;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .section-container-4 .section-4-text-d-3 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 {
    padding: 15px 25px;
    left: 10%;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 .desc-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-fixed-text-d-1 .head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .section-container-9 .section9-content-d1 .head-1.active {
    left: 50%;
    top: 20%;
  }
  .section-container-9 .section9-content-d1 .head-2.active {
    left: 50%;
    top: 80%;
  }
  .cs-compare-row-1 .cscr1-col-1 {
    max-width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.3333333333%;
    margin-bottom: 20px;
  }
  .cs-compare-row-1 .cscr1-col-1:nth-child(3)::after {
    display: none;
  }
  .cs-page-scroll-container-1 .section-container-3 .scroll-sequence {
    display: none;
  }
  .cs-section-3-text-cont-1 {
    display: none;
  }
  .cs-section-3-resp-d-1 {
    min-height: 150vh;
  }
  .cs-section-3-resp-d-1 .cs3rep1-div-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
    padding: 60px 0px;
  }
  .section-container-7 .cs-section-7-bg-1 {
    background-size: cover !important;
  }
  .section-container-7 .cs-section-7-bg-1.active {
    background-size: cover !important;
  }
  .section-container-7 .scroll-sequence {
    background-color: #ffffff;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .scroll-sequence {
    display: none;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .section10-text-d-1 {
    display: none !important;
  }
  .section-container-10-1 .scroll-sequence__content {
    min-height: 450vh;
  }
  .cs-section-10-1-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 0px 60px;
    background-color: #222222;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 {
    padding: 30px;
    min-height: 20vh;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-desc-1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #86868B;
    margin-bottom: 0px;
  }
  .cs-section-10-1-resp-d-1 .resp-image-a-1 img {
    width: 100%;
  }
  .section-container-10-2 {
    display: none;
  }
  .section-11-all-text-d, .section-11-all-image-d {
    display: none !important;
  }
  .section-container-11 .scroll-sequence__content {
    min-height: 350vh;
  }
  .cs-section-11-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 30px 60px;
    background-color: #ffffff;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 {
    max-width: 650px;
    margin: 0 auto 30px;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 .resp11t1-head-1 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #A3A3A3;
    margin: 0;
  }
  .cs-section-11-resp-d-1 .resp11-image-1 {
    text-align: center;
    min-height: 900px;
    margin: 0 auto;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 {
    padding-top: 30px;
    max-width: 650px;
    margin: 0px auto;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-head-1 {
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    color: #484848;
    margin-bottom: 10px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li {
    margin-right: 20px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #A3A3A3;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li:last-child {
    margin-right: 0px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li.active {
    font-size: 32px;
    color: #9F86B5;
  }
  .cs-inner-seo-d-1 {
    max-width: 800px;
  }
  .cs-bestSolutions-area-2 {
    height: 100vh;
  }
  .cs-bestSolutions-area-2 .content-container-1 .head-1 {
    display: block;
    font-size: 74px;
    line-height: 82px;
    text-align: center;
  }
  .cs-bestSolutions-area-2 .content-container-1 .desc-1.text-1 {
    margin-top: 5vh;
    margin-bottom: 100px;
  }
  .cs-bestSolutions-area-3 {
    background-image: var(--bgTablet);
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .head-1 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 50px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 {
    margin: 0 auto 50px;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1:nth-child(2n)::after {
    display: none;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .main-div-area-1 {
    padding: 50px 0px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .head-1 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 50px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 {
    margin: 0 auto 50px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-1.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffff;
    padding: 100px 0px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2 {
    padding-top: 25vh;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2.active {
    position: fixed;
    top: 0;
    z-index: 1;
    padding-top: 50vh;
  }
  .cs-environment-section-1 .hh-head-1 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-environment-section-1 .play-pause-btn-1 {
    left: 91.7vw;
    top: 95vh;
  }
  .cs-environment-section-2 .container {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-head-1 {
    font-size: 100px;
    line-height: 108px;
  }
  .cs-page-banner-2 {
    height: 300px;
  }
  .cs-assembly-tabs-area-1 {
    top: 80px;
  }
  .cs-assembly-tabs-container-1 {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #F5F5F5;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar {
    height: 5px;
    width: 5px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-track {
    background: #F5F5F5;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb {
    background: #BCBCBC;
    border-radius: 30px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb:hover {
    background: #888888;
  }
  .cs-assembly-tabs-1.nav-tabs {
    width: 1000px;
  }
  .cs-color-line-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-color-line-section-2 {
    height: 90vh;
  }
  .cs-color-line-section-2 video {
    height: 90vh;
  }
  .cs-color-line-head-3 {
    font-size: 82px;
    line-height: 90px;
  }
  .cs-color-line-head-4 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-color-line-head-5 {
    font-size: 100px;
    line-height: 108px;
    margin-bottom: 15%;
  }
  .cs-color-line-section-5 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(0vw, 20vh);
            transform: translate(0vw, 20vh);
  }
  .cs-color-line-section-6 .image-cont-1.active img {
    -webkit-transform: translateX(-2vw);
            transform: translateX(-2vw);
  }
  .cs-color-line-section-7 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-40vw, 25vh);
            transform: translate(-40vw, 25vh);
  }
  .cs-color-line-section-9 .cscl-content-aa-1.active-2 .image-div-1 img {
    -webkit-transform: translate(0vw, 30vw);
            transform: translate(0vw, 30vw);
    width: 100%;
  }
  .cs-color-line-section-10 .image-div-1 {
    background-position: 20% 100% !important;
  }
  .cs-color-line-section-11 .image-cont-1 {
    margin-top: -34vh;
  }
  .cs-color-line-section-13 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-40vw, 25vh);
            transform: translate(-40vw, 25vh);
  }
  .cs-color-line-section-14 .image-cont-1 {
    background-position: 90% 100% !important;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-15 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-16 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-color-line-section-16 .image-div-1 {
    background-position: 30% 100% !important;
  }
  .cs-newsdetail .cs-newsbackground {
    width: 42%;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-right {
    max-width: 60%;
  }
  .cs-simo-i-d-2.active img {
    -webkit-transform: translateY(-72%);
            transform: translateY(-72%);
  }
  .cs-simo-i-d-2.deactive img {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .cs-side-mount-head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1::before {
    top: -195px;
    margin-left: 98px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1::before {
    margin-left: 80px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:last-child .ssi-icon-box-1 .head-1::before {
    margin-left: calc(98px + 11vw);
  }
  .cs-side-mount-sec-5 {
    min-height: 100vh;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    width: auto !important;
    height: 1200px !important;
    -webkit-transform: translateY(-15vh);
            transform: translateY(-15vh);
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .ss-sec-6-1-tt {
    max-width: 95%;
    -webkit-transform: translateY(15vh);
            transform: translateY(15vh);
    margin: 0 auto;
  }
  .cs-side-mount-sec-7 .sticky-image-1 {
    left: 60%;
  }
  .cs-side-mount-sec-7 .sticky-text-1 .text-a-1 {
    margin: 0;
    -webkit-transform: translateY(15vh);
            transform: translateY(15vh);
  }
  .cs-side-mount-sec-9.active .cs-side-mount-head-8 {
    margin-bottom: 285px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    top: 24%;
    right: 24%;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1.left-side-active {
    -webkit-transform: translate(0%, -35%);
            transform: translate(0%, -35%);
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 {
    max-width: 670px;
    margin: 0 auto 100px;
  }
  .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 900px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 0 !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    height: 50px !important;
    top: -65px !important;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 8vh;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1 {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 80%;
    max-width: 100%;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 42px;
    line-height: 50px;
    position: relative;
    margin: 0;
    text-align: center;
  }
  .cs-hinge-in-sec-5 .cshis5-in-1 .cshis5-cont-1 .cs-scroll-change-h-3.jsHSP45Head2 {
    top: 60%;
    max-width: 350px;
    height: 200px;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 {
    min-height: auto;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 .cs-scroll-change-h-4 {
    display: none;
  }
  .cs-hinge-in-sec-12 .sec-12-mm-l-1 li {
    padding: 0px 15px;
    width: 50%;
  }
  .cs-hinge-in-sec-13 .sec-13-cont-1 .cs-scroll-change-p-3 {
    top: 110px;
  }
  .cs-hinge-in-sec-15 .sec-15-imd-1 img {
    height: auto;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1, .cs-hinge-in-sec-15 .sec-15-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 60%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-16 .sec-16-imd-1 img {
    height: auto;
    top: 4vh;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1, .cs-hinge-in-sec-16 .sec-16-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 55%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-17 .sec-17-imd-1 img {
    height: auto;
    top: 4vh;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1, .cs-hinge-in-sec-17 .sec-17-txd-2 {
    max-width: 600px;
    right: auto;
    left: 50%;
    top: 60%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: left;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    right: auto;
    left: 50%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 .sc17-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-slider-1 .slider-container-1 {
    height: 500px;
  }
  .cs-slider-1 .text-div-1 {
    max-width: 900px;
  }
  .cs-slider-1 .text-div-1 .head-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-slider-1 .text-div-1 .head-2 {
    font-size: 60px;
    line-height: 70px;
  }
  .cs-rb-grad-head-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-hmpg-section-2 {
    padding: 50px 0px 15px;
  }
  .cs-rb-grad-head-3 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-image-box-2.top-line-1 .content-cont-1 {
    top: 30%;
  }
  .cs-image-box-2.bottom-line-1 .content-cont-1 {
    bottom: 0%;
  }
  .cs-image-box-2 .content-cont-1 .head-1 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    display: none;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .sec-inner-cont-2 {
    padding: 120px 0px 50px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .text-div-1 {
    position: absolute;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 {
    top: auto;
    bottom: -5px;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 video {
    height: auto;
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-gradient-1 {
    width: 100%;
    height: 70%;
    background: rgb(203, 192, 173);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(203, 192, 173)), color-stop(60%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(203, 192, 173) 0%, rgba(255, 255, 255, 0) 60%);
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 {
    min-height: 200vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .text-div-2 {
    position: absolute;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 840px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 {
    height: auto;
    top: 65vh;
    z-index: 1;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .bg-gradient-2 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .bg-gradient-3 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .text-div-4 {
    max-width: 92%;
    width: 100%;
    position: unset;
    left: auto;
    bottom: auto;
    z-index: 3;
    text-align: left;
    margin: 0 auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .sat2c5-cont-1 .scroll-sequence__content {
    min-height: 100vh;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 80px;
    line-height: 92px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 {
    min-height: 150vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3-content-a-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 80px 0px 40px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 {
    position: unset;
    left: auto;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 img {
    max-height: 600px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence__content {
    margin: 0;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-tt-1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-hh-1 {
    opacity: 1;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-vh-1 .sat3cont4-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-vh-1 .sat3cont5-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 {
    padding: 10vh 15px 0px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 100px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 {
    position: relative;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .image-div-1 img {
    max-width: 250px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1 {
    font-size: 26px;
    line-height: 34px;
    max-width: 100%;
    width: 100%;
    position: unset;
    margin: 0;
    text-align: center;
    padding-top: 30px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1::before {
    top: 68%;
    margin-left: 0;
    height: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-2 .undermount-slide-section-2 .uss2-head-1 {
    font-size: 70px;
    line-height: 82px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 44px;
    line-height: 56px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0 {
    padding: 8vh 15px 15px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 70px;
    line-height: 82px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    bottom: auto;
    top: 20%;
    left: 12%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 {
    bottom: auto;
    top: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 4vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 4vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 {
    bottom: auto;
    top: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-left-1 {
    left: 4vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-right-1 {
    right: 4vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 {
    bottom: 12vh;
  }
  .cs-undermount-in-sec-2 .csuis2-div-6 .csuis2d6-head-1 {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
    bottom: 20vw;
  }
  .cs-undermount-in-sec-3 .csuis3-head-1 {
    font-size: 44px;
    line-height: 56px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-0.active-1 .csuis3-head-1 {
    font-size: 38px;
    line-height: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-head-2 {
    font-size: 46px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 {
    padding-top: 15vh;
  }
  .cs-aboutus-main .cs-aboutus-desktop {
    display: none;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea video {
    width: 90%;
    margin-top: -410px !important;
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 .cs-mid-side-1-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 600px;
  }
  .cs-undermount-in-sec-4 .csuis4-div-1 .csuis4d1-bgv-1 video {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-bgv-1 video {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 {
    max-width: 55%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-vd-1 video {
    -webkit-transform: translate(-20%, 5%);
            transform: translate(-20%, 5%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 {
    max-width: 55%;
    margin: 0;
  }
  .cs-undermount-in-sec-6 .csuis6-div-2 .csuis6d2-bgv-1 video {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-undermount-in-sec-6 .csuis6-div-3 .csuis6d3-bgv-1 video {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-d-4 {
    top: 28%;
  }
  .cs-undermount-in-sec-7 .csuis7-div-3 .csuis7d3-bgv-1 video {
    -webkit-transform: translateX(42%);
            transform: translateX(42%);
  }
  .cs-multimech-sec-1 .multimech-sec1-d-1.active .ms1d1-d-1 {
    width: 90%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 500px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 {
    min-height: 100vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 video {
    min-height: 100vh;
  }
  .cs-multimech-sec-4 .multimech-sec-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-3 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-1 .ms4d1-cont-1 .ms4d1c1-bg-d-1 {
    background-position: 12% 100% !important;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-2 .ms4d2-cont-1 .ms4d2c1-txt-1 {
    max-width: 450px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .ms4d3-cont-1 .ms4d3c1-txt-1 {
    max-width: 410px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .ms4d4-cont-1 .ms4d4c1-txt-1 {
    max-width: 450px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 {
    top: 35%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    width: 80vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -35vh);
            transform: translate(0vw, -35vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 {
    min-height: 60vh;
    position: relative;
    overflow: hidden;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 img {
    min-height: 60vh;
    max-width: unset;
    -webkit-transform: translateX(-35%);
            transform: translateX(-35%);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 .ms5d4-cont-1 .ms5d4c1-head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-txt-1 {
    top: 65%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-txt-d-1 {
    top: 20%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-in-d-1 {
    max-width: 100%;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-vd-1 {
    max-width: 100%;
    margin: 50% 0 0;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    overflow: hidden;
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-34%);
            transform: translateX(-34%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-4-1 {
    top: 77%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(-36vw);
            transform: translateX(-36vw);
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1.active .fs1d1-d-1 {
    width: 90%;
    top: 50%;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1 .fs1d1-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -25%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-text-d-1 {
    width: 700px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 88px;
    line-height: 96px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-4-2 .flowbox-sec42-d-2 .fs42d2-cont-1 .fs42d2c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-1 .fs5d1-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-d-1 video {
    -o-object-position: 25% 100%;
       object-position: 25% 100%;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-4 .fs5d4-d-2 .play-pause-btn-1 {
    right: 35px;
    top: 95vh;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-1 {
    top: 30%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6.active-2 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-7 {
    top: 40%;
  }
  .cs-flowbox-sec-7 .fs7-d-0 video {
    -webkit-transform: translate(3%, -50%);
            transform: translate(3%, -50%);
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 .container {
    margin-bottom: 20%;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .fs8d1-head-1 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 90px;
    line-height: 100px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1 .hsi-icon-box-1 .head-1 {
    margin-left: 75px !important;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1 {
    margin-left: 90px !important;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 {
    font-size: 80px;
    line-height: 100px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 span {
    font-size: 120px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-2 {
    font-size: 70px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 {
    margin: 0 auto;
    text-align: center;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul {
    width: 100%;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul li {
    width: 100%;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3.active span:nth-of-type(2) {
    font-size: 44px;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 .sbs4d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 25vh;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-i-d-1 {
    bottom: 100px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-1 {
    top: 50%;
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-2 {
    bottom: auto;
    top: 75%;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-td-2::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 30vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 {
    top: 20%;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    height: 40vh;
    -webkit-transform: translateX(-9%);
            transform: translateX(-9%);
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-head-1 {
    font-size: 80px;
    line-height: 100px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 {
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 {
    min-height: 50vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 img {
    height: 50vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-t-1 .sbs8d2t1-c-1 {
    max-width: 90%;
    margin: 0 auto 20vh;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence {
    height: 45vh;
    background: unset;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 .sbs9d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 30vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 {
    top: 28%;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 img {
    height: 50vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-int-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-c-1 {
    max-width: 90%;
    margin: 0 auto 20vh;
  }
  .cs-day-and-night-main .cs-dnn-sec1 {
    min-height: 100vh;
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn-sec2-content {
    background-position: top center;
    height: 100vh;
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn-textbox2 {
    margin-top: 100px;
    -webkit-transform: translateX(-390px);
            transform: translateX(-390px);
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn-textbox2 .cs-text {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn2-btn {
    bottom: 450px;
    left: 150px;
  }
  .cs-day-and-night-main .cs-dnn-sec2-img {
    margin-top: -605px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main {
    margin-top: -185px;
    background-position: right;
    z-index: 1;
    top: -10vh;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-dnn-sec3-title {
    top: 230px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 10%;
    top: 59%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 38%;
    top: 59%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 11%;
    top: 65%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 45%;
    top: 65%;
  }
  .cs-day-and-night-main .cs-dnn-sec4 {
    display: none;
  }
  .cs-day-and-night-main .cs-dn-tb-4 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    height: 60vh;
    margin-top: -205px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px 10px;
    margin: 0;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn .cs-top-text {
    color: #262626;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn .cs-bottom-text {
    color: #86868B;
    font-size: 10px;
    line-height: 18px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox .cs-title1 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 100;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox .cs-title2 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    font-style: italic;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-smaillimg1 {
    position: absolute;
    right: 10px;
    top: -320px;
    z-index: 0;
    -o-object-fit: contain;
       object-fit: contain;
    width: 70px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-imgdiv1 {
    overflow: hidden;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-imgdiv1 img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    -webkit-transform: translate(-12vw, 3vh);
            transform: translate(-12vw, 3vh);
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-content .cs-dnn-sec7-content-left .cs-left-title3 {
    text-align: center;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-title {
    font-size: 42px;
    line-height: 50px;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-1 {
    top: 30%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    max-width: unset;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2.active .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    -webkit-transform: translateX(32%);
            transform: translateX(32%);
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-id-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-td-1 {
    max-width: 100%;
    min-height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 70px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 {
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 span {
    font-size: 48px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 50%;
    top: 15%;
  }
  .cs-alphabox-sec-4.active .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    -webkit-transform: translateX(-60vw);
            transform: translateX(-60vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 img {
    max-width: unset;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-58vw);
            transform: translateX(-58vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 {
    top: 25%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 .as5d1-td-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-head-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-65%);
            transform: translateX(-65%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 365px;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 video {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 {
    top: 75%;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 .as7d1-head-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 .as8d1-head-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 {
    min-height: 70vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 img {
    height: 70vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-td-1 {
    max-width: 100%;
    min-height: 30vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 70px;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 {
    top: 25%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 video {
    min-height: 50vh;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 .as11d1d2-text-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
    width: 1600px !important;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .as12d1-seq-content-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-td-1 {
    max-width: 100%;
    margin: 0 0 15vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 .as13d1-head-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 .as13d2-head-1 {
    max-width: 100%;
  }
}
@media (min-width: 1023px) {
  .cs-innerMenu-btn-2 {
    display: none;
  }
}
@media (max-width: 1023px) {
  .cs-innerMenu-cont-2 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    top: 100%;
    background-color: #FAFAFA;
    border-top: 1px solid #707070;
    padding: 20px 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .cs-innerMenu-cont-2.active {
    opacity: 1;
    visibility: visible;
  }
  .cs-innerMenu-cont-2 .cs-innerMenu-2 {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    text-align: left;
  }
  .cs-innerMenu-cont-2 li {
    padding-bottom: 7px;
    margin-bottom: 7px;
    margin-right: 0;
    border-bottom: 1px solid #D0D0D0;
  }
  .cs-innerMenu-cont-2 li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .cs-innerMenu-cont-2 li a {
    display: block;
  }
  .cs-innerHead-row-2 .csihr2-col-1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 70%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
  .cs-innerHead-row-2 .csihr2-col-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    position: unset;
  }
  .cs-main-breadcrumb-1 li {
    font-size: 16px;
  }
  .cs-page-head-2.active .cs-innerMenu-cont-2 {
    background-color: #FAFAFA;
  }
  .slidingsystem1 {
    display: none;
  }
  .cs-quality-container {
    display: none;
  }
  .cs-excellent {
    display: none;
  }
  .cs-hoverproducts-container {
    margin-bottom: 600px !important;
  }
  .slidingsystem1tablet .slidingdoorheader1 {
    text-align: center;
    font-size: 60px;
    color: #755B55;
    font-weight: bold;
  }
  .slidingsystem1tablet .slidingdoorheader1 p {
    font-size: 40px;
    color: #86868B;
  }
  .slidingsystem1tablet .slidingvideo1 {
    margin-top: 100px;
    padding: 0 40px;
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
  }
  .slidingsystem1tablet .slidingvideo1 video {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    height: 500px;
    width: 100%;
  }
  .slidingsystem1tablet .slidingvideo1 .slidingdoorimg1 {
    color: white;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
    width: 100%;
  }
  .cs-hoverproducts-container .elagantparag2 {
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
    color: white;
    font-weight: bold;
    font-size: 40px;
    padding: 30px;
    text-align: center;
    margin-top: -20px;
  }
  .qualitytablet {
    background: radial-gradient(circle, #CBBEBB 0%, #FFFFFF 100%);
    padding-top: 30px;
  }
  .qualitytablet .sticky1 {
    text-align: center;
    color: #755B55;
  }
  .qualitytablet .sticky1 .qualityh3 {
    font-size: 22px;
    font-weight: bold;
  }
  .qualitytablet .sticky1 .smt110h1 {
    font-size: 55px;
    font-weight: bold;
  }
  .qualitytablet .sticky3 {
    margin: 100px 30px;
  }
  .qualitytablet .sticky3 .stickyh3 {
    font-size: 40px;
    font-weight: bold;
  }
  .qualitytablet .sticky3 p {
    font-size: 20px;
    width: 80%;
    font-weight: 600;
  }
  .excellenttablet .slidingvideo1 video {
    height: 500px;
    width: 100%;
    margin-block: 0;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism {
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
    margin-top: -24px;
    height: 550px;
    color: white;
    text-align: center;
    padding-top: 40px;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism .excellent-mechanismh1 {
    font-size: 60px;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism p {
    font-size: 20px;
    width: 80%;
    margin: 50px auto;
  }
  .sliding-sequence-container .easy-assemble {
    font-size: 60px;
    width: 70%;
    left: 15%;
  }
  .sliding-sequence-container .sequence-img {
    position: sticky;
    top: 56%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 350px;
    opacity: 0;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .quality-container .sticky-container .sticky4 {
    display: none;
  }
  .quality-container .sticky-container .img-container .qualityimg1 {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    top: 55% !important;
  }
  .quality-container .sticky-container .img-container .qualityimg1, .quality-container .sticky-container .img-container .qualityimg2, .quality-container .sticky-container .img-container .qualityimg3 {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .quality-container .sticky-container .img-container .qualityimg1.active, .quality-container .sticky-container .img-container .qualityimg2.active, .quality-container .sticky-container .img-container .qualityimg3.active {
    opacity: 1;
  }
  .quality-container .sticky-container .img-container .qualityimg2, .quality-container .sticky-container .img-container .qualityimg3 {
    top: 50%;
    left: 15%;
    height: 400px;
  }
  .quality-container .sticky-container .parag-container {
    position: absolute;
    right: 10%;
    top: 30%;
    width: 80%;
  }
  .quality-container .sticky-container .header-container {
    position: absolute;
    left: 50%;
    top: 10%;
    text-align: center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
  }
  .quality-container .sticky-container .header-container p {
    font-size: 20px;
    font-weight: 800;
  }
  .quality-container .sticky-container .header-container .header-smt-1h1 {
    font-size: 55px;
    font-weight: 800;
  }
  .room-container .sticky-room {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
  }
  .room-container .sticky-room .sticky4container {
    display: none;
  }
  .room-container .sticky-room div.left-container {
    z-index: 100;
    overflow: visible;
    position: absolute;
  }
  .room-container .sticky-room div.left-container .image1 {
    -webkit-transform: translateY(200px) scaleX(1.5) translateX(100px);
            transform: translateY(200px) scaleX(1.5) translateX(100px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .room-container .sticky-room div.left-container .image1.deactive {
    opacity: 0;
  }
  .room-container .sticky-room div.left-container .image1.active1 {
    -webkit-transform: translateY(350px) scaleX(1.5) translateX(100px);
            transform: translateY(350px) scaleX(1.5) translateX(100px);
  }
  .room-container .sticky-room div.left-container .imagel2, .room-container .sticky-room div.left-container .imagel3, .room-container .sticky-room div.left-container .imagel4 {
    position: absolute;
    top: 60%;
    left: 5%;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .room-container .sticky-room div.left-container .imagel2.active, .room-container .sticky-room div.left-container .imagel3.active, .room-container .sticky-room div.left-container .imagel4.active {
    opacity: 1;
  }
  .room-container .sticky-room div.left-container .parag-container {
    position: absolute;
    left: 15%;
    top: 35%;
    width: 80%;
  }
  .room-container .sticky-room div.left-container .parag-container .gradientcolor {
    font-size: 50px;
    background: -webkit-linear-gradient(#3E491A, #bfc3a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .room-container .sticky-room div.left-container .parag-container p {
    color: #262626;
    font-size: 12px;
  }
  .room-container .sticky-room div.right-container {
    z-index: 100;
    overflow: visible;
    position: absolute;
  }
  .room-container .sticky-room div.right-container .image2 {
    -webkit-transform: translateY(250px);
            transform: translateY(250px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .room-container .sticky-room div.right-container .image2.deactive {
    opacity: 0;
  }
  .room-container .sticky-room div.right-container .image2.active1 {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
  }
  .room-container .sticky-room div.right-container .imager1 {
    position: absolute;
    top: 85%;
    right: 0%;
    opacity: 0;
    height: 300px;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .room-container .sticky-room div.right-container .imager1.active {
    opacity: 1;
  }
  .room-container .sticky-room div.right-container .parag-container2 {
    position: absolute;
    right: 15%;
    top: 35%;
    width: 80%;
  }
  .room-container .sticky-room div.right-container .parag-container2 p {
    color: #262626;
    font-size: 12px;
  }
  .room-container .sticky-room div.right-container .parag-container2 .gradientcolor {
    font-size: 50px;
    background: -webkit-linear-gradient(#3E491A, #bfc3a7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .room-container .sticky-room div.right-container .parag-container2 .paragr3 .technicalh3 {
    font-size: 50px;
    font-weight: 900;
    color: #262626;
  }
  .room-container .sticky-room div.right-container .parag-container2 .paragr1, .room-container .sticky-room div.right-container .parag-container2 .paragr2, .room-container .sticky-room div.right-container .parag-container2 .paragr3 {
    position: absolute;
    opacity: 0;
  }
  .room-container .sticky-room div.right-container .parag-container2 .paragr1.active, .room-container .sticky-room div.right-container .parag-container2 .paragr2.active, .room-container .sticky-room div.right-container .parag-container2 .paragr3.active {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  .room-container .sticky-room .header-container {
    position: absolute;
    left: 50%;
    top: 45%;
    text-align: center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    -webkit-transition: top 0.4s ease, opacity 0.4s ease;
    transition: top 0.4s ease, opacity 0.4s ease;
    color: #404821;
  }
  .room-container .sticky-room .header-container.active1 {
    top: 15%;
  }
  .room-container .sticky-room .header-container.active1 .header-smt-1h1 {
    opacity: 1;
  }
  .room-container .sticky-room .header-container.active1.active2 {
    top: 8%;
  }
  .room-container .sticky-room .header-container.active1.active2 p {
    font-size: 20px;
  }
  .room-container .sticky-room .header-container p {
    font-size: 32px;
    font-weight: 800;
  }
  .room-container .sticky-room .header-container .header-smt-1h1 {
    font-size: 42px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .bottom-running-container .bottom-running-sticky .sticky4container {
    display: none;
  }
  .bottom-running-container .bottom-running-sticky div.left-container {
    z-index: 100;
    overflow: hidden;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .imagel2, .bottom-running-container .bottom-running-sticky div.left-container .imagel3, .bottom-running-container .bottom-running-sticky div.left-container .imagel4 {
    position: absolute;
    top: 50%;
    height: 300px;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .imagel2.active, .bottom-running-container .bottom-running-sticky div.left-container .imagel3.active, .bottom-running-container .bottom-running-sticky div.left-container .imagel4.active {
    opacity: 1;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .parag-container {
    position: absolute;
    left: 15%;
    top: 35%;
    width: 80%;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .parag-container .gradientcolor {
    font-size: 50px;
    background: -webkit-linear-gradient(#26635A, #081412);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .parag-container p {
    color: #262626;
    font-size: 12px;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .parag-container .paragl1, .bottom-running-container .bottom-running-sticky div.left-container .parag-container .paragl2 {
    position: absolute;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 0;
  }
  .bottom-running-container .bottom-running-sticky div.left-container .parag-container .paragl1.active, .bottom-running-container .bottom-running-sticky div.left-container .parag-container .paragl2.active {
    opacity: 1;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .imager1, .bottom-running-container .bottom-running-sticky div.right-container .imager2 {
    position: absolute;
    top: 50%;
    right: 0%;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    height: 500px;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .imager1.active, .bottom-running-container .bottom-running-sticky div.right-container .imager2.active {
    opacity: 1;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .technicalh3 {
    font-size: 30px;
    background: -webkit-linear-gradient(#26635A, #081412);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 {
    position: absolute;
    right: 15%;
    top: 35%;
    width: 80%;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 p {
    color: #262626;
    font-size: 12px;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .gradientcolor {
    font-size: 30px;
    background: -webkit-linear-gradient(#26635A, #081412);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .technicalh3 {
    font-size: 30px;
    background: -webkit-linear-gradient(#26635A, #081412);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .featureh3, .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .halfopac {
    font-size: 20px;
    background: -webkit-linear-gradient(#ff0000, #170162);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .featureh3.passive {
    opacity: 0.5;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 p.normal {
    font-size: 12px;
    color: #262626;
    font-weight: 600;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .halfopac {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .first.halfopac {
    opacity: 1;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2 .halfopac.passive {
    opacity: 0;
    display: none;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr1, .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2, .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr3 {
    position: absolute;
    opacity: 0;
  }
  .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr1.active, .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr2.active, .bottom-running-container .bottom-running-sticky div.right-container .parag-container2 .paragr3.active {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1;
  }
  .sliding-sequnce-mobile {
    display: none;
  }
  .fixed.sticky4container {
    display: none;
  }
  .slidingdoor-side-mount .cs-compare-row-1 {
    padding: 20px 0px 0px;
  }
  .slidingdoor-side-mount .cs-compare-row-1 .cscr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 40px;
  }
  .sophisticated-container {
    display: none;
  }
  .sophisticated-tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sophisticated-tablet img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sophisticated-tablet .sticky1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
  }
  .sophisticated-tablet .sticky1 center {
    width: 85%;
    line-height: 120px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: bold;
  }
  .sophisticated-tablet .sticky1 center span {
    font-size: 40px;
  }
  .harmony-container {
    display: none;
  }
  .harmony-tablet {
    display: block;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#79584A), to(#FAC2AA));
    background: linear-gradient(#79584A, #FAC2AA);
  }
  .harmony-tablet .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .harmony-tablet .harmonysticky .sliding-header {
    font-size: 50px;
    display: block;
    width: 70%;
    color: white;
    font-weight: bold;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
  }
  .harmony-tablet .harmonysticky .sliding-header2 {
    font-size: 32px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .elegant-container {
    display: none;
  }
  .elegant-tablet {
    display: block;
  }
  .elegant-tablet .elegant-sticky .elegant1 {
    height: 100vh;
    background: #554A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .elegant-tablet .elegant-sticky .elegant1 .sliding-header1 {
    font-size: 170px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .elegant-tablet .elegant-sticky .elegant2 {
    height: 100vh;
    background: #554A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .elegant-tablet .elegant-sticky .elegant2 .sliding-header1 {
    font-size: 170px;
    line-height: 180px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .elegant-tablet .elegant-sticky .elegant2 .flow {
    font-size: 62px;
    color: white;
    line-height: 50px;
  }
  .elegant-tablet .elegant-sticky .elegant2 .last {
    font-size: 42px;
    color: white;
  }
  .elegant-tablet .elegant-sticky .elegant3 {
    width: 100%;
    position: relative;
  }
  .elegant-tablet .elegant-sticky .elegant3.second .elegant3parag {
    top: 40%;
  }
  .elegant-tablet .elegant-sticky .elegant3 .elegant3parag {
    position: absolute;
    top: 20%;
    color: white;
    text-align: center;
    left: 24%;
    font-size: 62px;
  }
  .elegant-tablet .elegant-sticky .elegant3 .elegant3parag span {
    font-size: 42px;
  }
  .elegant-tablet .elegant-sticky .elegant3 video {
    width: 100%;
    max-height: 500px;
  }
  .elegant-tablet .elegant-sticky .elegant3 .img-fluid {
    height: auto;
    max-height: 600px;
    min-height: 450px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .elegant-tablet .elegant-sticky .elegant4 {
    min-height: 100vh;
    background: #554A4A;
    text-align: center;
    padding-top: 50px;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 .first {
    font-size: 62px;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .elegant-tablet .elegant-sticky .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .artflow-container {
    display: none;
  }
  .artflow-tablet {
    display: block;
  }
  .artflow-tablet img {
    width: 100%;
  }
  .artflow-tablet .sliding-header-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#C6C6C8), to(#565151));
    background: linear-gradient(#C6C6C8, #565151);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-weight: bold;
    color: white;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-block: 40px;
  }
  .artflow-tablet .sliding-header-container .slidingheader {
    font-size: 66px;
    width: 70%;
  }
  .artflow-tablet .sliding-header-container span {
    font-size: 42px;
    font-weight: bold;
  }
  .artflow-tablet .video-container {
    position: relative;
  }
  .artflow-tablet .video-container video {
    width: 100%;
    height: 700px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: -110px;
  }
  .artflow-tablet .video-container .videoheader {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    font-size: 62px;
    line-height: 60px;
    font-weight: bold;
    color: white;
  }
  .artflow-tablet .video-container .videoheader span {
    font-size: 42px;
    line-height: 30px;
  }
  .alphabox-container {
    display: none;
  }
  .alphabox-tablet {
    display: block;
  }
  .alphabox-tablet .alphabox1 {
    height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .alphabox-tablet .alphabox1 .sliding-header1 {
    font-size: 100px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .alphabox-tablet .alphabox2 {
    height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .alphabox-tablet .alphabox2 .sliding-header1 {
    font-size: 100px;
    line-height: 160px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .alphabox-tablet .alphabox2 .flow {
    font-size: 62px;
    margin-top: 50px;
    color: white;
    line-height: 50px;
  }
  .alphabox-tablet .alphabox2 .last {
    font-size: 42px;
    color: white;
  }
  .alphabox-tablet .alphabox3 {
    min-height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
  }
  .alphabox-tablet .alphabox3 img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .alphabox-tablet .alphabox4 {
    min-height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    text-align: center;
    padding-top: 50px;
  }
  .alphabox-tablet .alphabox4 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .alphabox-tablet .alphabox4 .last4 .first {
    font-size: 62px;
  }
  .alphabox-tablet .alphabox4 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .alphabox-tablet .alphabox4 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .invaria-container {
    display: none;
  }
  .invaria-tablet {
    display: block;
  }
  .invaria-tablet .invaria1 {
    background: radial-gradient(circle, #ffffff 0%, #CBC2BE 100%);
    height: 100vh;
    position: relative;
  }
  .invaria-tablet .invaria1 .second-slide {
    position: absolute;
    top: 50px;
    opacity: 1;
    text-align: center;
    font-size: 80px;
    font-weight: 300;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    background: -webkit-linear-gradient(#79584A, #FAC2AA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .invaria-tablet .invaria2 {
    background: radial-gradient(circle, #ffffff 0%, #CBC2BE 100%);
    height: 100vh;
    position: relative;
  }
  .invaria-tablet .invaria2 img {
    position: absolute;
    right: 0;
    height: 100vh;
  }
  .invaria-tablet .invaria2 p {
    position: absolute;
    left: 40px;
    bottom: 50px;
    font-size: 80px;
    color: #797471;
    font-weight: bold;
  }
  .multi-mech-container {
    display: none;
  }
  .multi-mech-tablet {
    display: block;
  }
  .multi-mech-tablet .multi-mech1 {
    height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .multi-mech-tablet .multi-mech1 p {
    font-size: 66px;
  }
  .multi-mech-tablet .multi-mech1 span {
    font-size: 42px;
  }
  .multi-mech-tablet .multi-mech2 {
    height: 100vh;
    position: relative;
  }
  .multi-mech-tablet .multi-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .multi-mech-tablet .multi-mech2 img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader {
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader p {
    font-size: 66px;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader span {
    font-size: 42px;
  }
  .multi-mech-tablet .multi-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding-top: 50px;
  }
  .multi-mech-tablet .multi-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .multi-mech-tablet .multi-mech3 .last4 .first {
    font-size: 62px;
  }
  .multi-mech-tablet .multi-mech3 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .multi-mech-tablet .multi-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .solo-mech-container {
    display: none;
  }
  .solo-mech-tablet {
    display: block;
  }
  .solo-mech-tablet .solo-mech1 {
    display: block;
    height: 100vh;
    background: radial-gradient(circle, #64646E 0%, #323237 100%);
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky .sliding-header {
    font-size: 50px;
    display: block;
    width: 70%;
    color: white;
    font-weight: bold;
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky .sliding-header2 {
    font-size: 32px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .solo-mech-tablet .solo-mech2 {
    height: 100vh;
    height: 100vh;
    position: relative;
  }
  .solo-mech-tablet .solo-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader p {
    font-size: 66px;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader span {
    font-size: 42px;
  }
  .solo-mech-tablet .solo-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #64646E 0%, #323237 100%);
    text-align: center;
    padding-top: 50px;
  }
  .solo-mech-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .solo-mech-tablet .solo-mech3 .last4 .first {
    font-size: 62px;
  }
  .solo-mech-tablet .solo-mech3 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .solo-mech-tablet .solo-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .master-container {
    display: none;
  }
  .master-tablet {
    display: block;
  }
  .master-tablet .solo-mech1 {
    display: block;
    height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
  }
  .master-tablet .solo-mech1 .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .master-tablet .solo-mech1 .harmonysticky .sliding-header {
    font-size: 50px;
    display: block;
    width: 70%;
    color: white;
    font-weight: bold;
  }
  .master-tablet .solo-mech1 .harmonysticky .sliding-header2 {
    font-size: 32px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .master-tablet .solo-mech2 {
    height: 100vh;
    height: 100vh;
    position: relative;
  }
  .master-tablet .solo-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .master-tablet .solo-mech2 .multimechheader {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .master-tablet .solo-mech2 .multimechheader p {
    font-size: 66px;
  }
  .master-tablet .solo-mech2 .multimechheader span {
    font-size: 42px;
  }
  .master-tablet .solo-mech3 {
    min-height: 100vh;
    background: white;
    text-align: center;
    padding-top: 50px;
  }
  .master-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: #262626;
  }
  .master-tablet .solo-mech3 .last4 .first {
    font-size: 62px;
  }
  .master-tablet .solo-mech3 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .master-tablet .solo-mech3 .btn {
    border: 1px solid #262626;
    color: #262626;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .kb-hinge-container {
    display: none;
  }
  .kb-hinge-tablet {
    display: block;
  }
  .kb-hinge-tablet .kb-hinge1 {
    font-size: 140px;
    font-weight: 300;
    color: white;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding: 50px;
  }
  .kb-hinge-tablet .solo-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding-top: 50px;
  }
  .kb-hinge-tablet .solo-mech3 video {
    width: 100%;
    z-index: -1;
  }
  .kb-hinge-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .kb-hinge-tablet .solo-mech3 .last4 .first {
    font-size: 62px;
  }
  .kb-hinge-tablet .solo-mech3 .last4 .second {
    font-size: 42px;
    color: #86868B;
  }
  .kb-hinge-tablet .solo-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .division-container {
    height: 480px;
    position: relative;
  }
  .division-container .lg-screenbg {
    display: none;
  }
  .division-container .sm-screenbg {
    height: 480px !important;
    display: block;
  }
  .division-container .header {
    z-index: 12;
  }
  .division-container .header .mainheader {
    font-size: 40px;
    font-weight: bold;
  }
  .division-container .header .subheader {
    font-size: 26px;
    font-weight: 600;
    margin: 0 auto;
  }
  .productdev-container {
    height: 100vh;
  }
  .productdev-container .producth1 {
    font-size: 48px;
    -webkit-text-fill-color: #262626;
  }
  .productdev-container .product-alt {
    position: relative;
  }
  .productdev-container .product-alt .img-fluid {
    width: 80%;
  }
  .productdev-container .product-alt .header {
    width: 50%;
    text-align: right;
    position: absolute;
    right: 15%;
    bottom: -100px;
    z-index: 15;
  }
  .productdev-container .product-alt .header p {
    -webkit-text-fill-color: #262626;
    font-size: 22px;
    font-weight: 500;
  }
  .rd-video-container {
    height: 440px;
    position: relative;
  }
  .rd-video-container .video-header {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    color: white;
  }
  .rd-video-container .video-header p {
    font-size: 30px;
    font-weight: 500;
  }
  .rd-video-container .video-header .headerh2 {
    display: none;
    font-size: 68px;
    font-weight: bold;
  }
  .patent-container .application {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .patent-container .application img {
    margin-bottom: 50px;
  }
  .patent-container .application .patenth3 {
    background: -webkit-linear-gradient(#92B7EE, #E072A4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: white;
    font-size: 40px;
    font-weight: bold;
  }
  .patent-container .application i {
    color: #86868B;
    font-size: 30px;
  }
  .patent-container .imgcontainer {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .patent-container .imgcontainer img {
    width: 50%;
  }
  .patent-container .header {
    width: 90%;
    margin: 50px auto;
  }
  .patent-container .header .patenth3 {
    background: -webkit-linear-gradient(#92B7EE, #E072A4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: white;
    font-size: 48px;
    font-weight: bold;
  }
  .patent-container .header p {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  .patent-container .slider-container {
    position: relative;
  }
  .patent-container .slider-container .owl-carousel .div1 {
    height: 439px;
    width: 100%;
    background-size: cover !important;
  }
  .patent-container .slider-container .owl-carousel .owl-nav, .patent-container .slider-container .owl-carousel .owl-dots {
    display: none;
  }
  .patent-container .slider-container .slider-header {
    position: static;
    padding-block: 40px;
    padding-inline: 50px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 15;
    color: white;
    text-align: center;
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 40px;
    font-style: italic;
    font-weight: bold;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 30px;
    font-weight: 500;
  }
  .rd-automation {
    background: -webkit-gradient(linear, right bottom, left top, from(#FF0000), to(#372952));
    background: linear-gradient(to left top, #FF0000, #372952);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 50px;
    margin-top: 100px;
    position: relative;
  }
  .rd-automation .rdh3 {
    color: white;
    font-size: 48px;
    font-weight: bold;
    padding-block: 80px;
    padding-inline: 10%;
  }
  .rd-automation .img-container {
    height: 100vh;
  }
  .rd-automation .sub-header {
    position: static;
    bottom: 10%;
    left: 15%;
    width: 40%;
    margin-left: 50px;
    margin-top: 50px;
  }
  .rd-automation .sub-header p {
    font-size: 22px;
    font-weight: 500;
    color: white;
  }
  .omni-sec1 {
    height: auto;
  }
  .omni-sec1 .omni-sec1-h1 {
    font-size: 60px;
  }
  .omni-sec1 p {
    font-size: 40px;
    width: 80%;
  }
  .omni-sec1 .omni-sec1-div1 {
    min-height: 120vh;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#C39C8E), to(#FFFFFF));
    background: linear-gradient(#C39C8E, #FFFFFF);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .omni-sec1 .omni-sec1-div1 .animated1 {
    position: absolute;
    top: 30%;
    left: 5%;
    font-size: 20px;
    font-weight: 500;
    width: 20%;
  }
  .omni-sec1 .omni-sec1-div1 .animated2 {
    position: absolute;
    bottom: -10%;
    right: 5%;
    font-size: 20px;
    font-weight: 500;
    width: 60%;
    text-align: right;
  }
  .omni-sec2 {
    margin-top: 300px;
    position: relative;
    height: 800vh;
    margin-bottom: 500px;
  }
  .omni-sec2 .omni-hidden1 {
    position: absolute;
    top: 50vh;
  }
  .omni-sec2 .omni-hidden2 {
    position: absolute;
    top: 150vh;
  }
  .omni-sec2 .omni-hidden3 {
    position: absolute;
    top: 250vh;
  }
  .omni-sec2 .omni-hidden4 {
    position: absolute;
    top: 350vh;
  }
  .omni-sec2 .omni-hidden5 {
    position: absolute;
    top: 450vh;
  }
  .omni-sec2 .omni-hidden6 {
    position: absolute;
    top: 550vh;
  }
  .omni-sec2 .omni-hidden7 {
    position: absolute;
    top: 650vh;
  }
  .omni-sec2 .omni-hidden8 {
    position: absolute;
    top: 750vh;
  }
  .omni-sec2 .sticky-container {
    position: sticky;
    top: 100px;
    height: 100vh;
    margin-top: 100px;
  }
  .omni-sec2 .sticky-container .parag-container {
    position: absolute;
    top: 0;
  }
  .omni-sec2 .sticky-container .parag-container p {
    font-size: 62px;
    width: 100%;
    color: #86868B;
    margin: 0;
    padding: 0;
  }
  .omni-sec2 .sticky-container .parag-container p.active {
    color: #262626;
  }
  .omni-sec2 .sticky-container .img-container {
    margin-top: -200px;
    position: absolute;
    bottom: -500px;
    left: -30%;
  }
  .omni-sec2 .sticky-container .img-container video {
    position: static;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border: none;
    height: 600px;
  }
  .omni-sec3 {
    min-height: 80vh;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#C39C8E), to(#FFF3EF));
    background: linear-gradient(to bottom, #C39C8E, #FFF3EF);
    padding-block: 150px;
  }
  .omni-sec3 i {
    display: block;
    text-align: center;
    font-size: 55px;
    margin-bottom: 80px;
  }
  .omni-sec3 .omni-sec3h1 {
    margin-bottom: 80px;
    font-weight: bolder;
    font-size: 60px;
  }
  .omni-sec3 .social {
    gap: 80px;
  }
  .omni-sec3 .social div:nth-child(1), .omni-sec3 .social div:nth-child(2) {
    position: relative;
  }
  .omni-sec3 .social div:nth-child(1)::after, .omni-sec3 .social div:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: -40px;
    height: 120px;
    width: 1px;
    background: #707070;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .cs-aboutus-main .cs-mobile-text {
    display: none;
  }
  .cs-aboutus-main .cs-mobile-imgvideo {
    display: none;
  }
  .cs-aboutus-main .cs-aboutus-desktop {
    display: none;
  }
  .cs-aboutus-main .cs-responsive-sec-6, .cs-aboutus-main .cs-responsive-sec-7 {
    display: none !important;
  }
  .cs-aboutus-main .cs-responsive-sec-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: -1;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .head-1 {
    display: inline-block;
    font-size: 80px;
    line-height: 88px;
    font-weight: 700;
    background: #FF0000;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FF0000), color-stop(75%, #522929));
    background: linear-gradient(to right, #FF0000 25%, #522929 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .head-2 {
    display: inline-block;
    font-size: 80px;
    line-height: 88px;
    font-weight: 700;
    background: #FF0000;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FF0000), color-stop(75%, #522929));
    background: linear-gradient(to right, #FF0000 25%, #522929 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .desc-1 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 400;
    color: #262626;
    font-style: italic;
    width: 100%;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgb(124, 4, 7);
    background: linear-gradient(50deg, rgb(124, 4, 7) 0%, rgb(234, 32, 38) 100%);
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea video {
    width: 90%;
    margin-top: -285px;
    position: sticky;
    top: 0;
  }
  .cs-aboutus-main .cs-responsive-sec-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    z-index: 3;
    background: white;
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 video {
    width: 100%;
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 video .cs-mid-side-1-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 485px;
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 .cs-responsive-sec2-textarea {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgb(124, 4, 7);
    background: linear-gradient(50deg, rgb(124, 4, 7) 0%, rgb(234, 32, 38) 100%);
  }
  .cs-aboutus-main .cs-responsive-sec-2 .cs-responsive-videoarea2 .cs-responsive-sec2-textarea .cs-responsive-sec2-desc {
    max-width: 620px;
    font-size: 30px;
    line-height: 38px;
    color: #ffffff;
  }
  .cs-aboutus-main .cs-responsive-sec-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    z-index: 3;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video {
    position: relative;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video video {
    width: 100%;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video .image-cont-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video-c-1-text1 {
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    max-width: 1260px;
    padding: 0 20px;
    width: 100%;
    margin-top: 50px;
    text-align: center;
  }
  .cs-aboutus-main .cs-responsive-sec-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
    position: sticky;
    top: 0;
    padding-top: 80px;
    min-height: 100vh;
  }
  .cs-aboutus-main .cs-responsive-sec-4 .cs-owl-content {
    padding: 0 50px;
  }
  .cs-aboutus-main .cs-responsive-sec-4 .cs-owl-content .cs-owl-content-img {
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-aboutus-main .cs-owl-content-maintitle {
    font-size: 55px;
    line-height: 63px;
    color: #262626;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-aboutus-main .cs-owl-content-title {
    font-size: 40px;
    line-height: 48px;
    color: #262626;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .cs-aboutus-main .cs-owl-content-desc {
    font-size: 20px;
    line-height: 28px;
    color: #262626;
    font-weight: 400;
  }
  .cs-aboutus-main .cs-responsive-sec-5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    z-index: 3;
    position: relative;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 40px 0;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content .cs-sec5-content-img {
    width: 100%;
    padding: 0 50px;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content .cs-owl-content-desc {
    text-align: center;
    margin-top: 30px;
    width: 100%;
    padding: 0 50px;
  }
  .cs-aboutus-main .cs-responsive-sec-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #ffffff;
    z-index: 3;
    position: sticky;
    top: 0;
    padding-top: 80px;
    min-height: 100vh;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-owl-content {
    padding: 0 50px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 {
    z-index: 3;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 .cs-hinge-sys-in-sec-2 {
    min-height: 600vh;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-1 {
    left: 16%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-2 {
    top: 200px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 #cs-icon-box-5 {
    top: 295px;
    right: 8%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 .cshsisec-i-1 {
    background-size: cover;
    min-height: 55vh;
    top: 255px;
    background-color: #ffffff;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 .cshsisec-i-1 .hsi-icon-box-1 .image-div-1 img {
    width: 100% !important;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 {
    z-index: 3;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-1 {
    left: 12%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-5 {
    top: 255px;
    left: 50%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-2 {
    top: 225px;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 #cs-icon-box-2-3 {
    top: 185px;
    left: 48%;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 .cs-hinge-sys-in-sec-2 {
    min-height: 600vh !important;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 .cshsisec-i-1 {
    background-size: cover;
    min-height: 55vh;
    top: 255px;
    background-color: #ffffff;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 .cshsisec-i-1 .hsi-icon-box-1 .image-div-1 img {
    width: 100% !important;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 {
    z-index: 3;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cshsisec-cont-1 {
    padding: 0;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-respbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: sticky;
    top: 0;
    padding-top: 100px;
    max-width: 600px;
    margin: 0 auto;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-deskbox {
    display: none;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-sec-i-1-textbox-title {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #262626;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-sec-i-1-textbox-desc {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #262626;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 {
    z-index: 3;
    position: relative;
    background-color: #ffffff;
    padding: 50px 0;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-right1, .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-left1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-fitting-sys-main-d-1 .cs-sec10-img2, .cs-fitting-sys-main-d-1 .cs-sec12-img2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 {
    background-color: white;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-fit-head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-fit-head-1 span {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-title-main {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge .cs-fitting-horizantal-hinge-title .cs-title-main {
    font-size: 35px;
    line-height: 43px;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-9 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-2, .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-9 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-1 {
    font-size: 55px;
    line-height: 62px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-sec10-img1 img, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-sec10-img2 img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-sec10-text-titlebox .cs-titlebox-1 {
    font-size: 22px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .sec-10-cont-1 {
    max-width: 100%;
    margin: 30px 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .cs-sec-10-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 40px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .sec-10-cont-1 {
    margin: 30px 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 40px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-desc-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist .cs-imgbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem img {
    width: 225px;
    height: 230px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-text-3-titlebox .cs-text3-title {
    font-size: 45px;
    line-height: 53px;
    margin-top: 25px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-11 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-2 {
    font-size: 55px;
    line-height: 62px;
    margin-top: 185px !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-11 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-1 {
    font-size: 55px;
    line-height: 62px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img1, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img1 img, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img2 img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-text-3-titlebox .cs-text3-title {
    font-size: 45px;
    line-height: 53px;
    margin-top: 25px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-textlist .cs-textlist-content-img img {
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-text-titlebox .cs-titlebox-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-text-titlebox .cs-titlebox-2 {
    font-size: 55px;
    line-height: 63px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-1 .sec-12-cont-1 {
    margin: 30px 0;
    max-width: 100%;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-1 .sec-12-cont-1 .cs-sec-12-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 40px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .sec-12-cont-1 {
    margin: 30px 0;
    max-width: 100%;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .sec-12-cont-1 .cs-sec-12-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 40px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-13 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-2 {
    font-size: 55px;
    line-height: 62px;
    margin-top: 240px !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-13 .cs-sec-9-text-1 .cs-sec-9-cont-1 .s9c1-head-1 {
    font-size: 55px;
    line-height: 62px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img2, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img2 img, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img1 img {
    width: auto;
    max-height: 565px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-text-titlebox .cs-titlebox-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-1 .sec-12-cont-1 {
    margin: 30px 0;
    max-width: 100%;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-1 .sec-12-cont-1 .cs-sec-14-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 40px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-2-2 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-2 span, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-1 span {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-2 span.active, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-1 span.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 30px;
    line-height: 38px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-lift-up-door-systems-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 {
    margin-top: -100vh;
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .image-div-1 .cs-img-small {
    width: 33% !important;
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 .cs-lift-up-door-3 {
    min-height: 90vh;
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 .cs-lift-up-door-3 .cs-lift-up-sec3-contentarea {
    grid-template-columns: repeat(2, 1fr);
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 .cs-lift-up-door-3 .cs-lift-up-sec3-contentarea .cs-lift-up-sec3-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-8 .cscl-text-d-1 {
    margin-top: -105vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-8 .text-cont-2 {
    -webkit-transform: translate(-14vw, 35vh);
            transform: translate(-14vw, 35vh);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-8 .cs-smallimg-3.smallactive {
    -webkit-transform: translate(-3vw, 10vh);
            transform: translate(-3vw, 10vh);
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1 {
    min-height: 200vh;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1 .multimech-sec1-d-1 {
    min-height: 55vh;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1 .multimech-sec1-d-1::after {
    height: 30vh;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-1 {
    min-height: 350vh;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-1 .multimech-sec1-d-1.activetop .ms1d1-d-1 {
    width: 70%;
    top: 35%;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-1 .multimech-sec1-d-1.activetop .ms1d1-d-2 {
    top: 66%;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 {
    margin-top: -58vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .cs-lift-up-door-2-smallimg.smallactive {
    -webkit-transform: translate(48vw, 55vh) rotate(0deg);
            transform: translate(48vw, 55vh) rotate(0deg);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .cscl-image-d-1 .cscl-image-bg {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
    min-height: 75vh;
  }
  .cs-lift-up-door-systems-main .cs-color-line-section-5 {
    min-height: 100vh;
  }
  .cs-lift-up-door-systems-main .cs-color-line-section-5 .text-cont-1.active {
    -webkit-transform: translate(-15vw, 20vh);
            transform: translate(-15vw, 20vh);
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-2 {
    min-height: 350vh;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-2 .multimech-sec1-d-1.activetop .ms1d1-d-1 {
    width: 70%;
    top: 35%;
  }
  .cs-lift-up-door-systems-main .cs-multimech-sec-1-2 .multimech-sec1-d-1.activetop .ms1d1-d-2 {
    top: 66%;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-4 {
    min-height: 220vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-4 .cscl-image-d-1 .cscl-image-bg2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
    min-height: 80vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-4 .cs-smallimg-3 {
    display: none;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 {
    min-height: 200vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 .cscl-image-d-1 .cscl-image-bg2 {
    min-height: 80vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 .cs-smallimg-4 {
    display: none;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 .text-cont-1 {
    max-width: 655px;
    -webkit-transform: translate(14vw, 14vh);
            transform: translate(14vw, 14vh);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-6 .cs-sec10-colorlist .cs-imgbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-7 .cscl-text-d-1 {
    margin-top: 0;
    min-height: 70vh;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-7 .cs-lift-up-door-7-img1,
  .cs-lift-up-door-systems-main .cs-lift-up-door-7 .cs-lift-up-door-7-img2 {
    display: none;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-8 .cs-smallimg-3 {
    display: none;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-8 .cscl-image-d-1 .cscl-image-bg2 {
    min-height: 80vh;
  }
  .cs-lift-up-mobile {
    display: none;
  }
  .cs-drawerbox-listitems .cscr1-col-1 {
    max-width: 33%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .cs-drawer-box-main .cs-hinge-in-sec-8 .cshis8-head-3 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-text1 {
    margin-bottom: 45px;
  }
  .cs-drawer-box-main .cs-drawerbox-7 .cs-imgbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-drawer-box-main .cs-drawerbox-7 .cs-drawer-bottom-textbox2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 5%;
  }
  .cs-drawer-box-main .cs-drawerbox-7 .sec-8-con-1 .drawer-mid-side-1.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-drawer-box-main .cs-drawerbox-7 .sec-8-con-1 .drawer-mid-side-1 .cs-imgbox .cs-imgbox-2.active {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-drawer-box-main .cs-drawerbox-4 {
    min-height: 600vh;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-1 .cs-drawer-rollbox img {
    width: 100%;
    max-height: 680px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .cs-drawer-mid-textbox {
    top: 0;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-2 .cs-mid-side2-img {
    opacity: 0.5;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 {
    left: 34%;
    top: 48%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-bottom-side .cs-drawer-bottom-textbox2 {
    left: 66%;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-bottom-side .cs-imgbox img {
    -o-object-position: top;
       object-position: top;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 {
    left: 45%;
    top: 25%;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-2 .cs-mid-side2-img {
    bottom: 0;
    top: auto;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-1 .cs-imgbox img {
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-bottom-side .cs-imgbox {
    position: relative;
    z-index: -1;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-bottom-side .cs-imgbox img {
    position: absolute;
    bottom: -230px;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-bottom-side .cs-drawer-bottom-textbox2 {
    top: 34%;
    left: 50%;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-mid-side-1 .cs-imgbox img {
    opacity: 0.3;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-mid-side-1 .cs-drawer-bottom-textbox2 {
    top: 40%;
    left: 65%;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-mid-side-3 .cs-drawer-textbox-2 {
    left: 40%;
    top: 30%;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-mid-side-3 .cs-mid-side2-img {
    bottom: 0;
    top: auto;
  }
  .cs-drawer-box-main .cs-color-line-section-9 .text-cont-3.active {
    -webkit-transform: translate(0vw, -10vh);
            transform: translate(0vw, -10vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .cscl-image-d-2-img img {
    -webkit-transform: translateX(45vw);
            transform: translateX(45vw);
  }
  .cs-drawer-box-main .cs-color-line-section-7 .cscl-image-d-2-img {
    z-index: -1;
  }
  .cs-drawer-box-main .cs-color-line-section-7 .cscl-image-d-2-img img {
    -webkit-transform: translateX(-115vw);
            transform: translateX(-115vw);
  }
  .cs-drawer-box-main .cs-color-line-section-7 .cscl-image-d-1.active-3 img {
    -webkit-transform: translate(-75vw, 0vh);
            transform: translate(-75vw, 0vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-84vw, 0vh);
            transform: translate(-84vw, 0vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .cscl-image-d-2-img img {
    -webkit-transform: translateX(-20vw);
            transform: translateX(-20vw);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-3.active {
    -webkit-transform: translate(7vw, -8vh);
            transform: translate(7vw, -8vh);
  }
  .cs-drawer-box-main .cs-drawerbox-8 .drawer-mid-side-1 .cs-drawer-bottom-textbox2 {
    top: 27%;
    left: 30%;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 65%;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 3vh;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .cs-drawer-box-main .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1 {
    margin-left: 0;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 {
    font-size: 60px;
    line-height: 80px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 span {
    font-size: 90px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-2 {
    font-size: 50px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 {
    margin: 0 auto;
    text-align: center;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul {
    width: 100%;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul li {
    width: 100%;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3.active span:nth-of-type(2) {
    font-size: 34px;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 .sbs4d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 25vh;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-i-d-1 {
    bottom: 100px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-1 {
    top: 50%;
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-2 {
    bottom: auto;
    top: 75%;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-td-2::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 30vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 {
    top: 20%;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    height: 40vh;
    -webkit-transform: translateX(-9%);
            transform: translateX(-9%);
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-head-1 {
    font-size: 80px;
    line-height: 100px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 {
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 {
    min-height: 50vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 img {
    height: 50vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-t-1 .sbs8d2t1-c-1 {
    max-width: 90%;
    margin: 0 auto 15vh;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence {
    height: 45vh;
    background: unset;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 .sbs9d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 20vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 {
    top: 28%;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 img {
    height: 50vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-int-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-c-1 {
    max-width: 90%;
    margin: 0 auto 18vh;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #goTpButton {
    bottom: 60px;
    right: 5px;
  }
  .cs-header-row-1 .cshr1-col-0 {
    max-width: 70px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
  }
  .cs-header-row-1 .cshr1-col-1 {
    max-width: calc(100% - 490px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 490px);
            flex: 0 0 calc(100% - 490px);
  }
  .cs-menu-1 a {
    font-size: 14px;
  }
  .cs-menu-1 a i {
    font-size: 18px;
  }
  .cs-mobile-menu-d-1 {
    top: 60px;
  }
  .cs-mobile-menu-d-1.active {
    height: calc(100vh - 60px);
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-1.active .cs-scroll-head-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-5 .image-1 {
    top: 150px;
    max-height: 200px;
    width: auto;
  }
  .cs-scroll-head-2 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-scroll-head-3 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-scroll-head-4 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-scroll-head-5 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-scroll-div-fix-1 .text-d-6 {
    -webkit-transform: translate(-20vh, 30vh) !important;
            transform: translate(-20vh, 30vh) !important;
  }
  .cs-scroll-head-7 {
    width: 100%;
    text-align: center;
  }
  .cs-scroll-squence-f-1 .scroll-sequence__content {
    height: 2800px;
  }
  .cs-scroll-squence-f-1 .ca1-inner-1 .head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-resp-slider-1 .csrs1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .section-container-4 .section-4-text-d-2 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 {
    padding: 15px;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .section-container-4 .section-4-text-d-3 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 {
    padding: 15px 25px;
    left: 10%;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 .desc-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-fixed-text-d-1.active .head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-fixed-text-d-1 .head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .section-container-7 .cs-section-7-bg-1 .head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .section-container-7 .cs-section-7-bg-1.active .head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .section-container-7 .cs-section-7-bg-1 .desc-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .section-container-8 .content-cont-all-1 .head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .section-container-8 .content-cont-all-1 .head-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .section-container-9 .section9-content-d1 .head-1.active {
    left: 50%;
    top: 15%;
  }
  .section-container-9 .section9-content-d1 .head-2.active {
    left: 50%;
    top: 85%;
  }
  .cs-compare-row-1 .cscr1-col-1 {
    max-width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.3333333333%;
    margin-bottom: 20px;
  }
  .cs-compare-row-1 .cscr1-col-1:nth-child(3)::after {
    display: none;
  }
  .cs-page-scroll-container-1 .section-container-3 .scroll-sequence {
    display: none;
  }
  .cs-section-3-text-cont-1 {
    display: none;
  }
  .cs-section-3-resp-d-1 {
    min-height: 150vh;
  }
  .cs-section-3-resp-d-1 .cs3rep1-div-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
    padding: 60px 0px;
  }
  .section-container-7 .cs-section-7-bg-1 {
    background-size: cover !important;
  }
  .section-container-7 .cs-section-7-bg-1.active {
    background-size: cover !important;
  }
  .section-container-7 .scroll-sequence {
    background-color: #ffffff;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .scroll-sequence {
    display: none;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .section10-text-d-1 {
    display: none !important;
  }
  .section-container-10-1 .scroll-sequence__content {
    min-height: 450vh;
  }
  .cs-section-10-1-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 0px 60px;
    background-color: #222222;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 {
    padding: 30px;
    min-height: 20vh;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-desc-1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #86868B;
    margin-bottom: 0px;
  }
  .cs-section-10-1-resp-d-1 .resp-image-a-1 img {
    width: 100%;
  }
  .section-container-10-2 {
    display: none;
  }
  .section-11-all-text-d, .section-11-all-image-d {
    display: none !important;
  }
  .section-container-11 .scroll-sequence__content {
    min-height: 350vh;
  }
  .cs-section-11-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 30px 60px;
    background-color: #ffffff;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 {
    max-width: 650px;
    margin: 0 auto 30px;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 .resp11t1-head-1 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #A3A3A3;
    margin: 0;
  }
  .cs-section-11-resp-d-1 .resp11-image-1 {
    text-align: center;
    min-height: 590px;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 {
    padding-top: 30px;
    max-width: 650px;
    margin: 0px auto;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-head-1 {
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    color: #484848;
    margin-bottom: 10px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li {
    margin-right: 20px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #A3A3A3;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li:last-child {
    margin-right: 0px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li.active {
    font-size: 32px;
    color: #9F86B5;
  }
  .cs-footer-row-1 .csfr1-col-1 {
    max-width: 33.3333333333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    margin-bottom: 15px;
  }
  .cs-footer-row-1 .csfr1-col-1:last-child {
    text-align: left;
  }
  .cs-social-menu-1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .cs-footer-1 {
    padding: 20px 0px;
  }
  .cs-footer-seo-1 {
    margin-bottom: 15px;
  }
  .cs-footer-menu-cont-1 {
    padding: 15px 0px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 {
    left: 136px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1.active {
    left: -60px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li {
    margin-right: 50px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li img {
    width: 136px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li.active img {
    width: 188px;
  }
  .cs-management-banner-1 .back-go-link-1 {
    left: 15px;
    top: 15px;
    font-size: 14px;
    line-height: 20px;
  }
  .cs-management-banner-1 .csmb1-cont-1 {
    max-width: 650px;
  }
  .cs-management-banner-1 .csmb1-cont-1 .csmb1c1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-management-banner-1 .csmb1-cont-1 .csmb1c1-col-2 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-management-banner-1 .csmb1-cont-1 .head-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-management-banner-1 .csmb1-cont-1 .title-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-page-head-4 {
    font-size: 25px;
    line-height: 35px;
  }
  .cs-inner-seo-d-1 {
    max-width: 600px;
  }
  .cs-full-c-row-1 .csfcr1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-full-c-row-1 .csfcr1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-full-c-box-1 {
    margin-right: 0;
    padding: 50px 10px;
  }
  .cs-info-l-row-1 .csilr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-info-l-row-1 .csilr1-col-1:nth-child(3), .cs-info-l-row-1 .csilr1-col-1:nth-child(9) {
    border-right: 0.2px solid #ffffff;
  }
  .cs-page-text-banner-1 .head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-bestSolutions-video-c-1 .text-container-1 .sub-head-1 {
    font-size: 48px;
    line-height: 56px;
  }
  .cs-bestSolutions-video-c-1 .text-container-1 .desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-bestSolutions-area-2 {
    background-image: var(--bgTablet);
  }
  .cs-bestSolutions-area-2 .content-container-1 .head-1 {
    display: block;
    font-size: 74px;
    line-height: 82px;
    text-align: center;
  }
  .cs-bestSolutions-area-2 .content-container-1 .desc-1.text-1 {
    margin-top: 5vh;
    margin-bottom: 100px;
  }
  .cs-bestSolutions-area-3 {
    background-image: var(--bgTablet);
  }
  .cs-bestSolutions-area-3 .content-container-1 {
    max-width: 380px;
    padding: 0;
  }
  .cs-bestSolutions-area-3 .content-container-1 .head-1 {
    font-size: 38px;
    line-height: 46px;
  }
  .cs-scroll-head-8 {
    font-size: 50px;
    line-height: 62px;
  }
  .cs-scroll-change-h-2 {
    height: 124px;
  }
  .cs-bestSolutions-sec-5 .cs-bestSolutions-area-5.active .cs-scroll-head-8 {
    top: -185px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .head-1 {
    font-size: 90px;
    line-height: 100px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 50px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 {
    margin: 0 auto 50px;
  }
  .cs-bestSolutions-sec-7 .cs-bestSolutions-area-7 {
    padding: 50px 0px 40px;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1:nth-child(2n)::after {
    display: none;
  }
  .cs-count-number-box-1 .count-number-list .count-text-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .main-div-area-1 {
    padding: 0px 0px 50px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 50px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 {
    margin: 0 auto 0px;
  }
  .cs-bestSolutions-sec-9 .cs-bestSolutions-area-9 {
    padding: 50px 0px 40px;
  }
  .cs-bestSolutions-area-10 .content-div-1 p {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-bestSolutions-area-10 .content-div-1 li {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-1.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffff;
    padding: 100px 0px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2 {
    padding-top: 5vh;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2.active {
    position: fixed;
    top: 0;
    z-index: 1;
    padding-top: 50vh;
  }
  .cs-quality-section-1 .hh-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-quality-section-1 .dd-desc-1 {
    max-width: 600px;
  }
  .cs-quality-section-1 .hh-head-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-quality-section-1 .logo-menu-1 {
    max-width: 475px;
    margin: 0 auto;
  }
  .cs-quality-section-1 .logo-menu-1 li:nth-child(3n) {
    margin-right: 0;
  }
  .cs-environment-section-1 .hh-head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-environment-section-1 .play-pause-btn-1 {
    left: 89.3vw;
    top: 93vh;
  }
  .cs-environment-section-2 .container {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-head-1 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-environment-section-2 .tt-image-1.huge {
    width: 375px;
    height: 375px;
  }
  .cs-page-banner-2 {
    height: 280px;
  }
  .cs-assembly-tabs-area-1 {
    top: 52px;
  }
  .cs-assembly-tabs-container-1 {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #F5F5F5;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar {
    height: 5px;
    width: 5px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-track {
    background: #F5F5F5;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb {
    background: #BCBCBC;
    border-radius: 30px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb:hover {
    background: #888888;
  }
  .cs-assembly-tabs-1.nav-tabs {
    width: 1000px;
  }
  .cs-video-box-1 .image-dd-1 img {
    max-height: 202px;
    width: 100%;
  }
  .cs-assembly-tabs-content-area-1 .csatca-cont-1 {
    max-width: 720px;
  }
  .cs-half-container-1 {
    max-width: 720px;
  }
  .cs-color-line-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-color-line-section-2 {
    height: 90vh;
  }
  .cs-color-line-section-2 video {
    height: 90vh;
  }
  .cs-color-line-head-3 {
    font-size: 82px;
    line-height: 90px;
  }
  .cs-color-line-head-4 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-color-line-head-5 {
    font-size: 100px;
    line-height: 108px;
    margin-bottom: 15%;
  }
  .cs-color-line-head-8 {
    font-size: 90px;
    line-height: 98px;
  }
  .cs-color-line-section-5 .cs-color-line-head-6 {
    padding-top: 8%;
  }
  .cs-color-line-section-5 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(0vw, 20vh);
            transform: translate(0vw, 20vh);
  }
  .cs-color-line-section-6 .image-cont-1.active img {
    -webkit-transform: translateX(-2vw);
            transform: translateX(-2vw);
  }
  .cs-color-line-section-7 .text-cont-1 {
    max-width: 500px;
    padding-top: 5vh;
  }
  .cs-color-line-section-7 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-40vw, 25vh);
            transform: translate(-40vw, 25vh);
  }
  .cs-color-line-section-8 .text-cont-1 {
    max-width: 500px;
  }
  .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(55vw, 0vh);
            transform: translate(55vw, 0vh);
  }
  .cs-color-line-section-9 .cscl-content-aa-1.active-2 .image-div-1 img {
    -webkit-transform: translate(0vw, 30vw);
            transform: translate(0vw, 30vw);
    width: 100%;
  }
  .cs-color-line-section-10 .image-div-1 {
    background-position: 20% 100% !important;
  }
  .cs-color-line-section-11 .image-cont-1 {
    margin-top: -36vh;
  }
  .cs-color-line-section-13 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-40vw, 25vh);
            transform: translate(-40vw, 25vh);
  }
  .cs-color-line-section-13 .text-cont-1 {
    padding-top: 4vh;
  }
  .cs-color-line-section-14 .image-cont-1 {
    background-position: 90% 100% !important;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-15 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-16 .text-div-1 .head-1 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-color-line-section-16 .image-div-1 {
    background-position: 30% 100% !important;
  }
  .cs-eventcalendar .cs-eventcalendar-listitem .cs-calendar-remind {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .cs-eventcalendar .cs-eventcalendar-listitem .cs-calendar-remind .cs-remindtext {
    padding-left: 0px;
  }
  .cs-newsdetail .cs-newsbackground {
    display: none;
  }
  .cs-newsdetail .cs-newsdetail-left .cs-newsdetail-text1 {
    font-size: 14px;
    line-height: 22px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left {
    margin-bottom: 30px;
    max-width: 100%;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left .cs-relatedtopics-left-textbox {
    max-width: 100%;
    margin-right: 0;
    padding: 30px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-right {
    max-width: 100%;
  }
  .cs-simo-i-d-2.active img {
    -webkit-transform: translateY(-76%);
            transform: translateY(-76%);
  }
  .cs-simo-i-d-2.deactive img {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .cs-side-mount-f-menu-1 ul li button {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-side-mount-f-menu-1 ul li.active button {
    font-size: 22px;
    line-height: 28px;
  }
  .cs-side-mount-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-side-mount-head-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-simo-cat-box-1 .text-div-1 .head-1 {
    font-size: 26px;
    line-height: 32px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 {
    padding: 8vh 15px 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 28px;
    line-height: 34px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1::before {
    top: -195px;
    margin-left: 75px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .image-div-1 img {
    max-height: 70px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1::before {
    margin-left: 60px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:last-child .ssi-icon-box-1 .head-1::before {
    margin-left: calc(70px + 11vw);
  }
  .cs-side-mount-sec-5 {
    min-height: 100vh;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    width: auto !important;
    height: 900px !important;
    -webkit-transform: translateY(-24vh);
            transform: translateY(-24vh);
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .ss-sec-6-1-tt {
    max-width: 100%;
    -webkit-transform: translateY(6vh);
            transform: translateY(6vh);
    margin: 0 auto;
  }
  .cs-side-mount-sec-7 .sticky-image-1 {
    left: 60%;
  }
  .cs-side-mount-sec-7 .sticky-text-1 .text-a-1 {
    margin: 0;
    -webkit-transform: translateY(20vh);
            transform: translateY(20vh);
  }
  .cs-side-mount-sec-9.active .cs-side-mount-head-8 {
    margin-bottom: 150px;
    font-size: 60px;
    line-height: 68px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    top: 26%;
    right: 6%;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1.left-side-active {
    -webkit-transform: translate(0%, -35%);
            transform: translate(0%, -35%);
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 li {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px;
  }
  .cs-side-mount-sec-11 .row {
    padding-top: 30px;
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 li {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 15px;
  }
  .cs-compare-sec-1 img {
    margin-bottom: 25px;
    min-height: 95px;
  }
  .cs-compare-sec-1 .pr-head-1 {
    font-size: 18px;
  }
  .cs-seo-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 900px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 0 !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    height: 50px !important;
    top: -65px !important;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 6vh;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1 {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 60%;
    max-width: 100%;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 42px;
    line-height: 50px;
    position: relative;
    margin: 0;
    text-align: center;
  }
  .cs-hinge-sys-cat-box-1 .hs-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-hinge-head-2 {
    font-size: 90px;
    line-height: 102px;
  }
  .cs-hinge-in-sec-5 .cshis5-in-1 .cshis5-cont-1 .cs-scroll-change-h-3.jsHSP45Head2 {
    top: 60%;
    max-width: 350px;
    height: 200px;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 {
    min-height: auto;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 .cs-scroll-change-h-4 {
    display: none;
  }
  .cs-hinge-in-sec-8 .cshis8-head-1 {
    font-size: 80px;
    line-height: 92px;
  }
  .cs-hinge-in-sec-12 .sec-12-mm-l-1 li {
    padding: 0px 15px;
    width: 50%;
  }
  .cs-hinge-in-sec-13 .sec-13-cont-1 .cs-scroll-change-p-3 {
    top: 110px;
  }
  .cs-hinge-in-sec-15 .sec-15-imd-1 img {
    height: auto;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1, .cs-hinge-in-sec-15 .sec-15-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 60%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-16 .sec-16-imd-1 img {
    height: auto;
    top: 4vh;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1, .cs-hinge-in-sec-16 .sec-16-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 55%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-17 .sec-17-imd-1 img {
    height: auto;
    top: 4vh;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1, .cs-hinge-in-sec-17 .sec-17-txd-2 {
    max-width: 600px;
    right: auto;
    left: 50%;
    top: 60%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: left;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    right: auto;
    left: 50%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 .sc17-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-slider-1 .slider-container-1 {
    height: 400px;
  }
  .cs-slider-1 .text-div-1 {
    max-width: 700px;
  }
  .cs-slider-1 .text-div-1 .head-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-slider-1 .text-div-1 .head-2 {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-hmpg-ani-d-1 .cshmphad1-row-1 .cshmphad1r1-col-1, .cs-hmpg-ani-d-1 .cshmphad1-row-1 .cshmphad1r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 15px;
  }
  .cs-hmpg-ani-d-1.active .cshmphad1-image-1 {
    left: -40px;
    top: 0;
  }
  .cs-hmpg-ani-d-1.active .cshmphad1-image-1 img {
    max-height: 600px;
  }
  .cs-hmpg-ani-d-1 .jsSHRowD1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-rb-grad-head-1 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-hmpg-section-2 {
    padding: 50px 0px 15px;
  }
  .cs-rb-grad-head-3 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-rb-grad-head-2 {
    font-size: 24px;
    line-height: 44px;
  }
  .cs-hmpg-video-c-1 .image-cont-1 img {
    max-width: 90%;
  }
  .cs-image-box-2.top-line-1 .content-cont-1 {
    top: 30%;
  }
  .cs-image-box-2.bottom-line-1 .content-cont-1 {
    bottom: 0%;
  }
  .cs-image-box-2 .content-cont-1 {
    width: 100%;
  }
  .cs-image-box-2 .content-cont-1 .head-1 {
    font-size: 38px;
    line-height: 48px;
  }
  .cs-hmpg-section-5 {
    padding: 50px 0px;
  }
  .cs-grey-lb-1, .cs-white-lb-1 {
    min-height: 40px;
  }
  .cs-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    display: none;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .sec-inner-cont-2 {
    padding: 120px 0px 50px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .text-div-1 {
    position: absolute;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 {
    top: auto;
    bottom: -5px;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 video {
    height: auto;
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-gradient-1 {
    width: 100%;
    height: 70%;
    background: rgb(203, 192, 173);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(203, 192, 173)), color-stop(60%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(203, 192, 173) 0%, rgba(255, 255, 255, 0) 60%);
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 {
    min-height: 200vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .text-div-2 {
    position: absolute;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 580px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 {
    height: auto;
    top: 65vh;
    z-index: 1;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .bg-gradient-2 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .bg-gradient-3 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .text-div-4 {
    max-width: 92%;
    width: 100%;
    position: unset;
    left: auto;
    bottom: auto;
    z-index: 3;
    text-align: left;
    margin: 0 auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .sat2c5-cont-1 .scroll-sequence__content {
    min-height: 100vh;
  }
  .cs-american-types-prd-2 .mb-image-d-1 img {
    width: 1500px;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 54px;
    line-height: 66px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 {
    min-height: 150vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3-content-a-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 80px 0px 20px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 {
    position: unset;
    left: auto;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 img {
    max-height: 450px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-hh-1 {
    font-size: 38px;
    line-height: 46px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-pp-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence__content {
    margin: 0;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 {
    bottom: 60px;
    left: 50%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 .sst2abd1-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 .sst2abd1-hh-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-tt-1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-hh-1 {
    opacity: 1;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-vh-1 .sat3cont4-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 .sat3cont4-hh-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 .sat3cont4-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-vh-1 .sat3cont5-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 .sat3cont5-hh-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 .sat3cont5-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 {
    padding: 6vh 15px 0px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 50px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 {
    position: relative;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .image-div-1 img {
    max-width: 150px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1 {
    font-size: 26px;
    line-height: 34px;
    max-width: 100%;
    width: 100%;
    position: unset;
    margin: 0;
    text-align: center;
    padding-top: 15px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1::before {
    top: 60%;
    margin-left: 0;
    height: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-2 .undermount-slide-section-2 .uss2-head-1.deactive {
    font-size: 80px;
    line-height: 92px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 44px;
    line-height: 56px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0 {
    padding: 12vh 15px 15px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 46px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    bottom: auto;
    top: 20%;
    left: 12%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 {
    bottom: auto;
    top: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 0vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 0vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 {
    bottom: auto;
    top: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-left-1 {
    left: 0vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-right-1 {
    right: 0vw;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 {
    bottom: 12vh;
  }
  .cs-undermount-in-sec-2 .csuis2-div-6 .csuis2d6-head-1 {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
    bottom: 20vw;
  }
  .cs-undermount-in-sec-3 .csuis3-head-1 {
    font-size: 38px;
    line-height: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-0.active-1 .csuis3-head-1 {
    font-size: 38px;
    line-height: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-head-2 {
    font-size: 46px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 {
    padding-top: 15vh;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-2 .csuis3d3-v-cont-1 .csuis3d3-v-item-all video {
    width: auto;
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-1 .csuis3d4i1-text-1 {
    padding-top: 48vh;
  }
  .cs-aboutus-main .cs-aboutus-desktop {
    display: none;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-in-sec5-leftimg {
    max-width: 575px !important;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 {
    min-height: 0;
  }
  .cs-undermount-in-sec-4 .csuis4-div-1 .csuis4d1-bgv-1 video {
    -webkit-transform: translateX(-22%);
            transform: translateX(-22%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-int-1 {
    padding: 90px 0px 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-head-1 {
    font-size: 44px;
    line-height: 52px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-head-2 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-bgv-1 video {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-cont-1 .csuis5d1-txt-1 {
    max-width: 100%;
  }
  .cs-undermount-in-sec-5 .csuis5-div-2 .csuis5d2-inn-2 .csuis5d1-cont-1 .csuis5d2-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-vd-1 video {
    -webkit-transform: translate(-20%, 5%);
            transform: translate(-20%, 5%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-6 .csuis6-head-1 {
    font-size: 64px;
    line-height: 72px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0.active-1 .csuis6-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-2 .csuis6d2-bgv-1 video {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-undermount-in-sec-6 .csuis6-div-3 .csuis6d3-bgv-1 video {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-d-4 {
    top: auto;
    bottom: 0;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-d-4 .csuis7d0d4-text-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-7 .csuis7-div-3 .csuis7d3-bgv-1 video {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .cs-multimech-sec-1 .multimech-sec1-d-1.active .ms1d1-d-1 {
    width: 90%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-v-cont-1 {
    max-width: 100%;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-v-cont-1 video {
    width: 1600px;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 {
    min-height: auto;
    padding-bottom: 50px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    height: auto;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-text-d-1 .ms2d2td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 {
    min-height: auto;
    padding-bottom: 50px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-1 img {
    height: auto;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-text-d-1 .ms2d3td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 300px;
    bottom: auto;
    top: 100px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 {
    min-height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 video {
    min-height: 50vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3.active .ms3d3-bgi-1 {
    width: 100%;
    height: 50vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 {
    position: unset;
    top: auto;
    left: auto;
    bottom: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 .ms3d3tc1-d-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 {
    min-height: auto;
    padding-bottom: 50px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-img-d-1 img {
    height: auto;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-text-d-1 .ms3d4td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-3 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-1 .ms4d1-cont-1 .ms4d1c1-bg-d-1 {
    background-position: 12% 100% !important;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-2 .ms4d2-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-2 .ms4d2-cont-1 .ms4d2c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .ms4d3-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .ms4d3-cont-1 .ms4d3c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .csJSMmechAniItem1.deactive {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .ms4d4-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .ms4d4-cont-1 .ms4d4c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .csJSMmechAniItem1.deactive {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cs-multimech-sec-4 .multimech-sec-iwt-1 .mmsi1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 {
    padding-top: 100px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 44px;
    line-height: 52px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-2 {
    font-size: 34px;
    line-height: 42px;
    padding-right: 90px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-cont-1 .ms4d5c1-bg-d-1 {
    background-size: cover !important;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6-row-1 .ms4d6r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6-row-1 .ms4d6r1-col-2 {
    display: none;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 450px;
    top: 60%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-1 {
    min-height: 35vh;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 {
    top: 35%;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    font-size: 80px;
    line-height: 88px;
    width: 80vw;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -35vh);
            transform: translate(0vw, -35vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 {
    min-height: 60vh;
    position: relative;
    overflow: hidden;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 img {
    min-height: 60vh;
    max-width: unset;
    -webkit-transform: translateX(-35%);
            transform: translateX(-35%);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 {
    min-height: 25vh;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 .ms5d4-cont-1 .ms5d4c1-head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-6 .ms6d6-text-c-2 {
    margin: 0 0 0 auto;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-txt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-in-t-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-txt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-in-t-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-txt-d-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-st-d-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-in-d-1 {
    max-width: 100%;
    padding: 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-vd-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-head-1 {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 20px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-mm-1 li {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .csJSMmechAniItem2 {
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    overflow: hidden;
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-34%);
            transform: translateX(-34%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-4-1 {
    top: 77%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-5 {
    top: 77%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 {
    padding-top: 18vh;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(-20vw);
            transform: translateX(-20vw);
    max-height: 55vh;
  }
  .cs-lift-up-door-systems-main .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 830px !important;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .cs-lift-up-door-2-smallimg img {
    width: 75%;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .text-cont-1 {
    max-width: 500px;
    -webkit-transform: translate(12vw, 15vh) !important;
            transform: translate(12vw, 15vh) !important;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .text-cont-1 .cs-lift-up-door-2-head-1 {
    background: none;
    color: #554646;
    -webkit-text-fill-color: #554646;
    font-size: 35px;
    line-height: 43px;
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-2 .text-cont-1 .cs-lift-up-door-2-desc-1 {
    text-align: left;
  }
  .cs-lift-up-door-systems-main .cs-color-line-section-5 .text-cont-1.active {
    -webkit-transform: translate(-8vw, 20vh);
            transform: translate(-8vw, 20vh);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-4 .text-cont-1 {
    -webkit-transform: translate(12vw, 30vh);
            transform: translate(12vw, 30vh);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-4 .text-cont-1.active {
    -webkit-transform: translateX(12vw);
            transform: translateX(12vw);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 .text-cont-1 {
    max-width: 500px;
    -webkit-transform: translate(5vw, 14vh);
            transform: translate(5vw, 14vh);
  }
  .cs-lift-up-door-systems-main .cs-lift-up-door-5 .text-cont-1.active {
    -webkit-transform: translate(5vw, 14vh);
            transform: translate(5vw, 14vh);
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1.active .fs1d1-d-1 {
    width: 90%;
    top: 50%;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1 .fs1d1-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 530px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-head-1 {
    font-size: 54px;
    line-height: 62px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -25%;
    top: 45%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-2 {
    bottom: 18%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-text-d-1 {
    width: 700px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 {
    height: 100%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 .fs4d1-vd-t-1 {
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 .fs4d1-vd-t-2 {
    top: 65%;
    right: auto;
    left: 50%;
    width: 100%;
    text-align: center;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 88px;
    line-height: 96px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-4-2 .flowbox-sec42-d-2 .fs42d2-cont-1 .fs42d2c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-1 .fs5d1-head-1 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-d-1 video {
    -o-object-position: 25% 100%;
       object-position: 25% 100%;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-head-1 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-cont-3 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-cont-3 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-4 .fs5d4-d-2 .play-pause-btn-1 {
    right: 35px;
    top: 95vh;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-1 {
    top: 30%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1-head-1 {
    font-size: 62px;
    line-height: 70px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6.active-2 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-7 {
    top: 40%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-r-half-1 {
    width: 80%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-r-half-1 .fs6d1-desc-1 {
    max-width: 100%;
  }
  .cs-flowbox-sec-7 .fs7-d-0 video {
    -webkit-transform: translate(3%, -50%);
            transform: translate(3%, -50%);
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 .container {
    margin-bottom: 20%;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .fs8d1-head-1 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-flowbox-sec-8 .fs8d1-head-2 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 75px;
    line-height: 82px;
  }
  .cs-flowbox-sec-8 .fs8d1-desc-2 {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .fs8d8-row-1 .f8d8r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-bg-1 {
    height: 30vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawerbox-content {
    width: 33%;
    gap: 20px;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-2 .cs-mid-side2-img {
    opacity: 1;
    width: 685px;
  }
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 .cs-desc1.active,
  .cs-drawer-box-main .cs-drawerbox-4 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 .cs-desc2.active {
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-2 .cs-mid-side2-img {
    height: 50vh;
  }
  .cs-drawer-box-main .cs-drawerbox-5 .sec-8-con-1 .drawer-mid-side-2 .cs-drawer-textbox-2 {
    left: 45%;
    top: 33%;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-mid-side-1 .cs-drawer-bottom-textbox2 {
    top: 56%;
    left: 50%;
    width: 100%;
    padding: 0 80px;
  }
  .cs-drawer-box-main .cs-drawerbox-6 .sec-8-con-1 .drawer-bottom-side .cs-drawer-textbox-2 {
    left: 40%;
    top: 50%;
  }
  .cs-drawer-box-main .cs-drawerbox-8 .drawer-mid-side-1 .cs-imgbox img {
    height: 130%;
  }
  .cs-drawer-box-main .cs-drawerbox-8 .drawer-mid-side-1 .cs-drawer-bottom-textbox2 {
    top: 35%;
    left: 35%;
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-3 {
    -webkit-transform: translate(0vw, -20vh);
            transform: translate(0vw, -20vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-2 {
    -webkit-transform: translate(0vw, 15vh);
            transform: translate(0vw, 15vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-2.active {
    -webkit-transform: translate(0vw, 15vh);
            transform: translate(0vw, 15vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-3 {
    -webkit-transform: translate(0vw, 15vh);
            transform: translate(0vw, 15vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .text-cont-3.active {
    -webkit-transform: translate(0vw, -15vh);
            transform: translate(0vw, -15vh);
  }
  .cs-drawer-box-main .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    display: none;
  }
  .cs-drawer-box-main .cs-color-line-section-8 .cs-color-line-head-6.active {
    -webkit-transform: translate(0vw, 10vh);
            transform: translate(0vw, 10vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .text-cont-2 {
    -webkit-transform: translate(0vw, 25vh);
            transform: translate(0vw, 25vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .text-cont-2.active {
    -webkit-transform: translate(0vw, 25vh);
            transform: translate(0vw, 25vh);
  }
  .cs-drawer-box-main .cs-color-line-section-9 .cscl-image-d-1.active-3 img {
    display: none;
  }
  .cs-drawer-box-main .cs-color-line-section-7 .text-cont-2.active {
    -webkit-transform: translate(14vw, 25vh);
            transform: translate(14vw, 25vh);
  }
  .cs-day-and-night-main .cs-dnn-sec1 {
    min-height: 100vh;
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn-sec2-content {
    background-position: top center;
    height: 100vh;
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn-textbox2 {
    margin-top: 40px;
    -webkit-transform: translateX(-225px);
            transform: translateX(-225px);
  }
  .cs-day-and-night-main .cs-dnn-sec2 .cs-dnn2-btn {
    bottom: 250px;
    left: 150px;
  }
  .cs-day-and-night-main .cs-dnn-sec2-img {
    margin-top: -290px;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main {
    margin-top: -185px;
    background-position: right;
    z-index: 1;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn3 {
    left: 10%;
    top: 62%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn1 {
    left: 38%;
    top: 62%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn2 {
    left: 11%;
    top: 70%;
  }
  .cs-day-and-night-main .cs-dnn-sec3 .cs-dnn-sec3-main .cs-sec3-textbox .cs-dnn3-btn4 {
    right: 45%;
    top: 70%;
  }
  .cs-day-and-night-main .cs-dnn-sec4 {
    display: none;
  }
  .cs-day-and-night-main .cs-dn-tb-4 {
    height: 575px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin-top: -35px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px 10px;
    margin: 0;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn .cs-top-text {
    color: #262626;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-dn4-btn .cs-bottom-text {
    color: #86868B;
    font-size: 10px;
    line-height: 18px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox .cs-title1 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 100;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-titlebox .cs-title2 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    font-style: italic;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-smaillimg1 {
    position: absolute;
    right: 10px;
    top: -320px;
    z-index: 0;
    -o-object-fit: contain;
       object-fit: contain;
    width: 70px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-imgdiv1 {
    overflow: hidden;
  }
  .cs-day-and-night-main .cs-dn-tb-4 .cs-mobile-imgdiv1 img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    -webkit-transform: translate(-12vw, 3vh);
            transform: translate(-12vw, 3vh);
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-content .cs-dnn-sec7-content-left .cs-left-title3 {
    text-align: center;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-title {
    font-size: 42px;
    line-height: 50px;
  }
  .cs-flowbox-sec-wseq-6 .fsws6-head-1 {
    font-size: 62px;
    line-height: 80px;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-1 {
    top: 30%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 3000px !important;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1-head-2 {
    font-size: 110px;
    line-height: 130px;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    max-width: unset;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2.active .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    -webkit-transform: translateX(32%);
            transform: translateX(32%);
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-id-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-td-1 {
    max-width: 100%;
    min-height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 70px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 {
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 .as3d1-td-1 {
    bottom: 80px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 .as3d1td1-cont-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 {
    font-size: 44px;
    line-height: 54px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 span {
    font-size: 34px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 50%;
    top: 15%;
  }
  .cs-alphabox-sec-4.active .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    -webkit-transform: translateX(-60vw);
            transform: translateX(-60vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 img {
    max-width: unset;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-58vw);
            transform: translateX(-58vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 {
    top: 30%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 .as5d1-td-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-1 {
    font-size: 110px;
    line-height: 130px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 25px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-desc-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-mm-1 li {
    width: 33.3333333333%;
    margin-right: 0px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-head-1 {
    font-size: 70px;
    line-height: 80px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-head-1 {
    font-size: 114px;
    line-height: 124px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-75%);
            transform: translateX(-75%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 365px;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 video {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 {
    top: 75%;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 .as7d1-head-1 {
    max-width: 100%;
    font-size: 70px;
    line-height: 88px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 .as8d1-head-1 {
    max-width: 100%;
    font-size: 70px;
    line-height: 88px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-head-2 {
    font-size: 70px;
    line-height: 88px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-head-3 {
    font-size: 60px;
    line-height: 78px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 {
    min-height: 70vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 img {
    height: 70vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-td-1 {
    max-width: 100%;
    min-height: 30vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 70px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-head-1 {
    font-size: 110px;
    line-height: 120px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-1 .as9d1sc1-cont-1 .as9d1-head-1 {
    max-width: 100%;
    padding: 0px 20px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-1 .as9d1sc1-cont-1 .as9d1-head-1 span {
    font-size: 80px;
    line-height: 90px;
  }
  .cs-alphabox-sec-10 .alphabox-sec10-d-1 .as10d1-sc-md-1 .as10d1-text-d-1.active .as10d1-head-1 {
    font-size: 60px;
    line-height: 70px;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 {
    top: 25%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 video {
    min-height: 50vh;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 .as11d1d2-text-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
    width: 1600px !important;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .as12d1-seq-content-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-td-1 {
    max-width: 100%;
    margin: 0 0 15vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 .as13d1-head-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 .as13d2-head-1 {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .jsFooterMDiv1 {
    display: block !important;
  }
  .cs-innerMenu-btn-1 {
    display: none;
  }
  .multimech-sec6-resp-d-1, .multimech-sec6-resp-d-2, .multimech-sec6-resp-d-3 {
    display: none;
  }
}
@media (max-width: 767px) {
  #goTpButton {
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 20px;
  }
  #goTpButton::after {
    font-size: 1.8em;
    line-height: 50px;
    position: relative;
    bottom: 5px;
  }
  .main-header-area-1 .top-header-1 {
    padding: 16px 0px;
  }
  .cs-header-row-1 .cshr1-col-0 {
    max-width: 60px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    margin-bottom: 15px;
  }
  .cs-header-row-1 .cshr1-col-1 {
    max-width: calc(100% - 60px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 60px);
            flex: 0 0 calc(100% - 60px);
    margin-bottom: 15px;
    padding-left: 18%;
  }
  .cs-header-row-1 .cshr1-col-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .cs-mobile-search-1, .cs-header-lang-btn-1 {
    font-size: 14px;
  }
  .cs-menu-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-menu-1 li::after {
    padding-left: 5px;
    position: relative;
    top: 1px;
  }
  .cs-menu-1 a {
    font-size: 12px;
  }
  .cs-menu-1 a span {
    display: none;
  }
  .cs-menu-1 a i {
    font-size: 18px;
  }
  .cs-header-search-d-1 {
    top: 38px;
  }
  .cs-header-lang-div-1 {
    margin-top: 20px;
  }
  .cs-master-resp-sec-1 {
    display: block;
  }
  .cs-master-resp-content-sec-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
  }
  .cs-master-resp-img-sec-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cs-master-resp-img-sec-1 .cmris1AllI {
    display: none;
  }
  .cs-master-resp-img-sec-1 .cmris1I1 {
    display: block;
  }
  .section-container-1 .scroll-sequence__content {
    min-height: 800vh;
  }
  .cs-page-scroll-container-1 .scroll-sequence.section-area-1.bg-colored-1 {
    display: none !important;
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-1, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-2, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-3, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-4, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-5, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-6, .cs-page-scroll-container-1 .scroll-sequence__content .text-container-7 {
    display: none !important;
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-1.active .cs-scroll-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-1.active .cs-scroll-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-page-scroll-container-1 .scroll-sequence__content .text-container-5 .image-1 {
    top: 150px;
    max-height: 200px;
    width: auto;
  }
  .cs-scroll-head-2 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-scroll-head-3 {
    font-size: 100px;
    line-height: 110px;
  }
  .cs-scroll-head-4 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-scroll-head-5 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-scroll-div-fix-1 .text-d-6 {
    -webkit-transform: translate(-20vh, 30vh) !important;
            transform: translate(-20vh, 30vh) !important;
  }
  .cs-scroll-head-7 {
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 68px;
  }
  .cs-scroll-squence-f-1 .scroll-sequence__content {
    height: 2800px;
  }
  .cs-scroll-squence-f-1 .ca1-inner-1 .head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-scroll-squence-f-1 .ca1-inner-1 .all-image-1.image-5 {
    -webkit-transform: translateY(-50%) scale(0.7);
            transform: translateY(-50%) scale(0.7);
  }
  .cs-scroll-squence-f-1 .ca1-inner-1 .last-image-d-1.active img {
    right: 0% !important;
    -webkit-transform: translateY(-50%) scale(1) !important;
            transform: translateY(-50%) scale(1) !important;
  }
  .cs-resp-slider-1 .csrs1-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-resp-slider-1 .csrs1-h-area-1 {
    min-height: 165px;
  }
  .cs-resp-slider-1 .csrs1-desc-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .section-container-4 .section-4-text-d-2 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 {
    padding: 15px;
    position: unset;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 .head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .text-div-1 .desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .section-container-4 .section-4-text-d-2 .text-row-1 .image-d-1 {
    max-width: 275px;
    margin: 0 auto 20px;
  }
  .section-container-4 .section-4-text-d-3 {
    min-height: 88vh;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 {
    padding: 15px;
    top: 110%;
  }
  .section-container-4 .section-4-text-d-3 .text-row-1 .text-div-1 .desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-fixed-text-d-1.active .head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-fixed-text-d-1 .head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .section-container-7 .cs-section-7-bg-1 .head-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .section-container-7 .cs-section-7-bg-1.active .head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .section-container-7 .cs-section-7-bg-1 .desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .section-container-7 .cs-section-7-bg-1.active-2 {
    height: 260px;
  }
  .section-container-8 .content-cont-all-1 .head-1 {
    font-size: 38px;
    line-height: 46px;
  }
  .section-container-8 .content-cont-all-1 .head-2 {
    font-size: 38px;
    line-height: 46px;
  }
  .section-container-9 .section9-content-d1 .head-1 {
    font-size: 36px;
    line-height: 42px;
  }
  .section-container-9 .section9-content-d1 .head-1.active {
    left: 50%;
    top: 15%;
  }
  .section-container-9 .section9-content-d1 .head-2 {
    font-size: 36px;
    line-height: 42px;
    min-width: 250px;
    text-align: center;
  }
  .section-container-9 .section9-content-d1 .head-2.active {
    left: 50%;
    top: 85%;
  }
  .cs-page-scroll-container-1 .section-container-3 .scroll-sequence {
    display: none;
  }
  .cs-section-3-text-cont-1 {
    display: none;
  }
  .cs-section-3-resp-d-1 {
    min-height: 150vh;
  }
  .cs-section-3-resp-d-1 .cs3rep1-div-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
    padding: 60px 0px;
  }
  .section-container-7 .cs-section-7-bg-1 {
    background-size: cover !important;
  }
  .section-container-7 .cs-section-7-bg-1.active {
    background-size: cover !important;
  }
  .section-container-7 .scroll-sequence {
    background-color: #ffffff;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .scroll-sequence {
    display: none;
  }
  .cs-page-scroll-container-1 .section-container-10-1 .section10-text-d-1 {
    display: none !important;
  }
  .section-container-10-1 .scroll-sequence__content {
    min-height: 450vh;
  }
  .cs-section-10-1-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 0px 60px;
    background-color: #222222;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 {
    padding: 30px;
    min-height: 20vh;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-head-2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
  }
  .cs-section-10-1-resp-d-1 .resp-text-a-1 .rta1-desc-1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #86868B;
    margin-bottom: 0px;
  }
  .cs-section-10-1-resp-d-1 .resp-image-a-1 img {
    width: 100%;
  }
  .section-container-10-2 {
    display: none;
  }
  .section-11-all-text-d, .section-11-all-image-d {
    display: none !important;
  }
  .section-container-11 .scroll-sequence__content {
    min-height: 350vh;
  }
  .cs-section-11-resp-d-1 {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    padding: 80px 30px 60px;
    background-color: #ffffff;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 {
    max-width: 650px;
    margin: 0 auto 30px;
  }
  .cs-section-11-resp-d-1 .resp11-text-1 .resp11t1-head-1 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    color: #A3A3A3;
    margin: 0;
  }
  .cs-section-11-resp-d-1 .resp11-image-1 {
    text-align: center;
    min-height: 400px;
    margin: 0 auto;
    max-width: 450px;
    width: 100%;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 {
    padding-top: 30px;
    max-width: 650px;
    margin: 0px auto;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-head-1 {
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    color: #484848;
    margin-bottom: 10px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li {
    margin-right: 20px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #A3A3A3;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li:last-child {
    margin-right: 0px;
  }
  .cs-section-11-resp-d-1 .resp11-text-2 .resp11t2-mm-1 li.active {
    font-size: 32px;
    color: #9F86B5;
  }
  .cs-footer-row-1 .csfr1-col-1 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .cs-footer-row-1 .csfr1-col-1:last-child {
    text-align: left;
  }
  .cs-social-menu-1 {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding: 15px 0px 0px;
  }
  .cs-footer-1 {
    padding: 10px 0px;
  }
  .cs-footer-seo-1 {
    margin-bottom: 15px;
  }
  .cs-footer-menu-cont-1 {
    padding: 0px;
    border-bottom: 0;
  }
  .cs-copyright-text-1 {
    display: block;
    text-align: center;
  }
  .cs-footer-menu-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0px;
  }
  .cs-lang-text-1 {
    text-align: center;
  }
  .jsFooterhead1 {
    position: relative;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #707070;
  }
  .jsFooterhead1::after {
    content: "\e902";
    font-family: "bain" !important;
    font-size: 8px;
    line-height: 1;
    position: absolute;
    right: 4px;
    top: 6px;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .jsFooterhead1.active::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .jsFooterMDiv1 {
    display: none;
    background-color: #F5F5F5;
    padding: 10px;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 0.5px solid #707070;
  }
  .cs-footer-menu-1 {
    margin-bottom: 0;
  }
  .cs-footer-logo-1 {
    margin-bottom: 20px;
  }
  .cs-innerMenu-cont-1 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    top: 100%;
    background-color: #FAFAFA;
    border-top: 1px solid #707070;
    padding: 20px 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .cs-innerMenu-cont-1.active {
    opacity: 1;
    visibility: visible;
  }
  .cs-innerMenu-cont-1 .cs-innerMenu-1 {
    display: block;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    text-align: left;
  }
  .cs-innerMenu-cont-1 li {
    padding-bottom: 7px;
    margin-bottom: 7px;
    margin-right: 0;
    border-bottom: 1px solid #D0D0D0;
  }
  .cs-innerMenu-cont-1 li:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .cs-innerMenu-cont-1 li a {
    display: block;
  }
  .cs-innerMenu-row-1 .csimr1-col-1 {
    max-width: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 0px;
            flex: 0 0 0;
    padding: 0;
  }
  .cs-innerMenu-row-1 .csimr1-col-2 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .cs-innerHead-row-1 .csihr1-col-1 {
    max-width: calc(100% - 140px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 140px);
            flex: 0 0 calc(100% - 140px);
  }
  .cs-innerHead-row-1 .csihr1-col-2 {
    max-width: 140px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
  }
  .cs-innerLogo-row-1.active .csilr1-col-1 {
    max-width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
  }
  .cs-innerLogo-row-1.active .csilr1-col-2 {
    max-width: calc(100% - 100px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
            flex: 0 0 calc(100% - 100px);
  }
  .cs-page-head-h-1 {
    font-size: 18px;
    line-height: 22px;
  }
  .cs-scroll-head-1, .cs-scroll-head-2, .cs-scroll-head-3 {
    font-size: 80px;
    line-height: 88px;
  }
  .cs-scroll-desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-main-breadcrumb-1 li {
    font-size: 12px;
    max-width: 100px;
  }
  .cs-main-breadcrumb-1 li::before {
    font-size: 10px;
    padding: 0px 5px;
  }
  .cs-main-breadcrumb-1 li a {
    font-size: 10px;
  }
  .cs-management-container-1 {
    padding: 25px 0px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 {
    left: 10px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1.active {
    left: 10px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li {
    display: none;
    margin-right: 0px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li img {
    width: 142px;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li.active {
    display: block;
  }
  .cs-management-container-1 .content-container-1 .management-list-1 li.active img {
    width: 142px;
  }
  .cs-management-container-1 .content-div-1 {
    margin-bottom: 20px;
  }
  .cs-management-container-1 .content-div-1 .management-role-head-1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
  }
  .cs-management-container-1 .content-div-1 .management-say-1 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .cs-management-container-1 .content-div-1 .management-name-1 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0px;
  }
  .cs-management-container-1 .content-div-1 .story-d-1 {
    margin-bottom: 30px;
  }
  .cs-management-container-1 .content-div-1 .story-d-1 p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  .cs-management-container-1 .content-div-1 .story-d-1 h1, .cs-management-container-1 .content-div-1 .story-d-1 h2, .cs-management-container-1 .content-div-1 .story-d-1 h3, .cs-management-container-1 .content-div-1 .story-d-1 h4, .cs-management-container-1 .content-div-1 .story-d-1 h5, .cs-management-container-1 .content-div-1 .story-d-1 h6 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .cs-page-head-3 {
    font-size: 22px;
    line-height: 32px;
  }
  .cs-management-banner-1 {
    padding: 50px 0px 0px;
  }
  .cs-management-banner-1 .back-go-link-1 {
    left: 15px;
    top: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .cs-management-banner-1 .csmb1-cont-1 {
    padding: 0px;
  }
  .cs-management-banner-1 .csmb1-cont-1 .csmb1c1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .cs-management-banner-1 .csmb1-cont-1 .csmb1c1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-management-banner-1 .csmb1-cont-1 .head-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-management-banner-1 .csmb1-cont-1 .title-1 {
    font-size: 15px;
    line-height: 22px;
  }
  .cs-page-head-4 {
    font-size: 22px;
    line-height: 32px;
  }
  .cs-colored-slider-d-1 {
    padding: 15px 45px;
  }
  .cs-announcement-box-1 .date-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    border-right: 0;
    padding: 0px;
  }
  .cs-announcement-box-1 .text-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .cs-announcement-box-1 .date-text-1 {
    font-size: 16px;
    line-height: 20px;
    padding: 0px;
    text-align: left;
  }
  .cs-announcement-box-1 .info-text-1 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    max-height: 80px;
    min-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .announcementSlider1 .item:after {
    display: none;
  }
  .announcementSlider1.owl-theme .owl-nav {
    margin: 0;
  }
  .announcementSlider1.owl-theme .owl-nav [class*=owl-] {
    color: #707070;
    font-size: 20px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
  .announcementSlider1.owl-theme .owl-nav [class*=owl-].owl-prev {
    left: -35px;
  }
  .announcementSlider1.owl-theme .owl-nav [class*=owl-].owl-next {
    right: -35px;
  }
  .cs-inner-seo-d-1 {
    padding: 0px 15px;
  }
  .cs-page-head-5 {
    font-size: 25px;
    line-height: 35px;
  }
  .cs-full-c-row-1 {
    margin-bottom: 20px;
  }
  .cs-full-c-row-1 .csfcr1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-full-c-row-1 .csfcr1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-full-c-box-1 {
    margin-right: 0;
    padding: 25px 10px;
    max-width: 300px;
  }
  .cs-info-l-row-1 .csilr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
  .cs-info-l-row-1 .csilr1-col-1:nth-child(3), .cs-info-l-row-1 .csilr1-col-1:nth-child(9) {
    border-right: 0.2px solid #ffffff;
  }
  .cs-info-l-row-1 .csilr1-col-1:nth-child(2n) {
    border-right: 0;
  }
  .cs-link-box-1 .head-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-modal-1 .modal-dialog {
    padding: 15px;
  }
  .cs-modal-1 .modal-content {
    padding: 15px 10px 15px;
  }
  .cs-modal-head-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-modal-scroll-d-1 {
    max-height: 70vh;
  }
  .cs-page-text-banner-1 .head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-page-text-banner-1 .back-go-link-1 {
    left: 20px;
    top: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .cs-download-list-1 li a {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-download-list-1 li a::after {
    font-size: 20px;
  }
  .cs-bestSolutions-video-c-1 .text-container-1 .head-1 {
    font-size: 70px;
    line-height: 78px;
  }
  .cs-bestSolutions-video-c-1 .text-container-1 .sub-head-1 {
    font-size: 42px;
    line-height: 50px;
  }
  .cs-bestSolutions-video-c-1 .text-container-1 .desc-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-bestSolutions-area-2 {
    background-image: var(--bgMobile);
    height: 120vh;
  }
  .cs-bestSolutions-area-2 .content-container-1 {
    padding: 35px 15px;
  }
  .cs-bestSolutions-area-2 .content-container-1 .head-1 {
    display: block;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
  }
  .cs-bestSolutions-area-2 .content-container-1 .desc-1 {
    font-size: 14px;
    line-height: 22px;
  }
  .cs-bestSolutions-area-2 .content-container-1 .desc-1.text-1 {
    margin-top: 5vh;
    margin-bottom: 50px;
  }
  .cs-bestSolutions-area-3 {
    background-image: var(--bgMobile);
  }
  .cs-bestSolutions-area-3 .container {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .cs-bestSolutions-area-3 .content-container-1 {
    max-width: 380px;
    padding: 10vh 0 0;
  }
  .cs-bestSolutions-area-3 .content-container-1 .head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-bestSolutions-area-3 .content-container-1 .desc-1 {
    font-size: 14px;
    line-height: 22px;
  }
  .cs-bestSolutions-area-4 {
    border-radius: 25px;
    padding: 30px 0px 0px;
  }
  .cs-bestSolutions-area-4 .text-container-1 {
    margin-bottom: 50px;
  }
  .cs-bestSolutions-area-4 .head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-bestSolutions-area-4 .desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-scroll-head-8 {
    font-size: 37px;
    line-height: 48px;
  }
  .cs-scroll-desc-3 {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-scroll-change-h-2 {
    height: 162px;
    margin: 0;
  }
  .cs-scroll-change-p-2 {
    height: 70px;
  }
  .cs-bestSolutions-sec-5 .cs-bestSolutions-area-5.active .cs-scroll-head-8 {
    top: -185px;
  }
  .cs-bestSolutions-sec-5 .cs-bestSolutions-area-5.active .cs-scroll-desc-3 {
    top: -88px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .head-1 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 50px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .csbs6-row-1 .csbs6r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 {
    max-width: 300px;
    margin: 0 auto 40px;
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h1, .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h2, .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h3, .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h4, .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h5, .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 h6 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 li {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-sec-6 .cs-bestSolutions-area-6 .content-div-1 a {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
  }
  .cs-bestSolutions-sec-7 .cs-bestSolutions-area-7 {
    padding: 20px 0px 10px;
  }
  .cs-count-number-box-1 .head-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }
  .cs-count-number-box-1 .pr-row-1 .prr1-col-1::after {
    display: none;
  }
  .cs-count-number-box-1 .count-number-list {
    margin-bottom: 10px;
  }
  .cs-count-number-box-1 .count-number-list li {
    margin-right: 0;
    width: 40%;
    text-align: center;
  }
  .cs-count-number-box-1 .count-number-list .count-text-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-count-number-box-1 .pr-box-1 .head-1 {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-count-number-box-1 .pr-box-1 .head-2 {
    font-size: 14px;
    line-height: 20px;
  }
  .cs-bestSolutions-sec-9 .cs-bestSolutions-area-9 {
    padding: 20px 0px 10px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .main-div-area-1 {
    padding: 0px 0px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .csbs8-row-1 .csbs8r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 40px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 {
    max-width: 300px;
    margin: 0 auto 50px;
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h1, .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h2, .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h3, .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h4, .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h5, .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 h6 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 li {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-sec-8 .cs-bestSolutions-area-8 .content-div-1 a {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    padding-top: 20px;
  }
  .cs-bestSolutions-area-10 .content-div-1 h1, .cs-bestSolutions-area-10 .content-div-1 h2, .cs-bestSolutions-area-10 .content-div-1 h3, .cs-bestSolutions-area-10 .content-div-1 h4, .cs-bestSolutions-area-10 .content-div-1 h5, .cs-bestSolutions-area-10 .content-div-1 h6 {
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 20px;
  }
  .cs-bestSolutions-area-10 .content-div-1 p {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-area-10 .content-div-1 li {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-1.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffff;
    padding: 100px 0px 20px;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2 {
    padding-top: 10vh;
  }
  .cs-bestSolutions-area-10 .csbsa10-s-2.active {
    position: fixed;
    top: 0;
    z-index: 1;
    padding-top: 70vh;
  }
  .cs-form-area-1 .csfa1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-form-area-1 .csfa1-head-2 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-form-area-1 .cs-form-1 {
    padding-top: 10px;
  }
  .cs-form-area-1 .form-container-1 {
    max-width: 300px;
  }
  .cs-form-1 .form-info-text-1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .cs-quality-section-1 .hh-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-quality-section-1 .dd-desc-1 {
    max-width: 300px;
    font-size: 18px;
    line-height: 26px;
  }
  .cs-quality-section-1 .hh-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-quality-section-1 .logo-menu-1 {
    max-width: 300px;
    margin: 0 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-quality-section-1 .logo-menu-1 li {
    width: 25%;
    margin-bottom: 40px;
  }
  .cs-quality-section-1 .logo-menu-1 li:nth-child(3n) {
    margin-right: 0;
  }
  .cs-quality-section-1 .logo-menu-1 .img-dd-1 {
    width: 75px;
    height: 75px;
    margin-bottom: 15px;
  }
  .cs-tabs-1.nav-tabs .nav-link {
    min-width: 100px;
    padding: 0.5rem 1rem;
  }
  .cs-page-content-1 {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-page-content-1 p {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-page-content-1 h1, .cs-page-content-1 h2, .cs-page-content-1 h3, .cs-page-content-1 h4, .cs-page-content-1 h5, .cs-page-content-1 h6 {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-page-content-1 li {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-environment-section-1 .hh-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-environment-section-1 .hh-head-2 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-environment-section-1 .dd-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-environment-section-1 .play-pause-btn-1 {
    left: 82.5vw;
    top: 85vh;
  }
  .cs-environment-section-2 .container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-environment-section-2 .tt-div-1 .tt-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-environment-section-2 .tt-image-1.huge {
    width: 275px;
    height: 275px;
  }
  .cs-page-banner-2 {
    height: 120px;
  }
  .cs-assembly-tabs-area-1 {
    top: 76px;
  }
  .cs-assembly-tabs-container-1 {
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #F5F5F5;
    padding: 0px 15px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar {
    height: 5px;
    width: 5px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-track {
    background: #F5F5F5;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb {
    background: #BCBCBC;
    border-radius: 30px;
  }
  .cs-assembly-tabs-container-1::-webkit-scrollbar-thumb:hover {
    background: #888888;
  }
  .cs-assembly-tabs-1.nav-tabs {
    width: 920px;
  }
  .cs-assembly-tabs-1.nav-tabs .nav-item {
    padding-top: 0px;
  }
  .cs-assembly-tabs-1.nav-tabs .nav-item .nav-link img {
    max-height: 100px;
  }
  .cs-assembly-tabs-1.nav-tabs .nav-item .nav-link p {
    margin: 0;
  }
  .cs-video-box-1 .image-dd-1 img {
    max-height: 202px;
    width: 100%;
  }
  .cs-assembly-tabs-content-area-1 .csatca-row-1 .csatcar1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-assembly-tabs-content-area-1 .csatca-cont-1 {
    padding: 55px 15px 5px;
  }
  .cs-head-1 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  .cs-manuals-box-1 .head-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-manuals-box-1 .link-1, .cs-manuals-box-1 .link-2 {
    font-size: 12px;
    line-height: 18px;
  }
  .cs-marketing-section-1 {
    padding: 40px 0px 0px;
  }
  .cs-marketing-section-2 {
    padding: 0px 0px 20px;
  }
  .cs-marketing-head-1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  .cs-marketing-desc-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-marketing-select-cont-1 {
    position: relative;
    top: auto;
    padding: 30px 0px;
    margin-bottom: 0px;
  }
  .cs-global-desc-1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .cs-color-line-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-color-line-head-2 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-color-line-head-3 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-color-line-head-4 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-color-line-head-5 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 18%;
    font-weight: 400;
  }
  .cs-color-line-head-6 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-color-line-head-7 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-color-line-head-8 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-color-line-head-9 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-color-line-head-10 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
  }
  .cs-color-line-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-color-line-desc-2 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-color-line-section-1 {
    min-height: 28vh;
  }
  .cs-color-line-section-2 {
    height: 55vh;
    min-height: 55vh;
  }
  .cs-color-line-section-2 video {
    height: 55vh;
  }
  .cs-color-line-section-3 {
    min-height: 35vh;
  }
  .cs-color-line-section-3.active {
    padding-top: 0px;
  }
  .cs-color-line-section-3 .section-g-b-d-1 {
    min-height: 35vh;
    border-radius: 25px 25px 0px 0px;
  }
  .cs-color-line-section-4 {
    min-height: 50vh;
  }
  .cs-color-line-section-4 .bg-w-text-d-1 {
    height: 50vh;
  }
  .cs-color-line-section-5 .cs-color-line-head-6 {
    padding-top: 18%;
  }
  .cs-color-line-section-5 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(0vw, 25vh);
            transform: translate(0vw, 25vh);
  }
  .cs-color-line-section-5 .text-cont-1 {
    padding-top: 4vh;
  }
  .cs-color-line-section-6 .image-cont-1.active img {
    -webkit-transform: translateX(-2vw);
            transform: translateX(-2vw);
  }
  .cs-color-line-section-7 .text-cont-1 {
    max-width: 500px;
  }
  .cs-color-line-section-7 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(-24vw, 25vh);
            transform: translate(-24vw, 25vh);
  }
  .cs-color-line-section-7 .cs-color-line-head-6 {
    padding-top: 18%;
  }
  .cs-color-line-section-8 .text-cont-1 {
    max-width: 500px;
    padding-top: 4vh;
  }
  .cs-color-line-section-8 .cscl-image-d-1 {
    top: 16vh;
  }
  .cs-color-line-section-8 .cscl-image-d-1.active-2 img {
    -webkit-transform: translate(10vw, 0vh);
            transform: translate(10vw, 0vh);
    width: 84%;
    min-height: auto;
  }
  .cs-color-line-section-8 .cscl-image-d-1.active img {
    -webkit-transform: translateX(10vw);
            transform: translateX(10vw);
    width: 84%;
    min-height: auto;
  }
  .cs-color-line-section-8 .cs-color-line-head-6 {
    padding-top: 18%;
  }
  .cs-color-line-section-9 .cscl-content-aa-1.active-2 .image-div-1 img {
    -webkit-transform: translate(5vw, 30vw);
            transform: translate(5vw, 30vw);
    width: 100%;
  }
  .cs-color-line-section-10 {
    min-height: 80vh;
  }
  .cs-color-line-section-10 .head-div-1 {
    min-height: 25vh;
  }
  .cs-color-line-section-10 .image-div-1 {
    height: 50vh;
  }
  .cs-color-line-section-11 .text-cont-1 {
    padding: 20% 15px 0px;
  }
  .cs-color-line-section-11 .image-cont-1 {
    margin-top: -44vh;
  }
  .cs-color-line-section-11 .image-cont-1 img {
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-color-line-section-12 {
    min-height: 85vh;
  }
  .cs-color-line-section-12 .image-div-1 img {
    -webkit-transform: translateX(6vw);
            transform: translateX(6vw);
  }
  .cs-color-line-section-13 .text-cont-1 {
    padding-top: 4vh;
  }
  .cs-color-line-section-13 .cscl-image-d-1 {
    top: 32vh;
  }
  .cs-color-line-section-13 .cscl-image-d-1.active-2 img, .cs-color-line-section-13 .cscl-image-d-1.active img {
    -webkit-transform: translate(-22vw, 0vh);
            transform: translate(-22vw, 0vh);
    width: 80%;
    min-height: auto;
  }
  .cs-color-line-section-13 .cs-color-line-head-6 {
    padding-top: 18%;
  }
  .cs-color-line-section-14 .image-cont-1 {
    background-position: 90% 100% !important;
    height: 50vh;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-color-line-section-14 .image-cont-1 .text-cont-1 {
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-color-line-section-15 .head-div-1 {
    min-height: 25vh;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-15 .text-div-1 {
    padding: 18% 15px 15px;
  }
  .cs-color-line-section-15 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-15 .text-div-1 .head-1 {
    font-size: 46px;
    line-height: 54px;
  }
  .cs-color-line-section-15 .text-div-1 .image-area-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cs-color-line-section-15 .text-div-1 .button-area-1 ul li {
    width: 100%;
  }
  .cs-color-line-section-15 .text-div-1 .button-area-1 ul li::after {
    display: none;
  }
  .cs-color-line-section-15 .text-div-1 .button-area-1 ul li button {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-color-line-section-15 .text-div-1 .button-area-1 ul li.active button {
    font-size: 20px;
  }
  .cs-color-line-section-16 .head-div-1 {
    min-height: 25vh;
  }
  .cs-color-line-section-16 .image-div-1 {
    background-position: 35% 100% !important;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .other-cont-1 .other-row-1 .otc-1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-color-line-section-16 .text-div-1 {
    padding: 18% 15px 15px;
  }
  .cs-color-line-section-16 .text-div-1 .head-area-1 {
    max-width: 320px;
  }
  .cs-color-line-section-16 .text-div-1 .head-1 {
    ont-size: 46px;
    line-height: 54px;
  }
  .cs-color-line-section-16 .text-div-1 .image-area-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cs-color-line-section-16 .text-div-1 .button-area-1 ul li {
    width: 100%;
  }
  .cs-color-line-section-16 .text-div-1 .button-area-1 ul li::after {
    display: none;
  }
  .cs-color-line-section-16 .text-div-1 .button-area-1 ul li button {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-color-line-section-16 .text-div-1 .button-area-1 ul li.active button {
    font-size: 20px;
  }
  .strategic-banner {
    height: 371px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .strategic-banner .strategicblur {
    height: 100px;
    width: 100%;
    -webkit-backdrop-filter: saturate(180%) blur(15px);
            backdrop-filter: saturate(180%) blur(15px);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0px 40px;
  }
  .strategic-banner .strategicprocess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .strategic-banner .strategicprocess .strategicprocessh2 {
    font-size: 22px !important;
    font-weight: medium;
  }
  .training-container {
    overflow-x: hidden;
  }
  .training-container .col-md-6 b {
    font-size: 20px;
  }
  .training-container .col-md-6 p {
    font-weight: medium;
  }
  .training-container .col-md-6 ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .training-container .col-md-5 {
    position: relative;
  }
  .training-container .col-md-5 .strategicbg1 {
    position: absolute;
    height: 90%;
    right: -80%;
    width: 100%;
    top: 80px;
  }
  .selectioncontainer {
    position: relative;
  }
  .selectioncontainer .col-md-6 img {
    position: static;
    width: 100%;
  }
  .selectioncontainer.talent {
    overflow: hidden;
  }
  .selectioncontainer.talent .col-md-6 img {
    position: static;
    width: 100%;
  }
  .recruitmentcontainer {
    margin-top: 150px;
    margin-bottom: 30px;
    background: #F5F5F5;
    border-radius: 45px 45px 0 0;
    padding-bottom: 80px;
  }
  .recruitmentcontainer h2.underline {
    border-bottom: 1px solid;
    padding-bottom: 8px;
    font-size: 22px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .recruitmentcontainer h2.underline span {
    font-size: 22px;
    font-weight: 900;
    margin-left: 15px;
  }
  .recruitmentcontainer center .recruitmenth2 {
    font-size: 38px;
    color: #262626;
  }
  .cs-eventcalendar .cs-eventcalendar-oldevents {
    padding: 15px 0;
  }
  .cs-eventcalendar .cs-eventcalendar-row-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-eventcalendar .cs-eventcalendar-title {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-eventcalendar .cs-eventcalendar-banner {
    height: 350px;
  }
  .cs-eventcalendar .cs-eventcalendar-oldevents .cs-eventcalendar-oldevents-item0 {
    height: 220px;
    margin-bottom: 15px;
  }
  .cs-eventcalendar .cs-eventcalendar-oldevents .cs-oldevents-main .cs-oldevents-content0 {
    max-width: 100%;
    height: 220px;
    border-radius: 0;
  }
  .cs-newsdetail {
    padding: 0 0 50px 0;
  }
  .cs-newsdetail .cs-newsdetail-left .cs-newsdetail-text1 {
    font-size: 13px;
    line-height: 21px;
  }
  .cs-newsdetail .cs-newsbackground {
    display: none;
  }
  .cs-newsdetail .cs-newsdetailmain .cs-newsdetail-right {
    padding-left: 15px;
  }
  .cs-newsdetail .cs-newsdetailmain .cs-newsdetail-right img {
    margin: 0 auto;
  }
  .cs-news .cs-newsbanner {
    height: 60vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-news .cs-newsbanner .cs-newsbanner-left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-news .cs-newsbanner .cs-newsbanner-left .cs-newbanner-textbox {
    padding: 30px 10px;
  }
  .cs-news .cs-newsbanner .cs-newsbanner-left .cs-newbanner-textbox .cs-newbanner-textbox-title {
    font-size: 35px;
    line-height: 43px;
    color: #11142D;
    font-weight: 700;
  }
  .cs-news .cs-newslist {
    margin: 30px 0 30px 0;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left {
    padding: 50px 20px;
    margin-bottom: 20px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left .cs-relatedtopics-left-textbox {
    max-width: 100%;
    padding: 0 10px;
    margin-right: 0px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left .cs-relatedtopics-left-textbox .cs-relatedtopics-left-title {
    font-size: 25px;
    line-height: 33px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-left .cs-relatedtopics-left-textbox .cs-relatedtopics-left-desc {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-right #owl-carousel-relatedtopics {
    padding: 0 20px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-right #owl-carousel-relatedtopics .owl-nav button.owl-next {
    right: 5px;
  }
  .cs-news .cs-relatedtopics .cs-relatedtopics-main .cs-relatedtopics-right #owl-carousel-relatedtopics .owl-nav button.owl-prev {
    left: 5px;
  }
  .cs-careeratsamet .humanrightcontainer {
    padding: 15px !important;
  }
  .humanin-samet .humanlistcontainer {
    border-right: none;
  }
  .cs-careeratsamet hr {
    display: none;
  }
  .cs-careeratsamet .cs-careeratsamet-content {
    padding: 0 0;
  }
  .cs-careeratsamet .cs-careeratsamet-content .cs-careeratsamet-contentimage {
    margin-bottom: 30px;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .cs-careeratsamet .cs-careeratsamet-content .col-lg-7 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-careeratsamet .cs-careeratsamet-content .col-lg-5 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .cs-veriislemepolitikasi .cs-veriislemecontent {
    padding: 0;
  }
  .cs-veriislemepolitikasi .humanrightcontainer {
    border: none;
    padding: 0 !important;
    border-radius: 20px;
  }
  .cs-ilgilikisiformu .cs-ilgilikisiformucontent {
    padding: 0;
  }
  .cs-ilgilikisiformu .humanrightcontainer {
    border: none;
    padding: 0 !important;
    border-radius: 20px;
  }
  .cs-ziyaretcimetni .cs-ziyaretcimetnicontent {
    padding: 0;
  }
  .cs-ziyaretcimetni .humanrightcontainer {
    border: none;
    padding: 0 !important;
    border-radius: 20px;
  }
  .cs-cerezpolitikasi .cs-cerezpolitikasicontent {
    padding: 0;
  }
  .cs-cerezpolitikasi .humanrightcontainer {
    border: none;
    padding: 0 !important;
    border-radius: 20px;
  }
  .cs-side-mount-f-menu-1 {
    display: none;
  }
  .cs-simo-i-d-2.active img {
    -webkit-transform: translateY(-76%);
            transform: translateY(-76%);
  }
  .cs-simo-i-d-2.deactive img {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .cs-side-mount-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-side-mount-head-2 {
    font-size: 26px;
    line-height: 32px;
  }
  .cs-side-mount-head-4 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-side-mount-head-3 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-side-mount-head-5 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-side-mount-head-6 {
    font-size: 60px;
    line-height: 68px;
  }
  .cs-side-mount-head-8 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-side-mount-head-9 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-simo-i-d-1.deactive .cs-side-mount-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-simo-cat-box-1 .text-div-1 .head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 {
    padding: 12vh 15px 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 50px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 {
    position: relative;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1 {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
    width: 100%;
    position: unset;
    margin: 0;
    text-align: center;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .head-1::before {
    top: 30%;
    margin-left: 0;
    height: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .ssi-icon-box-1 .image-div-1 img {
    max-height: 70px;
    max-width: 100px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:first-child .ssi-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:last-child .ssi-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-side-mount-sec-3 .slide-system-icon-cont-1 .slide-system-i-row-1 .ssir1-col-1:last-child .ssi-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-side-mount-sec-5 {
    min-height: 100vh;
    background-size: contain !important;
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 {
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
  }
  .cs-page-scroll-container-1 .scroll-sequence.left-ss-1 canvas {
    width: auto !important;
    height: 750px !important;
    -webkit-transform: translateY(-22vh);
            transform: translateY(-22vh);
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .ss-sec-6-1-tt {
    max-width: 100%;
    -webkit-transform: translateY(8vh);
            transform: translateY(8vh);
    margin: 0 auto;
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .cssm6-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .cssm6-menu-1 {
    margin: 2rem 0;
  }
  .cs-side-mount-sec-6 .text-sec-6-1 .cssm6-menu-1 li {
    font-size: 20px;
    line-height: 26px;
  }
  .cs-side-mount-sec-7 .sticky-image-1 {
    left: 50%;
  }
  .cs-side-mount-sec-7 .sticky-text-1 .text-a-1 {
    margin: 0;
    -webkit-transform: translateY(15vh);
            transform: translateY(15vh);
  }
  .cs-side-mount-sec-7 .sticky-text-1 .text-a-1 .stt-head-1 {
    font-size: 26px;
    line-height: 32px;
  }
  .cs-side-mount-sec-9.active .cs-side-mount-head-8 {
    margin-bottom: 150px;
    font-size: 30px;
    line-height: 38px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 {
    top: 28%;
    right: 6%;
    max-width: 320px;
  }
  .cs-side-mount-sec-9 .cssm-text-m-1.left-side-active {
    -webkit-transform: translate(0%, -35%);
            transform: translate(0%, -35%);
  }
  .cs-side-mount-sec-9 .cssm-text-m-1 li {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .cs-side-mount-sec-11 .row {
    padding-top: 30px;
  }
  .cs-side-mount-sec-11 .cssm-text-m-1 li {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .cs-compare-sec-1 img {
    margin-bottom: 25px;
    min-height: 95px;
  }
  .cs-compare-sec-1 .pr-head-1 {
    font-size: 18px;
  }
  .cs-compare-div-1 {
    padding: 30px 0px 0px;
  }
  .cs-seo-head-1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .cs-compare-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-compare-row-1 {
    padding: 20px 0px 0px;
  }
  .cs-compare-row-1 .cscr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 40px;
  }
  .cs-compare-row-1 .cscr1-col-1:nth-child(3)::after {
    display: none;
  }
  .cs-seo-div-1 {
    padding: 20px 0px 20px;
  }
  .cs-seo-img-link-1 {
    font-size: 12px;
    line-height: 18px;
  }
  .cs-hinge-sys-cat-sec-1 .cs-hinge-head-1 {
    font-size: 52px;
    line-height: 60px;
  }
  .cs-hinge-sys-cat-sec-1 .cshsisec-cont-1 {
    max-width: 900px;
    padding: 140px 15px 50px;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1::before {
    margin-left: 0 !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    height: 50px !important;
    top: -65px !important;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 6vh;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1 {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hinge-system-i-row-1 .hingesir1-col-1:last-child .hsi-icon-box-1 .head-1::before {
    margin-left: 0;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-70px);
            transform: translateY(-70px);
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1.active .image-div-1 img {
    width: 100%;
    max-width: 100%;
  }
  .cs-hinge-sys-cat-sec-1 .hsi-icon-box-1 .head-1 {
    font-size: 22px;
    line-height: 30px;
    position: relative;
    margin: 0;
    text-align: center;
  }
  .cs-hinge-sys-cat-box-1 {
    margin-bottom: 40px;
  }
  .cs-hinge-sys-cat-box-1 .hs-head-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-hinge-sys-cat-box-2 {
    margin-bottom: 40px;
  }
  .cs-hinge-sys-cat-box-2 .hs-head-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-hinge-sys-cat-box-2 .hs-img-div-1 img {
    max-height: 120px;
    width: auto;
  }
  .cs-hinge-cat-row-1 .cshcr1-col-1 {
    max-width: 150px;
    -ms-flex: 0 0 150px;
    -webkit-box-flex: 0;
            flex: 0 0 150px;
  }
  .cs-hinge-cat-row-1 .cshcr1-col-2 {
    max-width: calc(100% - 150px);
    -ms-flex: 0 0 calc(100% - 150px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 150px);
  }
  .cs-hinge-cat-upSide-1 {
    min-height: 90vh;
  }
  .cs-hinge-cat-downSide-1 {
    min-height: 90vh;
  }
  .cs-hinge-sys-f-menu-1 {
    display: none;
  }
  .cs-hinge-sys-cat-sec-1 .cs-hinge-sys-in-sec-1 {
    min-height: 50vh;
  }
  .cs-hinge-sys-cat-sec-1 .cs-hinge-sys-in-sec-1.active .image-div-c-1 {
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  .cs-hinge-sys-cat-sec-1 .cs-hinge-sys-in-sec-1.active .text-div-c-1 {
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  .cs-hinge-sys-cat-sec-1 .image-div-c-1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-hinge-head-2 {
    font-size: 50px;
    line-height: 52px;
  }
  .cs-hinge-in-sec-2 .cshis2-text-c-1 .cont-ct-1 {
    display: none;
  }
  .cs-hinge-in-sec-5 .cshis5-in-1 .cshis5-cont-1 .cs-scroll-change-h-3.jsHSP45Head2 {
    top: 60%;
    max-width: 350px;
    height: 200px;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 {
    min-height: auto;
  }
  .cs-hinge-sys-prd-4 .cshi6f-d-text-1 .cs-scroll-change-h-4 {
    display: none;
  }
  .cs-hinge-resp-prd-2-1 {
    padding: 20px 0px;
  }
  .cs-hinge-resp-prd-2-1 .cshrpr21-head-1 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-hinge-resp-prd-2-1 .cshrpr21-text-d-1 p {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-hinge-resp-prd-2-1 .cshrpr21-text-d-1 a {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-hinge-resp-prd-3-1 {
    padding: 20px 0px;
  }
  .cs-hinge-resp-prd-3-1 .cshrpr31-head-1 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h1, .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h2, .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h3, .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h4, .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h5, .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 h6 {
    font-size: 32px;
    line-height: 44px;
  }
  .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 p {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-hinge-resp-prd-3-1 .cshrpr31-text-d-1 a {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-hinge-resp-prd-4-1 {
    padding: 20px 0px;
  }
  .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h1, .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h2, .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h3, .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h4, .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h5, .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 h6 {
    font-size: 32px;
    line-height: 44px;
  }
  .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 p {
    font-size: 16px;
    line-height: 22px;
  }
  .cs-hinge-resp-prd-4-1 .cshrpr41-text-d-1 a {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-hinge-in-sec-8 .cshis8-head-1 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-hinge-in-sec-8 .cshis8-head-2 {
    font-size: 68px;
    line-height: 80px;
  }
  .cs-hinge-resp-prd-5-1 .cshrpr51-img-d-1 {
    margin-bottom: 30px;
  }
  .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h1, .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h2, .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h3, .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h4, .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h5, .cs-hinge-resp-prd-5-1 .cshrpr51-head-d-1 h6 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h1, .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h2, .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h3, .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h4, .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h5, .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 h6 {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-5-1 .cshrpr51-text-d-1 p {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-hinge-resp-prd-6-1 .cshrpr61-img-d-1 {
    margin-bottom: 30px;
  }
  .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h1, .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h2, .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h3, .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h4, .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h5, .cs-hinge-resp-prd-6-1 .cshrpr61-head-d-1 h6 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h1, .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h2, .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h3, .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h4, .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h5, .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 h6 {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-6-1 .cshrpr61-text-d-1 p {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-sticky-d-1 {
    padding: 100px 0px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-img-d-1 {
    margin-bottom: 30px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-mm-l-1 {
    position: unset;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    margin: 0 auto;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-mm-l-1 li {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h1, .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h2, .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h3, .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h4, .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h5, .cs-hinge-resp-prd-7-1 .cshrpr71-head-d-1 h6 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h1, .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h2, .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h3, .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h4, .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h5, .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 h6 {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-7-1 .cshrpr71-text-d-1 p {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-img-d-1 {
    margin-bottom: 30px;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-mm-l-1 li {
    margin-right: 0;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-mm-l-1 li img {
    max-height: 180px;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h1, .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h2, .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h3, .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h4, .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h5, .cs-hinge-resp-prd-8-1 .cshrpr81-head-d-1 h6 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h1, .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h2, .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h3, .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h4, .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h5, .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 h6 {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-resp-prd-8-1 .cshrpr81-text-d-1 p {
    font-size: 18px;
    line-height: 24px;
  }
  .cs-hinge-in-sec-12 .sec-12-head-1 {
    font-size: 38px;
    line-height: 48px;
  }
  .cs-hinge-in-sec-12 .sec-12-mm-l-1 li {
    padding: 0px 5px;
    width: 50%;
  }
  .cs-hinge-in-sec-12 .sec-12-mm-l-1 li a {
    font-size: 32px;
    line-height: 42px;
  }
  .cs-hinge-in-sec-13 .sec-13-cont-1 .cs-scroll-change-p-3 {
    top: 110px;
  }
  .cs-hinge-in-sec-13 .sec-13-cont-1 .line-div-1::after {
    width: 130px;
    bottom: -1vw;
  }
  .cs-hinge-in-sec-14 .sec-14-head-1 {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-hinge-in-sec-14 .sec-14-head-2 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-hinge-in-sec-14 .sec-14-desc-1 {
    font-size: 16px;
    line-height: 26px;
  }
  .cs-hinge-in-sec-15 .sec-15-imd-1 img {
    height: auto;
    top: 8vh;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1, .cs-hinge-in-sec-15 .sec-15-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 45%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-head-1 {
    font-size: 28px;
    line-height: 38px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-desc-1 {
    font-size: 16px;
    line-height: 26px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-1 .sc15-mm-1 li {
    font-size: 38px;
    line-height: 46px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 .sc152-head-1 {
    font-size: 28px;
    line-height: 38px;
  }
  .cs-hinge-in-sec-15 .sec-15-txd-2 .sc152-desc-1 {
    font-size: 16px;
    line-height: 26px;
  }
  .cs-hinge-in-sec-16 .sec-16-imd-1 img {
    height: auto;
    top: 8vh;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1, .cs-hinge-in-sec-16 .sec-16-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 45%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-head-1 {
    font-size: 28px;
    line-height: 38px;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-desc-1 {
    font-size: 16px;
    line-height: 26px;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-16 .sec-16-txd-1 .sc16-mm-1 li {
    font-size: 38px;
    line-height: 46px;
    width: 33.3333333333%;
    margin-right: 0px;
  }
  .cs-hinge-in-sec-17 .sec-17-imd-1 img {
    height: auto;
    top: 8vh;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1, .cs-hinge-in-sec-17 .sec-17-txd-2 {
    max-width: 1000px;
    right: auto;
    left: 50%;
    top: 45%;
    width: 100%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    text-align: center;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1.left-side-1 {
    right: auto;
    left: 50%;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 .sc17-mm-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-hinge-in-sec-17 .sec-17-txd-1 .sc17-mm-1 li {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-slider-1 .slider-container-1 {
    height: 200px;
  }
  .cs-slider-1 .text-div-1 {
    max-width: 350px;
  }
  .cs-slider-1 .text-div-1 .head-1 {
    font-size: 14px;
    line-height: 24px;
  }
  .cs-slider-1 .text-div-1 .head-2 {
    font-size: 18px;
    line-height: 28px;
  }
  .cs-hmpg-ani-d-1 {
    padding: 0;
  }
  .cs-hmpg-ani-d-1 .cshmphad1-txt-d-1 p {
    font-size: 14px;
    line-height: 24px;
  }
  .cs-hmpg-ani-d-1 .cshmphad1-row-1 .cshmphad1r1-col-1, .cs-hmpg-ani-d-1 .cshmphad1-row-1 .cshmphad1r1-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-bottom: 15px;
  }
  .cs-hmpg-ani-d-1 .cshmphad1-in-row-1 .cshmphad1ir1-col-1 {
    max-width: calc(100% - 160px);
    -ms-flex: 0 0 calc(100% - 160px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 160px);
  }
  .cs-hmpg-ani-d-1 .cshmphad1-in-row-1 .cshmphad1ir1-col-2 {
    max-width: 160px;
    -ms-flex: 0 0 160px;
    -webkit-box-flex: 0;
            flex: 0 0 160px;
  }
  .cs-hmpg-ani-d-1.active .cshmphad1-image-1 {
    left: -40px;
    top: 0;
  }
  .cs-hmpg-ani-d-1.active .cshmphad1-image-1 img {
    max-height: 600px;
  }
  .cs-hmpg-ani-d-1 .jsSHRowD1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-rb-grad-head-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-hmpg-section-2 {
    padding: 30px 0px 15px;
  }
  .cs-hmpg-section-3 {
    padding: 0px 0px 15px;
  }
  .cs-count-number-box-2 .count-number-list .count-text-1 {
    font-size: 24px;
    line-height: 34px;
  }
  .cs-count-number-box-2 .count-number-list .count-text-2 {
    font-size: 12px;
    line-height: 22px;
  }
  .cs-rb-grad-head-3 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-rb-grad-head-2 {
    font-size: 16px;
    line-height: 28px;
  }
  .cs-hmpg-section-4 {
    background-color: #F5F5F5;
  }
  .cs-hmpg-section-4 .cs-product-groups-box-1 {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 6px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.07);
  }
  .cs-hmpg-video-c-1 .image-cont-1 img {
    max-width: 90%;
  }
  .cs-image-box-2.top-line-1 .content-cont-1 {
    top: 50%;
  }
  .cs-image-box-2.bottom-line-1 .content-cont-1 {
    bottom: auto;
    top: 50%;
  }
  .cs-image-box-2 .content-cont-1 {
    width: 100%;
  }
  .cs-image-box-2 .content-cont-1 .head-1 {
    font-size: 28px;
    line-height: 38px;
  }
  .cs-hmpg-section-5 {
    padding: 50px 0px;
  }
  .cs-hmpg-section-6 .row .csm-col-all:nth-child(2), .cs-hmpg-section-6 .row .csm-col-all:nth-child(3) {
    padding: 0;
  }
  .cs-hmpg-section-6 .row .csm-col-all:nth-child(2) .cs-image-box-2, .cs-hmpg-section-6 .row .csm-col-all:nth-child(3) .cs-image-box-2 {
    margin-bottom: 15px;
  }
  .cs-hmpg-section-7 .text-box-1 {
    padding: 20px 0px 10px;
  }
  .cs-grey-lb-1, .cs-white-lb-1 {
    min-height: 40px;
  }
  .cs-head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-american-types-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-american-types-head-2 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-american-types-head-3 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-american-types-head-4 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-american-types-head-5 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-american-types-head-6 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-american-types-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-desc-2 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-hr-1 {
    margin: 20px auto;
  }
  .cs-american-types-prd-1 .sec-inner-cont-1 {
    padding: 55px 0px 20px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-2 {
    display: none;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-1 .sec-inner-cont-2 {
    padding: 120px 15px 50px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .text-div-1 {
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0px 15px 0px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 {
    top: auto;
    bottom: -5px;
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-video-1 video {
    height: auto;
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-2 .bg-gradient-1 {
    width: 100%;
    height: 70%;
    background: rgb(203, 192, 173);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(203, 192, 173)), color-stop(60%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgb(203, 192, 173) 0%, rgba(255, 255, 255, 0) 60%);
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 {
    min-height: 200vh;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .text-div-2 {
    position: absolute;
    top: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 580px;
    padding: 0px 15px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 {
    height: auto;
    top: 78vh;
    z-index: 1;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .image-div-1 img {
    height: auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-4 .bg-gradient-2 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .bg-gradient-3 {
    width: 100%;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .text-div-4 {
    max-width: 92%;
    width: 100%;
    position: unset;
    left: auto;
    bottom: auto;
    z-index: 3;
    text-align: left;
    margin: 0 auto;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .text-div-3 {
    padding-bottom: 0px;
  }
  .cs-american-types-prd-2 .sec-at-2-cont-5 .sat2c5-cont-1 .scroll-sequence__content {
    min-height: 100vh;
  }
  .cs-american-types-prd-2 .mb-image-d-1 img {
    width: 700px;
  }
  .cs-american-types-head-7, .cs-american-types-head-8 {
    font-size: 28px;
    line-height: 40px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 {
    position: unset;
    min-height: auto;
    padding: 120px 0px 30px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3-content-a-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 80px 0px 20px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-2 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-abt-1 .abt-hh-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 {
    position: unset;
    left: auto;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-img-1 img {
    max-height: 250px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-hh-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-2 .sat3c2-tt-d-1 .tt-pp-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence__content {
    margin: 0;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 {
    bottom: 100px;
    left: 50%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 .sst2abd1-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2 .sst2-ab-d-1 .sst2abd1-hh-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-tt-1 {
    opacity: 1;
    visibility: visible;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-3 .sat3c3-cont-1 .scroll-sequence-tt-2.deactive .sst2-ab-d-1 .sst2abd1-hh-1 {
    opacity: 1;
    -webkit-transform: translateY(0vh);
            transform: translateY(0vh);
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-vh-1 .sat3cont4-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 .sat3cont4-hh-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-tt-d-1 .sat3cont4-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-4 .sat3cont4-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 {
    min-height: 100vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-vh-1 .sat3cont5-hh-2 {
    display: none;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-v-1.deactive video {
    width: 100%;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 {
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    bottom: 18vh;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 .sat3cont5-hh-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-tt-d-1 .sat3cont5-tt-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-american-types-prd-3 .sec-at-3-cont-5 .sat3cont5-c-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-fitting-sys-main-d-1 {
    z-index: 9;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge {
    min-height: auto;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge .cs-title-main {
    margin-top: 0 !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge .cs-fhh-title {
    font-size: 25px;
    line-height: 33px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge-center {
    min-height: 70vh;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 {
    min-height: 130vh;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-fitting-horizantal-hinge {
    opacity: 1;
    visibility: visible;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .sec-8-con-1 {
    min-height: 30vh;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .sec-8-con-1 .top-side-sec8-1 {
    height: 30vh;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .sec-8-con-1 .bottom-side-sec8-1 {
    display: none !important;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-fit-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-8 .cs-fit-head-1 span {
    font-size: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge-title {
    background: none !important;
    margin: 0 !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-horizantal-hinge-title .cs-title-main {
    font-size: 20px !important;
    line-height: 28px !important;
    background-color: #f3ec78;
    background: linear-gradient(45deg, rgb(39, 180, 180) 0%, rgb(0, 85, 85) 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fhh-img-first img, .cs-fitting-sys-main-d-1 .cs-fhh-img-second img, .cs-fitting-sys-main-d-1 .cs-fhh-img-third img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-fitting-sys-main-d-1 .cs-hinge-in-sec-9 {
    display: none;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 {
    min-height: 550vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    min-height: 85vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-text-3-titlebox {
    position: relative;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-text-3-titlebox .cs-text3-title {
    font-size: 36px;
    text-align: center;
    max-width: 350px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist {
    margin-top: 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist .cs-imgbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem::after {
    width: 120px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-3 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem img {
    width: 130px;
    height: 120px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 {
    position: relative;
    min-height: 80vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .cs-titlebox-1 {
    font-size: 22px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .cs-titlebox-2 {
    font-size: 35px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .cs-sec-10-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 28px;
    margin-top: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-1 .sec-10-cont-1 {
    position: relative;
    -webkit-transform: translate(0);
            transform: translate(0);
    top: 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-sec10-img1 {
    height: 30vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .cs-sec10-img2 {
    height: 30vh;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 {
    position: relative;
    min-height: 65vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-desc-1 {
    font-size: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-desc-1 span {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 28px;
    margin-top: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec-10-text-1-desc-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-10 .sec-10-text-2 .cs-sec10-text-titlebox {
    display: none;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-11 {
    display: none;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 {
    min-height: 235vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-text-titlebox {
    margin-top: 55px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-text-titlebox .cs-titlebox-1 {
    font-size: 22px;
    line-height: 30px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-text-titlebox .cs-titlebox-2 {
    font-size: 35px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox {
    position: relative;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-textlist .cs-textlist-content .cs-textlist-content-text {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-textlist .cs-borderline {
    width: 120px;
    margin-top: 25px;
    padding-bottom: 25px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-textlist .cs-textlist-content-img img {
    width: 95px;
    height: 95px;
    -o-object-fit: content;
       object-fit: content;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-text-3-titlebox {
    margin-bottom: 30px;
    position: relative;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-listbox .cs-sec12-text-3-titlebox .cs-text3-title {
    font-size: 36px;
    text-align: center;
    max-width: 350px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-1 {
    position: relative;
    min-height: auto;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-1 .sec-12-cont-1 {
    position: relative;
    -webkit-transform: translate(0);
            transform: translate(0);
    top: 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-1 .cs-sec-12-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 28px;
    margin-top: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 {
    position: relative;
    min-height: auto;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .cs-sec-12-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .cs-sec-12-text-1-desc-1 span {
    font-size: 20px;
    margin-top: 28px;
    color: #262626;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .cs-sec-12-text-1-desc-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .sec-12-text-2 .sec-12-cont-1 {
    position: relative;
    -webkit-transform: translate(0);
            transform: translate(0);
    top: 0;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img1 img {
    width: auto;
    max-height: 280px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-12 .cs-sec12-img2 img {
    width: auto;
    max-height: 280px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-13 {
    display: none;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 {
    min-height: 140vh;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img1 img {
    width: auto;
    max-height: 280px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-img2 img {
    width: auto;
    max-height: 280px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-secondtitle {
    display: none;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-text-titlebox .cs-titlebox-1 {
    font-size: 22px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-sec12-text-titlebox .cs-titlebox-2 {
    font-size: 36px;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 {
    position: relative;
    min-height: auto;
    height: auto;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-1 span, .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-1-2 span {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#262626), to(#262626)) !important;
    background-image: linear-gradient(0deg, #262626, #262626) !important;
    font-size: 28px;
    margin-top: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-2-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-1-desc-2-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-2 .cs-sec-14-text-2-main {
    position: relative !important;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-1 {
    position: relative;
    min-height: auto;
    height: auto;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .sec-14-text-1 .cs-sec-14-text-1-title {
    background-image: -webkit-gradient(linear, left top, right top, from(#262626), to(#262626));
    background-image: linear-gradient(90deg, #262626, #262626);
    font-size: 28px;
    margin-top: 20px;
  }
  .cs-fitting-sys-main-d-1 .cs-fitting-in-sec-14 .cs-scroll-change-p-5 .cs-scroll-desc-5 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-compare-row-1-2 {
    padding: 20px 0px 0px;
  }
  .cs-compare-row-1-2 .cscr1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 40px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-head-3 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 {
    padding: 10vh 15px 0px;
  }
  .cs-undermount-slide-cat-sec-1 .undermount-slide-section-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    margin-bottom: 50px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 {
    position: relative;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1.active .image-div-1 {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .image-div-1 img {
    max-height: 70px;
    max-width: 100px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1 {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
    width: 100%;
    position: unset;
    margin: 0;
    text-align: center;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-icon-box-1 .head-1::before {
    top: 30%;
    margin-left: 0;
    height: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:first-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1 {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-1 .uss1-icon-cont-1 .uss1-i-row-1 .uss1ir1-col-1:last-child .uss1-icon-box-1 .head-1::before {
    margin-left: 0px;
  }
  .cs-undermount-slide-cat-sec-2 .undermount-slide-section-2 .uss2-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-undermount-slide-cat-sec-2 .undermount-slide-section-2 .uss2-head-1.deactive {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-s-cat-box-1 .hs-head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-undermount-s-cat-box-2 .hs-head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-undermount-s-cat-box-2 .hs-img-div-1 img {
    max-height: 120px;
    width: auto;
  }
  .cs-undermount-s-cat-row-1 .csuscr1-col-1 {
    max-width: 150px;
    -ms-flex: 0 0 150px;
    -webkit-box-flex: 0;
            flex: 0 0 150px;
  }
  .cs-undermount-s-cat-row-1 .csuscr1-col-2 {
    max-width: calc(100% - 150px);
    -ms-flex: 0 0 calc(100% - 150px);
    -webkit-box-flex: 0;
            flex: 0 0 calc(100% - 150px);
  }
  .cs-undermount-s-cat-upSide-1 {
    min-height: 90vh;
  }
  .cs-undermount-s-cat-downSide-1 {
    min-height: 90vh;
  }
  .cs-undermount-in-sec-1 .csuis1-div-1 {
    min-height: 100vh;
  }
  .cs-undermount-in-sec-1 .csuis1-div-2 {
    margin-top: -100vh;
  }
  .cs-undermount-in-sec-1 .csuis1-head-1 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-1 .csuis1-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0 {
    padding: 35vh 15px 15px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0.active-1 {
    padding: 12vh 15px 15px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0.active-1 .csuis2-head-1 {
    font-size: 20px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0.active-2 {
    padding: 12vh 15px 15px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-0.active-2 .csuis2-head-1 {
    font-size: 20px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-1 {
    font-size: 40px;
    line-height: 52px;
  }
  .cs-undermount-in-sec-2 .csuis2-head-2 {
    font-size: 30px;
    line-height: 42px;
    padding: 0px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-1 img {
    height: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 {
    bottom: auto;
    top: 15%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  .cs-undermount-in-sec-2 .csuis2-div-2 .bg-ab-img-2 img {
    height: 200px;
    width: auto;
    max-width: initial;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 {
    bottom: 50px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 .csuis2d3i1-head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 .csuis2d3i1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3-inn-1 .csuis2d3i1-cont-1 .csuis2d3i1-link-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 {
    left: 10%;
    bottom: auto;
    top: 10%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-left-1 img {
    max-height: 250px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 {
    right: 12%;
    bottom: auto;
    top: 10%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-3 .csuis2d3i1-img-right-1 img {
    max-height: 250px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 {
    bottom: 50px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 .csuis2d4i1-head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 .csuis2d4i1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4-inn-1 .csuis2d4i1-cont-1 .csuis2d4i1-link-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-left-1 {
    left: 10%;
    bottom: auto;
    top: 10%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-left-1 img {
    max-height: 300px;
    width: auto;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-right-1 {
    right: 12%;
    bottom: auto;
    top: 10%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-4 .csuis2d4i1-img-right-1 img {
    width: auto;
    max-height: 300px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 {
    bottom: 50px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 .csuis2d5i1-head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 .csuis2d5i1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-cont-1 .csuis2d5i1-link-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-6 .csuis2d6-head-1 {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
    bottom: 20vw;
    font-size: 28px;
    line-height: 40px;
  }
  .cs-undermount-in-sec-2 .csuis2-div-6 .csuis2d6-cont-1 .csuis2d6-area-1 canvas {
    width: 100% !important;
  }
  .cs-undermount-in-sec-3 .csuis3-head-1 {
    font-size: 26px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-0.active-1 .csuis3-head-1 {
    font-size: 26px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-3 .csuis3-head-2 {
    font-size: 30px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 {
    padding-top: 0;
    padding-bottom: 10vh;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 .csuis3d3-mm-1 li {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 .csuis3d3-mm-1 li:nth-child(n+2) {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-1 .fake-menu-item-1 {
    font-size: 20px;
    line-height: 30px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-2 .csuis3d3-v-cont-1 .csuis3d3-v-item-all {
    top: 50%;
    height: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-3 .csuis3d3-inn-2 .csuis3d3-v-cont-1 .csuis3d3-v-item-all video {
    width: 100%;
    height: auto;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-1 .csuis3d4i1-text-1 {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0px 15px;
    bottom: 50px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-1 .csuis3d4i1-head-1 {
    font-size: 26px;
    line-height: 36px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-1 .csuis3d4i1-desc-1 {
    font-size: 18px;
    line-height: 28px;
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .cs-aboutus-main .cs-aboutus-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-aboutus-main .cs-aboutus-desktop {
    display: none;
  }
  .cs-aboutus-main .cs-responsive-sec-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .head-1 {
    display: inline-block;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    background: #FF0000;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FF0000), color-stop(75%, #522929));
    background: linear-gradient(to right, #FF0000 25%, #522929 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .head-2 {
    display: inline-block;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    font-style: italic;
    color: #262626;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .text-container-1 .desc-1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #262626;
    font-style: italic;
    width: 100%;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    background: rgb(124, 4, 7);
    background: linear-gradient(50deg, rgb(124, 4, 7) 0%, rgb(234, 32, 38) 100%);
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea video {
    width: 75%;
    margin-top: -60px;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea .cs-mobile-text {
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-1 .cs-responsive-videoarea .cs-mobile-imgvideo {
    margin-top: 30px;
  }
  .cs-aboutus-main .cs-responsive-sec-2 {
    display: none;
  }
  .cs-aboutus-main .cs-responsive-sec-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    z-index: 3;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video {
    position: relative;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video video {
    width: 100%;
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video .image-cont-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cs-aboutus-main .cs-responsive-sec-3 .cs-aboutus-video-c-1-text1 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    padding: 0 20px;
    width: 100%;
    margin-top: 25px;
    text-align: center;
  }
  .cs-aboutus-main .cs-responsive-sec-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ffffff;
  }
  .cs-aboutus-main .cs-responsive-sec-4 .cs-owl-content {
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-4 .cs-owl-content .cs-owl-content-img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-aboutus-main .cs-owl-content-maintitle {
    font-size: 40px;
    line-height: 48px;
    color: #262626;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
  }
  .cs-aboutus-main .cs-owl-content-title {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .cs-aboutus-main .cs-owl-content-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-aboutus-main .cs-responsive-sec-5 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: white;
    z-index: 3;
    position: relative;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 40px 0;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content .cs-sec5-content-img {
    width: 100%;
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-5 .cs-sec5-content .cs-owl-content-desc {
    text-align: center;
    margin-top: 30px;
    width: 100%;
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #ffffff;
    z-index: 3;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-owl-content {
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-owl-content .owl-carousel .owl-item img {
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-1 {
    display: none;
  }
  .cs-aboutus-main .cs-hinge-sys-cat-sec-2 {
    display: none;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 {
    z-index: 3;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cshsisec-cont-1 {
    padding: 0;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-respbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: sticky;
    top: 0;
    max-width: 600px;
    margin: 0 auto;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-deskbox {
    display: none;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-sec-i-1-textbox-title {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700;
    color: #262626;
  }
  .cs-aboutus-main .cs-hinge-sys-in-sec-2 .cs-sec-i-1-textbox-desc {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #262626;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 {
    z-index: 3;
    position: relative;
    background-color: #ffffff;
    padding: 20px 0;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-right1, .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-left1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-in-sec5-leftimg {
    max-width: 375px;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-in-sec-5-title1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-in-sec-5-title2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-sec5-textbox .cs-aboutus-right-title1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-aboutus-main .cs-aboutus-in-sec-5 .cs-aboutus-sec5-textbox .cs-aboutus-right-title1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-resp-sec6-world {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-resp-sec6-world img {
    max-width: 180px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-sec-i-1-textbox {
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-sec-i-1-textbox .cs-sec-i-1-textbox-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
  }
  .cs-aboutus-main .cs-responsive-sec-6 .cs-sec-i-1-textbox .cs-sec-i-1-textbox-desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-aboutus-main .cs-responsive-sec-7 .cs-resp-sec6-world {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-aboutus-main .cs-responsive-sec-7 .cs-resp-sec6-world img {
    max-width: 180px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
  }
  .cs-aboutus-main .cs-responsive-sec-7 .cs-sec-i-1-textbox {
    padding: 0 20px;
  }
  .cs-aboutus-main .cs-responsive-sec-7 .cs-sec-i-1-textbox .cs-sec-i-1-textbox-title {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
  }
  .cs-aboutus-main .cs-responsive-sec-7 .cs-sec-i-1-textbox .cs-sec-i-1-textbox-desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-undermount-in-sec-4 .csuis4-div-1 .csuis4d1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-4 .csuis4-div-1 .csuis4d1-head-2 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-4 .csuis4-div-1 .csuis4d1-bgv-1 video {
    -webkit-transform: translate(-38%, -10%);
            transform: translate(-38%, -10%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-int-1 {
    padding: 90px 0px 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-head-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-0 .csuis5d0-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-bgv-1 video {
    -webkit-transform: translate(0%, 75px);
            transform: translate(0%, 75px);
    height: 60vh;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-cont-1 {
    top: auto;
    bottom: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-cont-1 .csuis5d1-txt-1 {
    max-width: 100%;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-cont-1 .csuis5d1-txt-1 .csuis5d1t1-head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-1 .csuis5d1-cont-1 .csuis5d1-txt-1 .csuis5d1t1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-2 .csuis5d2-inn-2 .csuis5d1-cont-1 .csuis5d2-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-2 .csuis5d2-inn-2 .csuis5d1-cont-1 .csuis5d2-txt-1 .csuis5d2t1-head-1 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-2 .csuis5d2-inn-2 .csuis5d1-cont-1 .csuis5d2-txt-1 .csuis5d2t1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 .csuis5d3t1-head-1 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 .csuis5d3t1-head-2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-3 .csuis5d3-int-1 .csuis5d3-inn-2 .csuis5d3-cont-1 .csuis5d3-txt-1 .csuis5d3t1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-vd-1 video {
    -webkit-transform: translate(-28%, 5%);
            transform: translate(-28%, 5%);
    height: 60vh;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 .csuis5d4t1-head-1 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 .csuis5d4t1-head-2 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-5 .csuis5-div-4 .csuis5d4-int-1 .csuis5d4-cont-1 .csuis5d4-txt-1 .csuis5d4t1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-6 .csuis6-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-6 .csuis6-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0.active-1 .csuis6-head-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-head-1 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-head-2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-head-3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-desc-2 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-2 {
    top: auto;
    bottom: 5%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-1 {
    border-radius: 30px 30px 0px 0px;
  }
  .cs-undermount-in-sec-6 .csuis6-div-2 .csuis6d2-bgv-1 video {
    height: 100vh;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  .cs-undermount-in-sec-6 .csuis6-div-3 .csuis6d3-bgv-1 video {
    height: 60vh;
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  .cs-undermount-in-sec-7 .csuis7-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-undermount-in-sec-7 .csuis7-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0.active-1 .csuis7-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-d-4 {
    top: auto;
    bottom: 0;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-d-4 .csuis7d0d4-text-1 {
    max-width: 100%;
    margin: 0;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-head-1 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .cs-undermount-in-sec-7 .csuis7-div-0 .csuis7d0-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-undermount-in-sec-7 .csuis7-div-3 .csuis7d3-bgv-1 video {
    height: 70vh;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  #downloadModal .cs-downloadModalTitle {
    font-size: 22px;
    line-height: 30px;
    margin-top: -10px;
    margin-bottom: 25px;
  }
  #downloadModal .cs-downloadModalMain {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    overflow: hidden;
    overflow-y: scroll;
    height: 310px;
  }
  #downloadModal .cs-downloadModalMain .cs-downloadModalContent {
    max-width: 165px;
  }
  #downloadModal .cs-downloadModalMain .cs-downloadModalContent .cs-downloadModalContent-name {
    font-size: 12px;
    line-height: 16px;
  }
  #downloadModal .cs-downloadModalMain .cs-downloadModalContent .cs-modalbutton {
    font-size: 14px;
    line-height: 22px;
  }
  .cs-multimech-sec-1 .multimech-sec1-d-1.active .ms1d1-d-1 {
    width: 90%;
  }
  .cs-multimech-sec-1 .multimech-sec1-d-1 .ms1d1-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-multimech-sec-1 .multimech-sec1-d-1 .ms1d1-head-2 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-2 {
    padding-top: 15px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 {
    padding: 50px 0px 0px;
    min-height: auto;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-v-cont-1 {
    max-width: 100%;
    padding: 0px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-v-cont-1 video {
    width: 1600px;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  .cs-multimech-sec-2 .multimech-sec2-d-1 .ms2d1-head-1 {
    font-size: 36px;
    line-height: 42px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 {
    min-height: auto;
    padding-bottom: 50px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-img-d-1 img {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    height: auto;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-2 .ms2d2-text-d-1 .ms2d2td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 {
    min-height: auto;
    padding-bottom: 50px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-1 img {
    height: auto;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-text-d-1 .ms2d3td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-img-d-2 {
    width: 150px;
    bottom: auto;
    top: 50px;
  }
  .cs-multimech-sec-2 .multimech-sec2-d-3 .ms2d3-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 {
    min-height: 150vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 {
    min-height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-1 .ms3d1-vd-1 video {
    min-height: 50vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3.active .ms3d3-bgi-1 {
    width: 100%;
    height: 40vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 {
    position: unset;
    top: auto;
    left: auto;
    bottom: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px 0px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 .ms3d3tc1-d-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 .ms3d3tc1-d-1 .ms3d3tc1-h-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-3 .ms3d3-txt-c-1 .ms3d3tc1-d-1 .ms3d3tc1-p-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 {
    min-height: auto;
    padding-bottom: 20px;
    margin-top: -80px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-img-d-1 img {
    height: auto;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-text-d-1 {
    min-height: auto;
    margin-top: 5vh;
  }
  .cs-multimech-sec-3 .multimech-sec3-d-4 .ms3d4-text-d-1 .ms3d4td1-cont-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 {
    padding-top: 20px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-2 {
    font-size: 20px;
    line-height: 28px;
  }
  .cs-multimech-sec-4 .multimech-sec-head-3 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-multimech-sec-4 .multimech-sec-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-1 .ms4d1-cont-1 .ms4d1c1-d-1 {
    padding: 80px 0px 30px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-1 .ms4d1-cont-1 .ms4d1c1-bg-d-1 {
    background-position: 12% 100% !important;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-1 .ms4d1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-2 .ms4d2-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-2 .ms4d2-cont-1 .ms4d2c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .ms4d3-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .ms4d3-cont-1 .ms4d3c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-3 .csJSMmechAniItem1.deactive {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .ms4d4-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
    min-height: 25vh;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .ms4d4-cont-1 .ms4d4c1-txt-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-4 .csJSMmechAniItem1.deactive {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .cs-multimech-sec-4 .multimech-sec-iwt-1 .mmsi1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 {
    padding-top: 75px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-1 {
    font-size: 36px;
    line-height: 42px;
    padding: 0;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-head-2 {
    font-size: 28px;
    line-height: 36px;
    padding-right: 0px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-cont-1 .ms4d5c1-d-1 {
    padding: 80px 0px 40px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-5 .ms4d5-cont-1 .ms4d5c1-bg-d-1 {
    background-size: cover !important;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6-row-1 .ms4d6r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6-row-1 .ms4d6r1-col-2 {
    display: none;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .ta1-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .ta1-head-2 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .top-area-1 {
    padding: 10px 15px 20px;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .center-area-1 {
    max-width: 95%;
    top: 60%;
  }
  .cs-multimech-sec-4 .multimech-sec4-d-6 .ms4d6r1-text-d-1 .bottom-area-1 .ms4d6r1-ul-2 li {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-1 .ms5d1-cont-1 .ms5d1-d-2 .ms5d1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-2 .ms5d1-d-1 {
    padding: 15px 15px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-2 .ms5d1-head-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-2 .ms5d1-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-1 {
    min-height: 35vh;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1 {
    font-size: 40px;
    line-height: 48px;
    width: 80vw;
    margin-bottom: 30px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-1 {
    -webkit-transform: translate(0vw, -25vh);
            transform: translate(0vw, -25vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-1.active-2 {
    font-size: 40px;
    line-height: 48px;
    -webkit-transform: translate(0vw, 0vh);
            transform: translate(0vw, 0vh);
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-head-2 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .text-cont-1 .ms5d3tx1-desc-1 {
    font-size: 18px;
    line-height: 26px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 {
    min-height: auto;
    position: relative;
    overflow: hidden;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-3 .ms5d3-cont-2 .image-cont-1 img {
    min-height: auto;
    max-width: 100%;
    -webkit-transform: unset;
            transform: unset;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 {
    min-height: 25vh;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 .ms5d4-cont-1 {
    padding: 50px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec5-d-4 .ms5d4-cont-1 .ms5d4c1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-5 {
    display: none;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-6 {
    display: none;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-7 {
    display: none;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-txt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-8 .ms6d8c1-in-t-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-txt-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-9 .ms6d9c1-in-t-1 {
    max-width: 100%;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-txt-d-1 {
    position: unset;
    top: auto;
    left: auto;
    -webkit-transform: unset;
            transform: unset;
    padding: 30px 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-st-d-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-in-d-1 {
    max-width: 100%;
    padding: 0px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-vd-1 {
    max-width: 100%;
    margin: 0;
    padding-top: 50px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-head-1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-mm-1 li {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .ms6d10-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-multimech-sec-5 .multimech-sec6-d-10 .csJSMmechAniItem2 {
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 {
    overflow: hidden;
    left: 50%;
  }
  .cs-undermount-in-sec-2 .csuis2-div-5 .csuis2d5-inn-1 .csuis2d5i1-video-1 video {
    -webkit-transform: translateX(-45%);
            transform: translateX(-45%);
  }
  .cs-undermount-in-sec-3 .csuis3-div-4 .csuis3d4-inn-2 video {
    -o-object-position: left;
       object-position: left;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-4-1 {
    top: 77%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-0 .csuis6d0-d-5 {
    top: 77%;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 {
    padding-top: 18vh;
  }
  .cs-undermount-in-sec-6 .csuis6-div-4-1 .csuis6d41-image-d-1 img {
    -webkit-transform: translateX(-45vw);
            transform: translateX(-45vw);
    max-height: 55vh;
  }
  .cs-lift-up-desktop {
    display: none;
  }
  .cs-lift-up-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 85vh;
    width: 100%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
    padding-top: 60px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 .cs-mobile-top .cs-mobile-top-title {
    font-size: 36px;
    line-height: 44px;
    color: #262626;
    font-weight: 700;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 .cs-mobile-top .cs-mobile-top-desc {
    font-size: 20px;
    line-height: 28px;
    color: #86868B;
    font-weight: 700;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: radial-gradient(circle, rgb(203, 201, 202) 0%, rgb(177, 162, 153) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-1 .cs-mobile-bottom img {
    margin-top: -65%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 85vh;
    width: 100%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(195, 184, 167) 70%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
    padding-top: 35px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-top .cs-mobile-top-title {
    font-size: 36px;
    line-height: 44px;
    color: #262626;
    font-weight: 700;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-top .cs-mobile-top-desc {
    font-size: 20px;
    line-height: 28px;
    color: #86868B;
    font-weight: 700;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-bottom {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    padding: 50px 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-bottom .cs-content-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-bottom .cs-content-mobile .cs-content-title {
    font-size: 18px;
    line-height: 26px;
    color: #262626;
    font-weight: 700;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-bottom .cs-content-mobile .cs-content-desc {
    font-size: 14px;
    line-height: 22px;
    color: #86868B;
    font-weight: 700;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-2 .cs-mobile-bottom .cs-content-mobile img {
    max-width: 150px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-top img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #52423F;
    background: -webkit-gradient(linear, left top, right top, from(#A3837D), to(#52423F));
    background: linear-gradient(to right, #A3837D 0%, #52423F 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 100;
    font-style: italic;
    color: #ffffff;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-bottom .cs-mobile-top-title2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-3 .cs-mobile-bottom .cs-mobile-top-desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-4 {
    position: relative;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-4 video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-4 .cs-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 32px;
    line-height: 40px;
    width: 100%;
    padding: 0 10px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-top img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(255, 255, 255);
    background: linear-gradient(275deg, rgb(255, 255, 255) 0%, rgb(223, 204, 200) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-bottom .cs-mobile-top-desc1,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5 .cs-mobile-bottom .cs-mobile-top-desc2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-top img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    -o-object-position: right;
       object-position: right;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(255, 255, 255);
    background: linear-gradient(275deg, rgb(255, 255, 255) 0%, rgb(223, 204, 200) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 700;
    color: #262626;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-bottom .cs-mobile-top-desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-5-2 .cs-mobile-bottom .cs-mobile-top-link {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #262626;
    text-decoration: underline;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-top img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(253, 237, 224);
    background: radial-gradient(circle, rgb(253, 237, 224) 15%, rgb(136, 124, 114) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 25px;
    line-height: 33px;
    font-weight: 100;
    font-style: italic;
    color: #262626;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-bottom .cs-mobile-top-title2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-6 .cs-mobile-bottom .cs-mobile-top-desc {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-top img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(207, 204, 196);
    ackground: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(207, 204, 196) 90%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom img {
    max-width: 330px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom .cs-mobile-top-title1,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom .cs-mobile-top-title2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
    margin-bottom: 15px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom .cs-mobile-top-desc1,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-7 .cs-mobile-bottom .cs-mobile-top-desc2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-top {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    background-size: cover;
    opacity: 0.7;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-top img {
    max-width: 330px;
    -o-object-fit: contain;
       object-fit: contain;
    height: 100%;
    opacity: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(207, 204, 196);
    ackground: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(207, 204, 196) 90%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-title1,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-title2,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-title3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
    margin-bottom: 15px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-desc1,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-desc2,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-8 .cs-mobile-bottom .cs-mobile-top-desc3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 {
    z-index: 5;
    min-height: 100vh;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 68%);
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-box-1 {
    margin-bottom: 30px;
    margin-top: 50px;
    min-height: 100px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-box-1 .color-box-1-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .colorb-head-1 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #262626;
    text-align: center;
    margin: 20px 0;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-menu-1 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 15px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-menu-1 li {
    line-height: 1;
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-menu-1 li:last-child {
    margin-right: 0;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .color-menu-1 li span {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--backgrnd-color);
    border: 0.5px solid var(--border-color);
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-colorlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-colorlist .cs-imgbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem {
    position: relative;
    padding-bottom: 35px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 15px;
    width: 120px;
    height: 0.2px;
    content: "";
    background-color: #707070;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-colorlist .cs-imgbox .cs-imgbox-listitem img {
    width: 170px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-text-3-titlebox {
    max-width: 650px;
    margin: 0 auto;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-9 .cs-sec10-text-3-titlebox .cs-text3-title {
    font-size: 24px;
    line-height: 32px;
    color: #262626;
    font-weight: 700;
    text-align: center;
    padding: 0 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 {
    height: 100vh;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(195, 184, 167) 68%);
    position: relative;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 .text-cont-1 {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 .text-cont-1 .cs-lift-up-door-10-head-1 {
    color: #552424;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 .text-cont-1 .cs-lift-up-door-10-head-2 {
    color: #552424;
    font-size: 32px;
    line-height: 40px;
    font-weight: 900;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 .text-cont-1 .cs-lift-up-door-10-desc-1 {
    color: #552424;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-10 .cs-lift-up-door-10-img {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 .cs-mobile-top {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 .cs-mobile-top img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(195, 184, 167) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-11 .cs-mobile-bottom .cs-mobile-top-desc1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 .cs-mobile-top {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    background-size: cover;
    background-position: left;
    opacity: 0.7;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 .cs-mobile-top img {
    max-width: 370px;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 1;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 .cs-mobile-bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(195, 184, 167) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 .cs-mobile-bottom .cs-mobile-top-title1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 900;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-12 .cs-mobile-bottom .cs-mobile-top-desc1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #262626;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 {
    padding: 40px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 .cs-lift-up-door-9-main-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 900;
    text-align: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 .cs-lift-up-9-left,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 .cs-lift-up-9-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 .cs-lift-up-9-left .cs-lift-up-door-9-title,
  .cs-lift-up-mobile .cs-lift-up-door-mobile-13 .cs-lift-up-9-right .cs-lift-up-door-9-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1 .fs1d1-head-2 {
    font-size: 48px;
    line-height: 56px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1.active .fs1d1-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1.active .fs1d1-d-1 {
    width: 90%;
    top: 50%;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1.active .fs1d1-d-2 {
    top: 175px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-1 .fs1d1-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-2 .fs1d2d2-head-1 {
    font-size: 48px;
    line-height: 56px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-2 .fs1d2-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-2 .fs1d2-img-d-1 img {
    height: 40vh;
  }
  .cs-flowbox-sec-1 .flowbox-sec1-d-2 .fs1d2-text-d-1 {
    margin-top: -20vh;
  }
  .cs-flowbox-sec-2 .fs2d1-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 {
    max-width: 100%;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 .fs2d1-head-1, .cs-flowbox-sec-2 .flowbox-sec2-d-1 .fs2d1-cont-1 .fs2d1-seq-content-1 .fs2d1sc1-div-1 .fs2d1-desc-1 {
    color: #ffffff;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-head-1 {
    font-size: 54px;
    line-height: 62px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-head-2 {
    font-size: 26px;
    line-height: 34px;
    padding: 0;
    text-align: center;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 {
    left: -25%;
    top: 45%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-1 .ii-txt-1 {
    bottom: 12%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-2 {
    bottom: 18%;
    width: 100%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-2 .ii-mm-1 li {
    font-size: 24px;
    line-height: 30px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-2 .ii-mm-1 li.active {
    font-size: 30px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-1 .fs3d1-div-0.active .fs3d1-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-img-d-1 img {
    max-width: unset;
    width: 700px;
    -webkit-transform: translateX(-23%);
            transform: translateX(-23%);
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-text-d-1 {
    width: 100%;
    top: 68%;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-text-d-1 .fs3d2-tt-1 {
    font-size: 50px;
    line-height: 58px;
    -webkit-transform: translateX(8%);
            transform: translateX(8%);
    text-align: center;
  }
  .cs-flowbox-sec-3 .flowbox-sec3-d-2 .fs3d2-text-d-1 .fs3d2-tt-1.active {
    -webkit-transform: translateX(2%);
            transform: translateX(2%);
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 {
    height: 100%;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 .fs4d1-vd-t-1 {
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 68px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-1 .fs4d1-d-1 .fs4d1-vd-t-2 {
    top: 65%;
    right: auto;
    left: 50%;
    width: 100%;
    text-align: center;
    font-size: 60px;
    line-height: 68px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-1 .fs4d2c1d1-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS1 {
    -webkit-transform: translate(-8vw, 20vw);
            transform: translate(-8vw, 20vw);
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-2.active .fs4d2c1JS2 {
    -webkit-transform: translateX(9vw);
            transform: translateX(9vw);
  }
  .cs-flowbox-sec-4 .flowbox-sec4-d-2 .fs4d2c1-div-3 {
    right: auto;
    left: 0px;
    width: 100%;
  }
  .cs-flowbox-sec-4-2 .fs42-head-1 {
    font-size: 50px;
    line-height: 58px;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 {
    font-size: 50px;
    line-height: 58px;
    letter-spacing: 0;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 span:nth-child(1) {
    font-size: 25px;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 span:nth-child(2) {
    font-size: 30px;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 span:nth-child(3) {
    font-size: 35px;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 span:nth-child(4) {
    font-size: 40px;
  }
  .cs-flowbox-sec-4-2 .fs42-head-2 span:nth-child(5) {
    font-size: 45px;
  }
  .cs-flowbox-sec-4-2 .fs42-desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-flowbox-sec-4-2 .fs42-mm-1 li {
    text-align: center;
    width: 50%;
    padding-right: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .cs-flowbox-sec-4-2 .fs42-mm-1 li:last-child {
    margin-right: 0;
  }
  .cs-flowbox-sec-4-2 .flowbox-sec42-d-2 .fs42d2-cont-1 .fs42d2c1-int-1 .scroll-sequence {
    width: 1700px !important;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-1 .fs5d1-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-d-1 video {
    -o-object-position: 25% 100%;
       object-position: 25% 100%;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-cont-3 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-cont-3 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-2 .fs5d2-cont-3 .fs5d2c3-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-3 .fs5d3-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-4 .fs5d4-d-2 .play-pause-btn-1 {
    right: 15px;
    top: 84vh;
  }
  .cs-flowbox-sec-5 .flowbox-sec5-d-4 .fs5d4-d-2 .fs5d4d2-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-0 img, .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-0.active-o-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-1 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1-head-2 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1-head-3 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-6.active-2 {
    top: 20%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-d-7 {
    top: 40%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-r-half-1 {
    width: 100%;
  }
  .cs-flowbox-sec-6 .flowbox-sec6-d-1 .fs6d1c1-r-half-1 .fs6d1-desc-1 {
    max-width: 100%;
  }
  .cs-flowbox-sec-7 .fs7-head-1 {
    font-size: 48px;
    line-height: 56px;
  }
  .cs-flowbox-sec-7 .fs7-head-2 {
    font-size: 48px;
    line-height: 56px;
  }
  .cs-flowbox-sec-7 .fs7-d-0 video {
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    min-height: auto;
    -o-object-fit: unset;
       object-fit: unset;
    height: 45vh;
  }
  .cs-flowbox-sec-7 .fs7-mm-1 li {
    font-size: 28px;
    line-height: 34px;
  }
  .cs-flowbox-sec-7 .fs7-mm-1 li.active {
    font-size: 34px;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-2 .fs7d2-cont-1 .fs7d2c1-d-1 .container {
    margin-bottom: 20%;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-7 .flowbox-sec7-d-3 .fs7d3-cont-1 .fs7d3c1-d-1 .container {
    margin-top: 15%;
  }
  .cs-flowbox-sec-8 .fs8d1-head-1 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-flowbox-sec-8 .fs8d1-head-2 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-flowbox-sec-8 .fs8d1-head-3 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-8 .fs8d1-desc-2 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-2 .fs8d2-cont-1 .container {
    margin-bottom: 15%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(-35%, 100%);
            transform: translate(-35%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3c1-d-0.active img {
    height: 50vh;
    -webkit-transform: translate(-35%, 100%);
            transform: translate(-35%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-3 .fs8d3-cont-1 .container {
    margin-top: 25%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-4 .fs8d4-cont-1 .container {
    margin-top: 25%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-5 .fs8d5-cont-1 .container {
    margin-bottom: 35%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .fs8d8-row-1 .f8d8r1-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-bg-1 {
    height: 30vh;
  }
  .cs-flowbox-sec-8 .flowbox-sec8-d-8 .f8d8-vd-1 {
    max-width: 450px;
  }
  .cs-drawer-box-main .cs-drawerbox-sys-prd-5 {
    min-height: auto;
  }
  .cs-drawer-box-main .cs-drawer-box-desktop {
    display: none;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-drawer-box-main .cs-drawer-box-3 {
    position: relative;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-text1 h3 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawer-box-imgbox1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawerbox-content {
    width: 100%;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawerbox-content:last-child img {
    height: 150px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    width: 150px !important;
  }
  .cs-drawer-box-main .cs-drawer-box-3 .cs-drawerbox-content img {
    width: 100%;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 15px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile1 .cs-mobile1-head {
    font-size: 36px;
    line-height: 44px;
    color: #262626;
    font-weight: 900;
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile1 .cs-mobile1-desc {
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    color: #86868B;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 {
    padding: 80px 15px;
    background: rgb(118, 101, 96);
    background: radial-gradient(circle, rgb(118, 101, 96) 0%, rgb(69, 61, 61) 70%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    color: #F5F5F5;
    font-weight: 100;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-mobile1-head1 span {
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #F5F5F5;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #F5F5F5;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #F5F5F5;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile2 .cs-textbox1 .cs-link {
    font-size: 16px;
    line-height: 24px;
    color: #F5F5F5;
    font-weight: 400;
    text-decoration: underline;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 {
    padding: 80px 15px;
    background: rgb(192, 140, 111);
    background: radial-gradient(circle, rgb(192, 140, 111) 0%, rgb(237, 213, 181) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    background: rgb(113, 76, 46);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgb(113, 76, 46)), color-stop(70%, rgb(55, 13, 12)));
    background: linear-gradient(90deg, rgb(113, 76, 46) 30%, rgb(55, 13, 12) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #6C4E31;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #33110D;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile3 .cs-textbox1 .cs-link {
    font-size: 16px;
    line-height: 24px;
    color: #33110D;
    font-weight: 400;
    text-decoration: underline;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 {
    padding: 80px 15px;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(131, 111, 111) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    color: #114853;
    font-weight: 700;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #114853;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile4 .cs-textbox1 .cs-link {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
    text-decoration: underline;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 {
    padding: 80px 15px;
    background: rgb(229, 226, 229);
    background: radial-gradient(circle, rgb(229, 226, 229) 0%, rgb(255, 255, 255) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    color: #554445;
    font-weight: 700;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #554445;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile5 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile6 {
    padding: 80px 15px;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgb(229, 226, 229)));
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(229, 226, 229) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile6 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile6 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile6 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #554445;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile6 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 {
    padding: 80px 15px;
    background: rgb(255, 241, 232);
    background: radial-gradient(circle, rgb(255, 241, 232) 0%, rgb(201, 196, 193) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    color: #866666;
    font-weight: 700;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #6A4C4C;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #6A4C4C;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile7 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 {
    padding: 80px 15px;
    background: rgb(244, 234, 234);
    background: radial-gradient(circle, rgb(244, 234, 234) 0%, rgb(202, 200, 203) 100%);
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-mobile1-head1 {
    font-size: 25px;
    line-height: 33px;
    color: #262626;
    font-weight: 700;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-mobile1-head2 {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile8 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile9 {
    padding: 80px 15px;
    background-color: #ffffff;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile9 .cs-drawerbox-mobile1 {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: right;
       object-position: right;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile9 .cs-textbox1 {
    margin-bottom: 20px;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile9 .cs-textbox1 .cs-head {
    font-size: 28px;
    line-height: 36px;
    color: #262626;
    font-weight: 900;
    text-align: center;
  }
  .cs-drawer-box-main .cs-drawer-box-mobile9 .cs-textbox1 .cs-desc {
    font-size: 16px;
    line-height: 24px;
    color: #262626;
    font-weight: 400;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-1 span {
    font-size: 30px;
    padding: 0px 10px;
  }
  .cs-smartbox-sec-1 .smartbox-sec1-head-2 {
    font-size: 22px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-head-2 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-1 .sbs2d1-int-d-1 .sbs2d1-bg-d-1.active {
    width: 85%;
    height: 60%;
    background-position: 44% 100% !important;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 {
    margin: 0 auto;
    text-align: center;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul {
    width: 100%;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-text-c-1 ul li {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-img-c-1 {
    width: 300px;
    height: 190px;
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-img-c-1 ul.active-0 {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-img-c-1 ul.active-1 {
    -webkit-transform: translateY(-160px);
            transform: translateY(-160px);
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-img-c-1 ul.active-2 {
    -webkit-transform: translateY(-340px);
            transform: translateY(-340px);
  }
  .cs-smartbox-sec-2 .smartbox-sec2-d-2 .sbs2d2-cont-1 .sbs2d2-img-c-1 ul.active-3 {
    -webkit-transform: translateY(-520px);
            transform: translateY(-520px);
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-1 {
    font-size: 24px;
    line-height: 32px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 span:nth-of-type(1), .cs-smartbox-sec-3 .smartbox-sec3-desc-3 span:nth-of-type(3) {
    -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg);
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3 span:nth-of-type(2) {
    display: block;
    font-size: 30px;
    line-height: 38px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-desc-3.active span:nth-of-type(2) {
    display: block;
    font-size: 30px;
    line-height: 38px;
    padding: 0px;
  }
  .cs-smartbox-sec-3 .smartbox-sec3-d-2 {
    min-height: 200vh;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence {
    height: 30vh;
    background: unset;
    top: 50px;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 .sbs4d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 25vh;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 .sbs4d1sc1-d-1 .sbs4d1sc1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-4 .smartbox-sec4-d-1 .sbs4d1-int-d-1 .sbs4d1i1-d-1 .sbs4d1-seq-content-1 .sbs4d1sc1-d-1 .sbs4d1sc1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 .sbs4d1-d-1 {
    top: 25%;
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 .sbs4d1-d-1 video {
    min-height: 38vh;
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 .sbs4d1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 .sbs4d1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-smartbox-sec-5 .smartbox-sec5-d-1 .sbs4d1-int-d-1 .sbs4d1-c-1 {
    margin: 0 auto 15vh;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-int-d-1 .sbs6d1i1-d-1 .scroll-sequence {
    height: 40vh;
    background: unset;
    top: 50px;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-head-1 {
    font-size: 34px;
    line-height: 42px;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-i-d-1 {
    bottom: 100px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-1 {
    top: 60%;
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-t-d-2 {
    bottom: auto;
    top: 85%;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 100%;
    text-align: center;
  }
  .cs-smartbox-sec-6 .smartbox-sec6-d-1 .sbs6d1-td-2::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence {
    top: 50px;
    height: 25vh;
    background: unset;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 20vh;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 .sbs7d1sc1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 .sbs7d1sc1-head-1 span {
    font-size: 32px;
  }
  .cs-smartbox-sec-7 .smartbox-sec7-d-1 .sbs7d1-int-d-1 .sbs7d1i1-d-1 .sbs7d1-seq-content-1 .sbs7d1sc1-d-1 .sbs7d1sc1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 {
    top: 20%;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-i-d-1 img {
    height: 25vh;
    -webkit-transform: translateX(-9%);
            transform: translateX(-9%);
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-1 .sbs8d1-head-1 {
    font-size: 30px;
    line-height: 50px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 {
    -ms-flex-line-pack: end;
        align-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 {
    top: 50px;
    min-height: 40vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-i-1 img {
    height: 40vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-t-1 .sbs8d2t1-c-1 {
    max-width: 90%;
    margin: 0 auto 15vh;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-t-1 .sbs8d2t1-c-1 .sbs8d2t1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-8 .smartbox-sec8-d-2 .sbs8d2-int-d-1 .sbs8d2-t-1 .sbs8d2t1-c-1 .sbs8d2t1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence {
    height: 35vh;
    top: 50px;
    background: unset;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .scroll-sequence__content {
    z-index: -1;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 {
    background: rgb(43, 174, 198);
    background: radial-gradient(circle, rgb(43, 174, 198) 0%, rgb(19, 79, 90) 100%);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 .sbs9d1sc1-d-1 {
    max-width: 90%;
    margin: 0 auto 20vh;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 .sbs9d1sc1-d-1 .sbs9d1sc1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-9 .smartbox-sec9-d-1 .sbs9d1-int-d-1 .sbs9d1i1-d-1 .sbs9d1-seq-content-1 .sbs9d1sc1-d-1 .sbs9d1sc1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 {
    top: 20%;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-i-d-1 img {
    height: 40vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-int-d-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-c-1 {
    max-width: 90%;
    margin: 0 auto 22vh;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-c-1 .sbs10d1-head-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-smartbox-sec-10 .smartbox-sec10-d-1 .sbs10d1-c-1 .sbs10d1-desc-1 {
    font-size: 16px;
    line-height: 24px;
  }
  .cs-day-and-night-main .cs-dn-desktop {
    display: none;
  }
  .cs-day-and-night-main .cs-dn-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .cs-day-and-night-main .cs-dn-mb-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0 0 0;
  }
  .cs-day-and-night-main .cs-dn-mb-1 .cs-dn-mb-1-title1 {
    font-size: 20px;
    line-height: 28px;
    color: #262626;
    font-weight: 100;
    font-style: italic;
    text-align: center;
    max-width: 300px;
  }
  .cs-day-and-night-main .cs-dn-mb-1 .cs-dn-mb-1-title2 {
    font-size: 36px;
    line-height: 44px;
    color: #262626;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    max-width: 300px;
    margin-bottom: 20px;
  }
  .cs-day-and-night-main .cs-dn-mb-1 .cs-dn-mb-1-img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .cs-day-and-night-main .cs-dn-mb-2 {
    background-position: center;
    background-repeat: no-repeat;
    position: relative !important;
    background-size: cover;
    width: 100%;
    height: 300px;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn-textbox1 {
    position: absolute;
    right: 20px;
    top: 30px;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn-textbox1 p {
    margin: 0;
    text-align: right;
    color: #ffffff;
    font-size: 20px;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn2-btn {
    position: absolute;
    left: 10px;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn2-btn {
    position: absolute;
    top: 50%;
    left: 20px;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px 10px;
    margin: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn2-btn .cs-top-text {
    color: #262626;
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
  }
  .cs-day-and-night-main .cs-dn-mb-2 .cs-dn2-btn .cs-bottom-text {
    color: #86868B;
    font-size: 12px;
    line-height: 20px;
  }
  .cs-day-and-night-main .cs-dnn-sec2-img-mobile {
    margin-top: -65px;
    z-index: 2;
    position: relative;
    -o-object-fit: cover;
       object-fit: cover;
    height: 120px;
    width: 100%;
  }
  .cs-day-and-night-main .cs-dn-mb-3 {
    background-position: center;
    background-repeat: no-repeat;
    position: relative !important;
    background-size: cover;
    width: 100%;
    height: 250px;
    z-index: 2;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-titlebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 15px;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-titlebox .cs-title1 {
    margin: 0;
    color: #63523B;
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-titlebox .cs-title2 {
    margin: 0;
    color: #63523B;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-style: italic;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-1 {
    top: 50%;
    left: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-2 {
    top: 50%;
    right: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-3 {
    top: 70%;
    left: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-4 {
    top: 70%;
    right: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-1, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-2, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-3, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-4 {
    position: absolute;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px 10px;
    margin: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-1 .cs-top-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-2 .cs-top-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-3 .cs-top-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-4 .cs-top-text {
    color: #262626;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
  }
  .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-1 .cs-bottom-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-2 .cs-bottom-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-3 .cs-bottom-text, .cs-day-and-night-main .cs-dn-mb-3 .cs-dn3-btn-4 .cs-bottom-text {
    color: #86868B;
    font-size: 10px;
    line-height: 18px;
  }
  .cs-day-and-night-main .cs-dn-mb-4 {
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-dn4-btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 5px 10px;
    margin: 0;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-dn4-btn .cs-top-text {
    color: #262626;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-dn4-btn .cs-bottom-text {
    color: #86868B;
    font-size: 10px;
    line-height: 18px;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-titlebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-titlebox .cs-title1 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 100;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-titlebox .cs-title2 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-style: italic;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-mobile-smaillimg1 {
    position: absolute;
    right: 10px;
    top: -80px;
    z-index: 0;
    -o-object-fit: contain;
       object-fit: contain;
    width: 23px;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-mobile-imgdiv1 {
    overflow: hidden;
  }
  .cs-day-and-night-main .cs-dn-mb-4 .cs-mobile-imgdiv1 img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    -webkit-transform: translate(-12vw, 3vh);
            transform: translate(-12vw, 3vh);
  }
  .cs-day-and-night-main .cs-dnn-sec6 {
    margin: 0;
    margin-top: -25px;
  }
  .cs-day-and-night-main .cs-dnn-sec6 #dnn-video1 {
    height: 55vh;
  }
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn-sec6-textbox {
    width: 100%;
    top: 40%;
  }
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn-sec6-textbox .cs-dnn-sec6-text1,
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn-sec6-textbox .cs-dnn-sec6-text2 {
    font-size: 48px;
    line-height: 56px;
    text-align: center;
  }
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn6-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    bottom: 70px;
  }
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn6-btn .cs-top-text {
    font-size: 12px;
    line-height: 22px;
    padding-right: 2px;
  }
  .cs-day-and-night-main .cs-dnn-sec6 .cs-dnn6-btn .cs-bottom-text {
    font-size: 11px;
    line-height: 19px;
  }
  .cs-day-and-night-main .cs-dn-tb-4 {
    display: none !important;
  }
  .cs-day-and-night-main .cs-dnn-sec7 {
    margin-top: 20px;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-content2-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-content .cs-dnn-sec7-content-left .cs-left-title3 {
    text-align: center;
  }
  .cs-day-and-night-main .cs-dnn-sec7 .cs-dnn-sec7-main .cs-dnn-sec7-title {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }
  .cs-flowbox-sec-wseq-6 .fsws6-head-1 {
    font-size: 36px;
    line-height: 44px;
  }
  .cs-flowbox-sec-wseq-6 .fsws6-head-2 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-flowbox-sec-wseq-6 .fsws6-head-3 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 {
    height: 100%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0 img {
    height: 50vh;
    -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-0 img, .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-0.active-1 img {
    height: 50vh;
    -webkit-transform: translate(20%, 100%);
            transform: translate(20%, 100%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-1 .fsws6d1c1-d-1 {
    top: 20%;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence {
    width: 1000px !important;
    height: 500px !important;
    margin-top: 42vh;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-62%);
            transform: translateX(-62%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-2 .fsws6d2-cont-1 .fsws6d2-seq-content-1 .fsws6d2-seq-cont-1 {
    margin-bottom: 25vh;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence {
    width: 1000px !important;
    height: 500px !important;
    margin-top: 42vh;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-62%);
            transform: translateX(-62%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-3 .fsws6d3-cont-1 .fsws6d3-seq-content-1 .fsws6d3-seq-cont-1 {
    margin-bottom: 25vh;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence {
    width: 1000px !important;
    height: 500px !important;
    margin-top: 42vh;
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4c1-int-1 .scroll-sequence canvas {
    -webkit-transform: translateX(-62%);
            transform: translateX(-62%);
  }
  .cs-flowbox-sec-wseq-6 .flowbox-secwseq6-d-4 .fsws6d4-cont-1 .fsws6d4-seq-content-1 .fsws6d4-seq-cont-1 {
    margin-bottom: 25vh;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1-head-1 {
    font-size: 28px;
    line-height: 36px;
    margin: 0 auto 30px;
    max-width: 350px;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1-head-2 {
    font-size: 50px;
    line-height: 60px;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1-desc-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2 .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    max-width: unset;
  }
  .cs-alphabox-sec-1 .alphabox-sec1-d-1 .as1d1-sc-md-2.active .as1d1sc2-cont-1 .as1d1sc2-d-0 img {
    -webkit-transform: translateX(32%);
            transform: translateX(32%);
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-id-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-td-1 {
    max-width: 100%;
    min-height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px;
  }
  .cs-alphabox-sec-2 .alphabox-sec2-d-1 .as2d1-sc-md-1 .as2d1sc1-cont-1 .as2d1sc2c1-td-1 .as2d1sc2c1-desc-1 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-desc-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-desc-1 span {
    font-size: 40px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 {
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 .as3d1-td-1 {
    bottom: 100px;
  }
  .cs-alphabox-sec-3 .alphabox-sec3-d-1 .as3d1-cont-1 .as3d1-seq-content-1 .as3d1td1-cont-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 {
    font-size: 26px;
    line-height: 34px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-head-1 span {
    font-size: 20px;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-4 .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-2 {
    left: 50%;
    top: 15%;
  }
  .cs-alphabox-sec-4.active .alphabox-sec4-d-1 .as4d1-sc-md-1 .as4d1-in-d-1 img {
    -webkit-transform: translateX(-140vw);
            transform: translateX(-140vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.color-0 .as5d1-head-1 {
    font-size: 60px;
    line-height: 80px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-0 img {
    max-width: unset;
    -webkit-transform: translateX(-65vw);
            transform: translateX(-65vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1.active-1 .as5d1-in-d-0 .ii-1 img {
    -webkit-transform: translateX(-140vw);
            transform: translateX(-140vw);
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 {
    top: 30%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-in-d-1 .as5d1-td-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-1 {
    font-size: 60px;
    line-height: 80px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-head-2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 25px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-desc-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-alphabox-sec-5 .alphabox-sec5-d-1 .as5d1-sc-md-1 .as5d1sc1-cont-1 .as5d1-mm-1 li {
    width: 33.3333333333%;
    margin-right: 0px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-head-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-head-1 {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-1 img {
    max-width: unset;
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1.active .as6d1sc2-d-1 img {
    -webkit-transform: translateX(-78%);
            transform: translateX(-78%);
  }
  .cs-alphabox-sec-6 .alphabox-sec6-d-1 .as6d1-sc-md-2 .as6d1sc2-cont-1 .as6d1sc2-d-2 {
    width: 150px;
    padding: 0px 15px;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-vd-1 video {
    height: 50vh;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 {
    top: 75%;
  }
  .cs-alphabox-sec-7 .alphabox-sec7-d-1 .as7d1-sc-md-1 .as7d1sc1-cont-1 .as7d1sc1-d-1 .as7d1-head-1 {
    max-width: 100%;
    font-size: 50px;
    line-height: 68px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-1 .as8d1sc1-cont-1 .as8d1sc1-d-2 .as8d1-head-1 {
    max-width: 100%;
    font-size: 50px;
    line-height: 68px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-head-2 {
    font-size: 50px;
    line-height: 68px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-head-3 {
    font-size: 40px;
    line-height: 48px;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-d-1 .as8d1sc2-col-2 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-id-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-8 .alphabox-sec8-d-1 .as8d1-sc-md-2 .as8d1sc2-cont-1 .as8d1sc2-td-1 {
    max-width: 100%;
    min-height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-head-1 {
    font-size: 60px;
    line-height: 70px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-1 .as9d1sc1-cont-1 .as9d1-head-1 {
    max-width: 100%;
    padding: 0px 20px;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-1 .as9d1sc1-cont-1 .as9d1-head-1 span {
    font-size: 40px;
    line-height: 50px;
    padding-left: 26%;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-3 .as9d4sc1-cont-1 .as9d1-head-2 {
    left: 50%;
    width: 100%;
    text-align: center;
  }
  .cs-alphabox-sec-9 .alphabox-sec9-d-1 .as9d1-sc-md-4 .as9d4sc1-cont-1 .as9d1-head-2 {
    right: auto;
    left: 50%;
    width: 100%;
    text-align: center;
  }
  .cs-alphabox-sec-10 .alphabox-sec10-d-1 .as10d1-head-1 {
    font-size: 60px;
    line-height: 70px;
  }
  .cs-alphabox-sec-10 .alphabox-sec10-d-1 .as10d1-head-2 {
    font-size: 22px;
    line-height: 30px;
    padding: 0px 15px;
  }
  .cs-alphabox-sec-10 .alphabox-sec10-d-1 .as10d1-sc-md-1 .as10d1-text-d-1.active .as10d1-head-1 {
    font-size: 40px;
    line-height: 50px;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-head-1 {
    font-size: 32px;
    line-height: 40px;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-desc-1 {
    font-size: 22px;
    line-height: 30px;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 {
    top: 25%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-1 video {
    min-height: 50vh;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-11 .alphabox-sec11-d-1 .as11d1-sc-md-1 .as11d1-d-2 .as11d1d2-text-1 {
    max-width: 100%;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence__container {
    overflow-x: clip;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .scroll-sequence {
    height: 65vh;
    background: unset;
    z-index: 2;
    width: 1000px !important;
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-int-1 .as12d1-seq-content-1 {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: radial-gradient(circle, rgb(174, 202, 208) 0%, rgb(22, 76, 87) 100%);
  }
  .cs-alphabox-sec-12 .alphabox-sec12-d-1 .as12d1-cont-1 .as12d1c1-td-1 {
    max-width: 100%;
    margin: 0 0 15vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-head-1 {
    max-width: 100%;
    font-size: 40px;
    line-height: 48px;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-1 img {
    height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-1 .as13d1sc1-d-2 .as13d1-head-1 {
    max-width: 100%;
    font-size: 40px;
    line-height: 48px;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 {
    min-height: 50vh;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-1 img {
    height: 50vh;
    -webkit-transform: translateX(18vw);
            transform: translateX(18vw);
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 {
    top: 75%;
  }
  .cs-alphabox-sec-13 .alphabox-sec13-d-1 .as13d1-sc-md-2 .as13d2sc1-d-2 .as13d2-head-1 {
    max-width: 100%;
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 400px) and (max-width: 499px) {
  .cs-scroll-head-8 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 500px) {
  #goTpButton {
    margin: 30px;
  }
}
@media (max-width: 500px) {
  .sliding-sequence-container {
    display: none;
  }
  .quality-container {
    display: none;
  }
  .room-container {
    display: none;
  }
  .bottom-running-container {
    display: none;
  }
  .slidingsystem1tablet .slidingdoorheader1 {
    text-align: center;
    font-size: 36px;
    color: #755B55;
    font-weight: bold;
  }
  .slidingsystem1tablet .slidingdoorheader1 p {
    font-size: 20px;
    color: #86868B;
    margin: 20px 50px;
  }
  .slidingsystem1tablet .slidingvideo1 {
    margin-top: 100px;
    padding: 0 40px;
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
  }
  .slidingsystem1tablet .slidingvideo1 video {
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
    height: 500px;
    width: 100%;
  }
  .slidingsystem1tablet .slidingvideo1 .slidingdoorimg1 {
    color: white;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 100%;
  }
  .cs-hoverproducts-container {
    margin-bottom: 800px !important;
  }
  .qualitytablet {
    background: radial-gradient(circle, #CBBEBB 0%, #FFFFFF 100%);
    padding-top: 30px;
  }
  .qualitytablet .sticky1 {
    text-align: center;
    color: #755B55;
  }
  .qualitytablet .sticky1 .qualityh3 {
    font-size: 22px;
    font-weight: bold;
  }
  .qualitytablet .sticky1 .smt110h1 {
    font-size: 28px;
    font-weight: bold;
  }
  .qualitytablet .sticky3 {
    margin: 100px 30px;
  }
  .qualitytablet .sticky3 .stickyh3 {
    font-size: 28px;
    font-weight: bold;
  }
  .qualitytablet .sticky3 p {
    font-size: 16px;
    width: 100%;
    font-weight: 600;
  }
  .excellenttablet .slidingvideo1 video {
    height: 500px;
    width: 100%;
    margin-block: 0;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism {
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
    margin-top: -124px;
    height: 550px;
    color: white;
    text-align: center;
    padding-top: 140px;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism .excellent-mechanismh1 {
    font-size: 28px;
  }
  .excellenttablet .slidingvideo1 .excellent-mechanism p {
    font-size: 16px;
    width: 80%;
    margin: 50px auto;
  }
  .sliding-sequnce-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: radial-gradient(circle, #CBBEBB 0%, #FFFFFF 100%);
    height: 700px;
    font-size: 28px;
    color: #755B55;
    font-weight: bold;
  }
  .sliding-sequnce-mobile p {
    margin-top: 200px;
    margin-left: 20px;
  }
  .sliding-sequnce-mobile img {
    height: 400px;
  }
  .quality-container-mobile {
    display: block;
  }
  .quality-container-mobile .sticky-container .mobilediv {
    background: radial-gradient(circle, #D5B6AD 0%, #604D47 100%);
    color: white;
  }
  .quality-container-mobile .sticky-container .mobilediv .header-container {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .quality-container-mobile .sticky-container .mobilediv .header-container p {
    font-size: 22px;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag1 {
    padding-inline: 30px;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag1 .parag1h1 {
    font-size: 28px;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag1 p {
    font-size: 16px;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag1 p span {
    font-size: 50px;
    background: -webkit-linear-gradient(#461003, #0e0301);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag2 {
    padding-inline: 30px;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag2 .parag1h1 {
    font-size: 28px;
    font-weight: bold;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag2 p {
    color: #461003;
    opacity: 0.5;
    font-weight: 600;
  }
  .quality-container-mobile .sticky-container .mobilediv .parag2 p.active {
    opacity: 1;
  }
  .room-container-mobile {
    display: block;
  }
  .room-container-mobile .sticky-room .mobilediv {
    background: radial-gradient(circle, #ffffff 0%, #bfc3a7 100%);
  }
  .room-container-mobile .sticky-room .mobilediv .header-container {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 0px;
    color: #404821;
  }
  .room-container-mobile .sticky-room .mobilediv .header-container p {
    font-size: 22px;
  }
  .room-container-mobile .sticky-room .mobilediv .paragr1 p.passive {
    opacity: 0.5;
  }
  .room-container-mobile .sticky-room .mobilediv .paragr1 .gradientcolor {
    font-size: 28px;
    font-weight: bold;
    margin-block: 15px;
  }
  .bottom-running-mobile {
    display: block;
  }
  .bottom-running-mobile .bottom-running-sticky .mobilediv {
    background: radial-gradient(circle, #ffffff 0%, #D3D2D2 100%);
    padding-bottom: 150px;
  }
  .bottom-running-mobile .bottom-running-sticky .mobilediv .header-container {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 0px;
    color: #37625A;
    font-weight: 900;
  }
  .bottom-running-mobile .bottom-running-sticky .mobilediv .header-container .header-smt-1h1 {
    font-weight: 800;
  }
  .bottom-running-mobile .bottom-running-sticky .mobilediv .header-container p {
    font-size: 22px;
  }
  .bottom-running-mobile .bottom-running-sticky .mobilediv .paragl1 .gradientcolor {
    font-size: 28px;
    font-weight: bold;
    margin-block: 15px;
    padding-inline: 30px;
  }
  .sophisticated-tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sophisticated-tablet img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sophisticated-tablet .sticky1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
  }
  .sophisticated-tablet .sticky1 center {
    width: 85%;
    line-height: 56px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 46px;
    color: #262626;
    font-weight: bold;
    text-align: center;
  }
  .sophisticated-tablet .sticky1 center span {
    font-size: 20px;
  }
  .sophisticated-tablet .sticky-mobil {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50vh;
  }
  .sophisticated-tablet .sticky-mobil center {
    width: 85%;
    line-height: 56px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 46px;
    font-weight: bold;
    text-align: center;
  }
  .sophisticated-tablet .sticky-mobil center span {
    font-size: 20px;
  }
  .harmony-tablet {
    display: block;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#79584A), to(#FAC2AA));
    background: linear-gradient(#79584A, #FAC2AA);
  }
  .harmony-tablet .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .harmony-tablet .harmonysticky .sliding-header {
    font-size: 38px;
    display: block;
    width: 70%;
    color: white;
    font-weight: bold;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
  }
  .harmony-tablet .harmonysticky .sliding-header2 {
    font-size: 25px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .elegant-tablet .elegant-sticky .elegant1 {
    height: 20vh;
    background: #554A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .elegant-tablet .elegant-sticky .elegant1 .sliding-header1 {
    font-size: 46px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .elegant-tablet .elegant-sticky .elegant2 {
    height: 20vh;
    background: #554A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 50px;
  }
  .elegant-tablet .elegant-sticky .elegant2 .sliding-header1 {
    font-size: 46px;
    line-height: 40px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .elegant-tablet .elegant-sticky .elegant2 .flow {
    font-size: 35px;
    color: white;
    line-height: 35px;
  }
  .elegant-tablet .elegant-sticky .elegant2 .last {
    font-size: 25px;
    color: white;
  }
  .elegant-tablet .elegant-sticky .elegant3 {
    width: 100%;
    position: relative;
  }
  .elegant-tablet .elegant-sticky .elegant3.second .elegant3parag {
    display: block;
    top: 40%;
  }
  .elegant-tablet .elegant-sticky .elegant3 .elegant3parag {
    display: none;
    position: absolute;
    top: 20%;
    color: white;
    text-align: center;
    left: 0;
    width: 100%;
    font-size: 25px;
  }
  .elegant-tablet .elegant-sticky .elegant3 .elegant3parag span {
    font-size: 25px;
  }
  .elegant-tablet .elegant-sticky .elegant3 video {
    width: 100%;
    max-height: 500px;
    height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .elegant-tablet .elegant-sticky .elegant3 .img-fluid {
    height: auto;
    max-height: 600px;
    min-height: 450px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .elegant-tablet .elegant-sticky .elegant4 {
    min-height: 100vh;
    background: #554A4A;
    text-align: center;
    padding-top: 50px;
  }
  .elegant-tablet .elegant-sticky .elegant4 .img-fluid {
    height: auto;
    max-height: 600px;
    min-height: 450px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 .first {
    font-size: 36px;
  }
  .elegant-tablet .elegant-sticky .elegant4 .last4 .second {
    font-size: 25px;
    color: #86868B;
  }
  .elegant-tablet .elegant-sticky .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .artflow-tablet img {
    width: 100%;
  }
  .artflow-tablet .sliding-header-container {
    background: -webkit-gradient(linear, left top, left bottom, from(#C6C6C8), to(#565151));
    background: linear-gradient(#C6C6C8, #565151);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-weight: bold;
    color: white;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-block: 40px;
  }
  .artflow-tablet .sliding-header-container .slidingheader {
    font-size: 25px;
    width: 70%;
  }
  .artflow-tablet .sliding-header-container span {
    font-size: 25px;
    font-weight: bold;
  }
  .artflow-tablet .video-container {
    position: relative;
  }
  .artflow-tablet .video-container video {
    width: 100%;
    height: 700px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: -110px;
  }
  .artflow-tablet .video-container .videoheader {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    font-weight: bold;
    color: white;
    display: none;
  }
  .artflow-tablet .video-container .videoheader span {
    font-size: 28px;
    line-height: 30px;
  }
  .artflow-tablet .videoheader2 {
    display: block;
    height: 50vh;
    text-align: center;
    padding-top: 45px;
    background: -webkit-gradient(linear, left top, left bottom, from(#C6C6C8), to(#565151));
    background: linear-gradient(#C6C6C8, #565151);
    font-size: 36px;
    line-height: 30px;
    font-weight: bold;
    color: white;
    margin-top: -86px;
  }
  .artflow-tablet .videoheader2 span {
    font-size: 28px;
    line-height: 30px;
  }
  .alphabox-tablet {
    display: block;
  }
  .alphabox-tablet .alphabox1 {
    height: 50vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .alphabox-tablet .alphabox1 .sliding-header1 {
    font-size: 46px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .alphabox-tablet .alphabox2 {
    height: 50vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .alphabox-tablet .alphabox2 .sliding-header1 {
    font-size: 46px;
    line-height: 40px;
    color: white;
    text-align: center;
    font-weight: 300;
  }
  .alphabox-tablet .alphabox2 .flow {
    font-size: 25px;
    margin-top: 50px;
    color: white;
    line-height: 25px;
    font-weight: bold;
  }
  .alphabox-tablet .alphabox2 .last {
    font-size: 25px;
    color: white;
    font-weight: bold;
  }
  .alphabox-tablet .alphabox3 {
    min-height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    position: relative;
  }
  .alphabox-tablet .alphabox3 .alphabox3-mobil {
    display: block;
    position: absolute;
    text-align: center;
    top: 40%;
    font-size: 45px;
    color: white;
    font-weight: bold;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .alphabox-tablet .alphabox3 img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .alphabox-tablet .alphabox4 {
    min-height: 100vh;
    background: radial-gradient(circle, #6F6F6F 0%, #262525 100%);
    text-align: center;
    padding-top: 50px;
  }
  .alphabox-tablet .alphabox4 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .alphabox-tablet .alphabox4 .last4 .first {
    font-size: 36px;
  }
  .alphabox-tablet .alphabox4 .last4 .second {
    font-size: 28px;
    color: #86868B;
  }
  .alphabox-tablet .alphabox4 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .invaria-tablet {
    display: block;
  }
  .invaria-tablet .invaria1 {
    background: radial-gradient(circle, #ffffff 0%, #CBC2BE 100%);
    height: 70vh;
    position: relative;
  }
  .invaria-tablet .invaria1 .second-slide {
    position: absolute;
    top: 50px;
    opacity: 1;
    text-align: center;
    font-size: 46px;
    font-weight: 300;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    background: -webkit-linear-gradient(#79584A, #FAC2AA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .invaria-tablet .invaria2 {
    background: radial-gradient(circle, #ffffff 0%, #CBC2BE 100%);
    height: 60vh;
    position: relative;
  }
  .invaria-tablet .invaria2 img {
    position: absolute;
    right: 0;
    width: 100%;
    height: 380px;
  }
  .invaria-tablet .invaria2 p {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -70px;
    font-size: 25px;
    color: #797471;
    font-weight: bold;
  }
  .multi-mech-tablet {
    display: block;
  }
  .multi-mech-tablet .multimechmobil-header {
    display: block;
    height: 30vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .multi-mech-tablet .multimechmobil-header p {
    font-size: 32px;
  }
  .multi-mech-tablet .multimechmobil-header span {
    font-size: 24px;
  }
  .multi-mech-tablet .multi-mech1 {
    height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .multi-mech-tablet .multi-mech1 p {
    font-size: 32px;
  }
  .multi-mech-tablet .multi-mech1 span {
    font-size: 25px;
  }
  .multi-mech-tablet .multi-mech2 {
    height: 100vh;
    position: relative;
  }
  .multi-mech-tablet .multi-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .multi-mech-tablet .multi-mech2 img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader {
    display: none;
    text-align: center;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader p {
    font-size: 66px;
  }
  .multi-mech-tablet .multi-mech2 .multimechheader span {
    font-size: 42px;
  }
  .multi-mech-tablet .multi-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding-top: 50px;
  }
  .multi-mech-tablet .multi-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .multi-mech-tablet .multi-mech3 .last4 .first {
    font-size: 32px;
  }
  .multi-mech-tablet .multi-mech3 .last4 .second {
    font-size: 22px;
    color: #86868B;
  }
  .multi-mech-tablet .multi-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
  }
  .solo-mech-tablet {
    display: block;
  }
  .solo-mech-tablet .multimechmobil-header {
    display: block;
    height: 30vh;
    background: radial-gradient(circle, #64646E 0%, #323237 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .solo-mech-tablet .multimechmobil-header p {
    font-size: 32px;
  }
  .solo-mech-tablet .multimechmobil-header span {
    font-size: 22px;
  }
  .solo-mech-tablet .solo-mech1 {
    display: block;
    height: 100vh;
    background: radial-gradient(circle, #64646E 0%, #323237 100%);
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky .sliding-header {
    font-size: 30px;
    display: block;
    width: 70%;
    color: white;
    font-weight: bold;
  }
  .solo-mech-tablet .solo-mech1 .harmonysticky .sliding-header2 {
    font-size: 25px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .solo-mech-tablet .solo-mech2 {
    height: 100vh;
    height: 100vh;
    position: relative;
  }
  .solo-mech-tablet .solo-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader {
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader p {
    font-size: 30px;
  }
  .solo-mech-tablet .solo-mech2 .multimechheader span {
    font-size: 20px;
  }
  .solo-mech-tablet .solo-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #64646E 0%, #323237 100%);
    text-align: center;
    padding-top: 50px;
  }
  .solo-mech-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .solo-mech-tablet .solo-mech3 .last4 .first {
    font-size: 36px;
  }
  .solo-mech-tablet .solo-mech3 .last4 .second {
    font-size: 25px;
    color: #86868B;
  }
  .solo-mech-tablet .solo-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
  }
  .master-tablet {
    display: block;
  }
  .master-tablet .multimechmobil-header {
    display: block;
    height: 30vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .master-tablet .multimechmobil-header p {
    font-size: 23px;
  }
  .master-tablet .multimechmobil-header span {
    font-size: 18px;
  }
  .master-tablet .solo-mech1 {
    display: block;
    height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
  }
  .master-tablet .solo-mech1 .harmonysticky {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
  .master-tablet .solo-mech1 .harmonysticky .sliding-header {
    font-size: 35px;
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
  }
  .master-tablet .solo-mech1 .harmonysticky .sliding-header2 {
    font-size: 32px;
    color: white;
    font-weight: bold;
    opacity: 1;
  }
  .master-tablet .solo-mech2 {
    height: 100vh;
    height: 100vh;
    position: relative;
  }
  .master-tablet .solo-mech2 video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .master-tablet .solo-mech2 .multimechheader {
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: white;
    font-weight: bold;
  }
  .master-tablet .solo-mech2 .multimechheader p {
    font-size: 46px;
  }
  .master-tablet .solo-mech2 .multimechheader span {
    font-size: 25px;
  }
  .master-tablet .solo-mech3 {
    min-height: 100vh;
    background: white;
    text-align: center;
    padding-top: 50px;
  }
  .master-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: #262626;
  }
  .master-tablet .solo-mech3 .last4 .first {
    font-size: 30px;
  }
  .master-tablet .solo-mech3 .last4 .second {
    font-size: 23px;
    color: #86868B;
    padding-inline: 16px;
  }
  .master-tablet .solo-mech3 .btn {
    border: 1px solid #262626;
    color: #262626;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
  }
  .kb-hinge-tablet {
    display: block;
  }
  .kb-hinge-tablet .kb-hinge1 {
    font-size: 46px;
    font-weight: 300;
    color: white;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding: 50px;
  }
  .kb-hinge-tablet .solo-mech3 {
    min-height: 100vh;
    background: radial-gradient(circle, #766560 0%, #453D3D 100%);
    text-align: center;
    padding-top: 50px;
  }
  .kb-hinge-tablet .solo-mech3 video {
    width: 100%;
    z-index: -1;
    height: 60vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .kb-hinge-tablet .solo-mech3 .last4 {
    margin-bottom: 40px;
    color: white;
  }
  .kb-hinge-tablet .solo-mech3 .last4 .first {
    font-size: 46px;
    display: none;
  }
  .kb-hinge-tablet .solo-mech3 .last4 .second {
    display: none;
    font-size: 42px;
    color: #86868B;
  }
  .kb-hinge-tablet .solo-mech3 .btn {
    border: 1px solid white;
    color: white;
    background: transparent;
    font-size: 18px;
    font-weight: bold;
  }
  .mobil-header-rd {
    display: block;
    text-align: center;
    padding-inline: 5%;
    margin-block: 50px;
  }
  .mobil-header-rd .mainheader {
    font-size: 30px;
    font-weight: bold;
  }
  .mobil-header-rd p {
    font-size: 17px;
  }
  .division-container {
    height: 212px;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    text-align: center;
    position: relative;
  }
  .division-container .lg-screenbg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1080px;
    display: none;
  }
  .division-container .sm-screenbg {
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
  }
  .division-container .xs-screenbg {
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
  }
  .division-container .bg-imgtablet {
    opacity: 0;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .division-container .header {
    z-index: 12;
    display: none;
  }
  .productdev-container {
    height: auto;
  }
  .productdev-container .producth1 {
    font-size: 30px;
    -webkit-text-fill-color: #262626;
  }
  .productdev-container .product-alt {
    position: relative;
  }
  .productdev-container .product-alt .img-fluid {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .productdev-container .product-alt .header {
    width: 90%;
    text-align: right;
    position: static;
    margin-left: 20px;
    z-index: 15;
  }
  .productdev-container .product-alt .header p {
    -webkit-text-fill-color: #262626;
    font-size: 15px;
    font-weight: 500;
  }
  .rd-video-container {
    height: 212px;
    position: relative;
  }
  .rd-video-container .video-header {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 80%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: left;
    color: white;
  }
  .rd-video-container .video-header p {
    font-size: 20px;
    font-weight: 500;
  }
  .rd-video-container .video-header .headerh2 {
    display: none;
  }
  .patent-container {
    margin-top: 20px;
    padding-top: 50px;
  }
  .patent-container .application {
    width: 80%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .patent-container .application img {
    margin-bottom: 50px;
    height: 110px;
  }
  .patent-container .application .patenth3 {
    background: -webkit-linear-gradient(#92B7EE, #E072A4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: white;
    font-size: 24px;
    font-weight: bold;
  }
  .patent-container .application i {
    color: #86868B;
    font-size: 22px;
  }
  .patent-container .imgcontainer {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .patent-container .imgcontainer img {
    width: 100%;
  }
  .patent-container .header {
    width: 90%;
    margin: 50px auto;
  }
  .patent-container .header .patenth3 {
    background: -webkit-linear-gradient(#92B7EE, #E072A4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: white;
    font-size: 24px;
    font-weight: bold;
  }
  .patent-container .header p {
    font-size: 22px;
    color: white;
    font-weight: bold;
  }
  .patent-container .slider-container {
    position: relative;
  }
  .patent-container .slider-container .owl-carousel .div1 {
    height: 218px;
    width: 100%;
    background-size: cover !important;
  }
  .patent-container .slider-container .owl-carousel .owl-nav, .patent-container .slider-container .owl-carousel .owl-dots {
    display: none;
  }
  .patent-container .slider-container .slider-header {
    position: static;
    padding-block: 40px;
    padding-inline: 50px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 15;
    color: white;
    text-align: center;
  }
  .patent-container .slider-container .slider-header .sliderh3 {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
  }
  .patent-container .slider-container .slider-header p {
    font-size: 18px;
    font-weight: 500;
  }
  .rd-automation {
    background: -webkit-gradient(linear, right bottom, left top, from(#FF0000), to(#372952));
    background: linear-gradient(to left top, #FF0000, #372952);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 50px;
    margin-top: 20px;
    position: relative;
  }
  .rd-automation .rdh3 {
    color: white;
    font-size: 30px;
    font-weight: bold;
    padding-block: 80px;
    padding-inline: 10%;
  }
  .rd-automation .img-container {
    height: 220px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .rd-automation .sub-header {
    position: static;
    bottom: 10%;
    left: 15%;
    width: 90%;
    margin-left: 20px;
    margin-top: 50px;
  }
  .rd-automation .sub-header p {
    font-size: 15px;
    font-weight: 500;
    color: white;
  }
  .omni-sec1 {
    height: auto;
  }
  .omni-sec1 .omni-sec1-h1 {
    font-size: 36px;
  }
  .omni-sec1 p.top-p {
    font-size: 20px;
    width: 80%;
  }
  .omni-sec1 .omni-sec1-div1 {
    height: auto;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#C39C8E), to(#FFFFFF));
    background: linear-gradient(#C39C8E, #FFFFFF);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .omni-sec1 .omni-sec1-div1 .tel1 {
    margin-top: 0px;
  }
  .omni-sec1 .omni-sec1-div1 .animated1 {
    position: static;
    top: 30%;
    left: 5%;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding-inline: 20px;
  }
  .omni-sec1 .omni-sec1-div1 .animated1 p {
    font-size: 16px;
    width: 60%;
    font-weight: 500;
  }
  .omni-sec1 .omni-sec1-div1 .animated2 {
    position: static;
    margin-top: 100px;
    padding-inline: 20px;
    bottom: -10%;
    right: 5%;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    text-align: right;
  }
  .omni-sec1 .omni-sec1-div1 .animated2 p {
    font-size: 16px;
    width: 60%;
    float: right;
    font-weight: 500;
  }
  .omni-sec2 {
    margin-top: 0px;
    position: relative;
    height: auto;
    margin-bottom: 0px;
  }
  .omni-sec2 .omni-hidden1 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden2 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden3 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden4 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden5 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden6 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden7 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-hidden8 {
    position: absolute;
    top: 50vh;
    display: none;
  }
  .omni-sec2 .omni-sec2-h2 {
    font-size: 32px;
    font-weight: bold;
    background: -webkit-linear-gradient(#B28676, #262626);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-block: 20px;
  }
  .omni-sec2 .omnisec2-paragvideo-mobil {
    display: block;
  }
  .omni-sec2 .omnisec2-paragvideo-mobil .video-mobil {
    width: 100%;
  }
  .omni-sec2 .omnisec2-paragvideo-mobil .video-mobil video {
    width: 100%;
    height: 500px;
    -o-object-position: 100% 100%;
       object-position: 100% 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .omni-sec2 .omnisec2-paragvideo-mobil .parag-container {
    padding-inline: 20px;
    font-size: 24px;
    color: #262626;
    font-weight: bold;
  }
  .omni-sec2 .sticky-container {
    position: sticky;
    top: 100px;
    height: 100vh;
    margin-top: 100px;
    display: none;
  }
  .omni-sec2 .sticky-container .parag-container {
    position: absolute;
    top: 0;
  }
  .omni-sec2 .sticky-container .parag-container p {
    font-size: 24px;
    width: 100%;
    color: #86868B;
    margin: 0;
    padding: 0;
  }
  .omni-sec2 .sticky-container .parag-container p.active {
    color: #262626;
  }
  .omni-sec2 .sticky-container .img-container {
    margin-top: -200px;
    position: absolute;
    bottom: 0px;
    left: -100%;
    overflow: hidden;
  }
  .omni-sec2 .sticky-container .img-container video {
    position: static;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border: none;
    height: 460px;
  }
  .omni-sec3 {
    min-height: 40vh;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(#C39C8E), to(#FFF3EF));
    background: linear-gradient(to bottom, #C39C8E, #FFF3EF);
    padding-block: 50px;
  }
  .omni-sec3 i {
    display: block;
    text-align: center;
    font-size: 35px;
    margin-bottom: 80px;
  }
  .omni-sec3 .omni-sec3h1 {
    margin-bottom: 80px;
    font-weight: bolder;
    font-size: 30px;
  }
  .omni-sec3 .social {
    gap: 30px;
    padding-inline: 20px;
  }
  .omni-sec3 .social div:nth-child(1), .omni-sec3 .social div:nth-child(2) {
    position: relative;
  }
  .omni-sec3 .social div:nth-child(1)::after, .omni-sec3 .social div:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: 0px;
    height: 30px;
    width: 1px;
    background: #707070;
  }
}
@media (max-width: 380px) {
  .omni-sec2 .sticky-container .img-container {
    bottom: -100px;
  }
}
@media (max-width: 320px) {
  .cs-scroll-change-h-2 {
    height: 144px;
  }
  .cs-bestSolutions-sec-5 .cs-bestSolutions-area-5.active .cs-scroll-head-8 {
    top: -140px;
  }
  .cs-bestSolutions-sec-5 .cs-bestSolutions-area-5.active .cs-scroll-desc-3 {
    top: -110px;
  }
  .cs-scroll-head-8 {
    font-size: 30px;
    line-height: 38px;
  }
  .cs-scroll-change-p-2 {
    height: 90px;
  }
  .cs-count-number-box-1 .count-number-list .count-text-1 {
    font-size: 28px;
    line-height: 36px;
  }
  .cs-count-number-box-1 .count-number-list .count-text-2 {
    font-size: 14px;
    line-height: 24px;
  }
  .cs-mobile-search-1, .cs-header-lang-btn-1 {
    font-size: 12px;
  }
  .cs-menu-1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cs-menu-1 li {
    margin-right: 6px;
  }
  .cs-menu-1 li::after {
    padding-left: 6px;
    position: relative;
    top: 1px;
  }
  .cs-menu-1 a {
    font-size: 10px;
  }
  .cs-menu-1 a span {
    display: none;
  }
  .cs-menu-1 a i {
    font-size: 18px;
  }
  .omni-sec2 .sticky-container .img-container {
    left: -150%;
    bottom: 0px;
  }
  .omni-sec2 {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=responsive.css.map */