.intro-banner .caption .banner-title {
    font-size: 50px;
    line-height: 65px;
}

/* Gas Power: use the full-width, non-rotated section decoration. */
#solutions-design-for-you::before {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

.JTgpRow3ContentRight {
    margin-left: 0px;
    max-width: 58.33333%;
    flex: auto;
}

.JTgpRow3ContentRight > div {
    margin: 0px 0px 0px -30%;
    width: 130%;

    margin: 0px 0px 0px -20%;
    width: 120%;
}

.JTgpRow3ContentRight > div > div {
    padding-right: 0px;
}

.JTgpRow3ContentRight > div > div > .card-list {
    justify-content: center;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item {
    width: calc(33.33333%);

    width: 100%;
    max-width: 100%;

    padding-bottom: 35px;
    margin-bottom: 0px;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item > .card-container,
.JTgpRow3ContentRight > div > div > .card-list .card-item .card-body {
    height: 100%;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item:nth-child(2n+1) {
    padding-left: 1rem;
    padding-right: 0rem;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item .card-content {
    font-size: 14px;
    line-height: 15px;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item .card-body .card-title {
    font-size: 12px; 
    line-height: 14px;
    margin-bottom: 30px;
}

.JTgpRow3ContentRight > div > div > .card-list .card-item .card-body .card-title::before {
    bottom: -13px;
}

.JTgpRow3ContentRight .card-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.JTgpRow3ContentRight .card-wrapper .card-list {
    width: calc(33.33333%);
}



@media screen and (min-width: 48rem) {
.JTgpRow1 {
    margin-left: 0.333333%;
    margin-left: 50px;
}
}

@media screen and (max-width: 767px){
 .intro-banner .caption .banner-title {

 }   

 .intro-banner .caption .banner-title br {
    display: none;
 }

 .JTgpRow3ContentRight {

 }
}


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

#app,
#main,
.section-content,
.section-content > .item {
    height: 100%;
}

#main {
    min-height: initial;
}
#line06-2{
    display: none;
}
#ball01-2 {
    display: none;
 }
#ball01 {
    width: 24px;
    height: 24px;
    right: 12%;
    left: auto;
    top: 13%;
}

#ball02 {
    width: 95px;
    height: 95px;
    top: -30px;
    left: 50%;
}

#ball03 {
    width: 55px;
    height: 55px;
    left: 33px;
    top: 27%;
}

#ball04 {
    width: 30px;
    height: 30px;
    top: 44%;
    left: auto;
    right: 5px;
    transform: none;
    bottom: auto;
}

#ball05 {
    width: 70px;
    height: 70px;
    bottom: -30px;
    left: auto;
    right: 10%;
}

#ball06,
#line05 {
    display: none;
}

#ball07 {
    width: 70px;
    height: 70px;
    top: -40px;
    left: auto;
    right: 10%;
}

#ball08 {
    width: 30px;
    height: 30px;
    /* left: 25%; */
    left: 5%;
    top: 13%;
}

#ball09 {
    width: 55px;
    height: 55px;
    /* right: 25px; */
    /* bottom: 25%; */
    left: -10%;
    bottom: 15%;
}

#ball10 {
    width: 23px;
    height: 23px;
    bottom: 22%;
}

#ball11 {
    width: 84px;
    height: 84px;
}

#fuelling-malaysia-forward-with-a-natural-super-power {
    padding-top: 160px;
    padding-bottom: 200px;
    top: auto !important;
}

#fuelling-malaysia-forward-with-a-natural-super-power .ts-container {
    height: 100%;
}

#solutions-design-for-you {
    top: auto !important;
    height: auto;
    padding-top: 135px;
    padding-bottom: 80px;
}

#ball12 {
    width: 84px;
    height: 84px;
    top: -24px;
    right: 18%;
}

#ball13 {
    width: 22px;
    height: 22px;
    right: auto;
    /* left: 40%; */
    left: 0%;
    top: 5%;
}

#ball14 {
    width: 55px;
    height: 55px;
    /* right: 20px; */
    top: 50%;
    bottom: auto;
    /* left: auto; */
    left: 30%;
}

#ball15 {
    width: 30px;
    height: 30px;
    bottom: 13%;
    left: 13%;
}

#ball16 {
    width: 84px;
    height: 84px;
    bottom: -40px;
    left: auto;
    right: 30%;
}
#ball16-2 {
 display: none;
}
#line1-2{
    display: none;
}

#footer {
    top: auto !important;
}

#fball01 {
    width: 84px;
    height: 84px;
    top: -44px;
    left: auto;
    right: 30%;
}

#fball02 {
    width: 54px;
    height: 54px;
    top: 10%;
}

#fball03 {
    width: 30px;
    height: 30px;
    top: 50%;
    left: auto;
    right: 25%;
}

#fball04 {
    width: 24px;
    height: 24px;
    bottom: 37%;
}

#fball05,
#fball06,
#fline04,
#fline05 {
    display: none;
}

.intro-banner .caption .banner-title {
    line-height: 55px;
 } 

 .JTgpRow3ContentRight {
    max-width: 100%;
 }

 .JTgpRow3ContentRight > div {
    margin: 0px 0px 0px 0%;
  width: 100%;
 }

.JTgpRow3ContentRight .card-wrapper {
    margin-top: 30px;
}

 .JTgpRow3ContentRight .card-wrapper .card-list {
    display: block;
 }

 .JTgpRow3ContentRight .card-wrapper .card-list {
    width: 100%;
 }

}