@media (max-width: 480px) {

    .img-about{
        display: block;
        max-width: 100%;
        height: auto;
        position: center;
        max-width:70%;
    }


}




@media (min-width: 481px) and (max-width: 767px) {

    .img-about{
        display: block;
        height: auto;
        position: center;
        max-width:50%;
    }

}




@media (min-width: 768px) and (max-width: 991px) {


    .img-about{
        display: block;
        max-width: 75%;
        height: auto;
        position: center;
        padding-top:160px;
    }

}





@media (min-width: 992px) and (max-width: 1199px) {


    .img-about{
        display: block;
        max-width: 65%;
        height: auto;
        position: center;
        padding-top: 145px;
    }

}





@media (min-width: 1200px) {

    .img-about{
        display: block;
        max-width: 55%;
        height: auto;
        position: center;
        padding-top: 90px;
    }


}






 header {
    background-image: url(../image/aboutus_01.png);
    padding-top: 364px;
}

.navbar-custom {
    background-color: #222;
    border-color: transparent;
    opacity: .95;
}

/*
.navbar-custom.affix {
background-color: #222;
padding: 10px 0;
}
*/


#introduction_01 {
    background-image: url(../image/aboutus_01.png);
    background-repeat: no-repeat;
}


.about-text h1 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: left;
    margin-left: 25px;
    margin-bottom: 50px;
}

#our-mission {
    padding-top: 60px;
    padding-bottom: 60px;
}

#about_01 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-about01 {
    background-image: url(../image/aboutus_03.png);
    width:100%;
}

.about01 h3{
    padding-bottom: 20px;
}

.img_about_02, .img_about_04{
    display: block;
    max-width: 90%;
    height: auto;
    padding-bottom: 5px;
}


.about01_content p{
    padding-top: 20px;
}


#about_02 {
    padding-top: 50px;
    padding-bottom: 50px;
}