#header{
    background-image: url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/BG.png');
    background-position: right 50% top 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height:430px;
}
#contentFooter{
    background-image: url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/BGFooter.jpg');
    height:289px;
    background-repeat: no-repeat;
    background-size: cover;
}
.shadow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body{
    overflow-x: hidden;
}
#divMap{
    background-image:url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/Map.png');
    width:976px;
    height:493.9px;
    background-repeat: no-repeat;
    background-size: cover;
}
#MapContent{
    height:520px;
}
.accordion-button:not(.collapsed){
    background-color: white;
    /* border-bottom: 2px solid #e5e5ecaf; */
    box-shadow: 0 2px 3px -2px #e5e5ecaf !important;
}
.accordion-button{
    border: 0px;
}
.accordion-item:not(:first-of-type) {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
#VDOFrame{
    width: 75%;
    height: 442px;
}
#divVDOFrame{
    height: 460px;
}
.mt-6{
    margin-top: 100px !important;
}
@media only screen and (max-width: 992px) {
    #header{
        background-image: url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/BG.png');
        background-position: right 30% top 70%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #divMap{
        background-image:url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/Map.png');
        width:676px;
        height:343.9px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #MapContent{
        height:390px;
    }
    .mt-6{
        margin-top: 80px !important;
    }
}
@media only screen and (max-width: 720px) {
    #header{
        height:260px;
        background-image: url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/BGMobile.png');
        background-position: right 20% top 0%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #contentFooter{
        background-image: url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/BGFooterMobile.jpg');
        height:332px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #divMap{
        background-image:url('https://dtd-image.s3.ap-southeast-1.amazonaws.com/About/Map.png');
        width:375px;
        height:343.9px;
        background-size: cover;
        background-position: 125% 0;
    }
    #MapContent{
        height:390px;
    }
    #VDOFrame{
        width: 98%;
        height: 257px;
    }
    #divVDOFrame{
        height: 270px;
    }
    .mt-6{
        margin-top: 50px !important;
    }
}