section#suop--ele___block-content-4 {
    background-image: url(https://southcorporation.co.th/themes/9999/_images/bg-ab-south.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 18% bottom -114px;
    padding-bottom: 0px;
}
section#suop--ele___block-content-5 {
    padding-bottom: 0px;
}
section#suop--ele___block-content-4 .content-en .detail-content {
    padding-right: 23%;
}
img.img-content {
    width: 100%;
}

h2.title-content {
    text-align: center;
}
p.detail-content {
    text-align: center;
}

/*section.block-content {
    text-align: center;
}*/
li.inner-card {
    width: 24%;
    display: inline-block;
    float: left;
    padding: 0%;
    background-color: #f6d300;
    margin: 5px;
}
li.inner-card img {
    width: 100%;
    height: 100%;
}
li.service-card {
        width: 32.33%;
    display: inline-block;
    float: left;
    padding: 0%;
    background-color: #f6d300;
    margin: 5px;
}
li.service-card img {
    width: 100%;
    height: 100%;
}
li.inner-card p {
        font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}
.inner-card a {
    font-weight: bold;
    overflow-wrap: break-word;
    padding: 0px;
}
@media screen and (min-width: 1920px) and (max-width: 2056px) {
    section#suop--ele___block-content-4 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right 7% bottom -135px;
    }


}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
section#suop--ele___block-content-4 {
    background-image: url(https://southcorporation.co.th/themes/9999/_images/bg-ab-south.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 38% bottom -143px;
}



}



@media (max-width: 480px){
.suop--main_content img {
    width: 100%;
    height: 100%;
}
p.detail-content span {
    font-size: 25px;
    line-height: 24px;
}
section#suop--ele___block-content-4 .content-en .detail-content {
    padding-right: unset;
}
.text-content-container {
    padding-top: 15px;
}
li.inner-card {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 0%;
    background-color: #f6d300;
    margin: 5px;
}
li.service-card {
    width: 97%;
    display: inline-block;
    float: left;
    padding: 0%;
    background-color: #f6d300;
    margin: 5px;
}








}