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

    .view-desktop {
        display: none;
    }

    .view-mobile {
        display: block;
    }


    html, body {
        overflow-x: hidden; /* Mencegah scroll horizontal */
        max-width: 100%; /* Mencegah elemen melampaui layar */
    }

    .logo-img{
        width: 20%;
    }

    .header-text{
        font-size: 80px;
    }

    .content-header{
        position: absolute;
        /*margin-top: 24%;*/
        /*right: -12%;*/
        margin-top: 7%;
        right: -12%;
        /*font-size: 50px;*/
        transform: rotate(90deg);
    }

    .img_section__about{
        width: 20%;
    }

    .text_section__about{
        font-size: 50px;
    }

    .position-adders{
        width: 10%;
        left: 0%;
        margin-top: 5%;
        position: absolute;
    }

    .back-top {
        bottom: 10px; /* Turunkan sedikit untuk lebih nyaman */
        right: 10px;
    }

    .back-top a {
        width: 50px; /* Ukuran lebih kecil */
        height: 50px;
    }

    .view-xl{
        display: none;
    }

    .view-sm{
        display: block;
    }

    .why_adders{
        font-size: 70px;
    }

    .posisi-logo{
        width: 20%;
    }

    .img-item{
        width: 30%;
    }

    .item-category{
        font-size: 30px;
    }

    .contact-text{
        font-size: 50px;
        padding: 0 10px 0 10px;
    }

    .line-footer{
        width: 80%;
    }

    .icon-footer{
        width: 7%;
    }

    .footer-container {
        display: flex;
        justify-content: space-between;
        align-items: center; /* Agar sejajar secara vertikal */
        margin-bottom: 20px;
    }    

    .position-reloving {
        position: absolute;
        top: 40%;
        right: 22%;
    }

    .width-7p {
        width: 20%;
    }


    /*.margin-r-10p {*/
    /*margin-right: 0%;*/
    /*}*/
    .width-60p {
        width: 50%;
    }

    .width-65p {
        /*width: 55%;*/
        width: 85%;
    }

    .margin-r-10p {
        /*margin-right: 1%;*/
        margin-right: 14%;
    }

    .margin-top-min-20p {
        /*margin-top: -35%;*/
        margin-top: -45%;
    }

    .margin-top-min-15p {
        margin-top: -30%;
    }

    .font-70 {
        font-size: 30px;
        line-height: 40px;
    }

    /* .btn-download1 {
        background: #0033cc;
        color: #fff;
        padding: 10px 40px;
        font-weight: bold;
        font-size: 20px;
        width: 80%;
        border-radius: 35px;
        border: 1px solid #fff;
    } */

    .btn-download1 {
        width: 100%;
        background: #0033cc;
        color: #fff;
        padding: 10px 5px;
        font-weight: bold;
        font-size: 14px;
        border-radius: 25px;
        border: 1px solid #fff;
    }

    .line-footer {
        height: 10px;
        width: 100%;
        margin-top: 12%;
    }

    .posisi-singapore-right {
        position: absolute;
        right: 1%;
        top: 15%;
    }

    .margin-t-min5 {
        margin-top: 0%;
    }

    .width-30 {
        width: 20px;
    }

    .font-step {
        font-size: 18px;
        line-height: 20px;
    }

    .btn-download {
        width: 94%;
        background: #0033cc;
        color: #fff;
        padding: 12px 5px;
        font-weight: bold;
        font-size: 18px;
        border-radius: 25px;
        border: 1px solid #fff;
    }

    .margin-l-min-5p {
        margin-left: 1%;
    }

    .margin-l-min-6p {
        margin-left: 6%;
    }

    
    iframe {
        position: absolute !important;
        margin-top: -27% !important;
        margin-left: 33% !important;
    }
    
    .padding-y-50 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    
    
    .margin-top-13min {
        margin-top: -13%;
    }

    

}