@media (max-width: 1920px) {
    .mini-logo {
        left: 19.5%;
    }
}

@media (max-width: 1680px) {
    .mini-logo {
        left: 16%;
    }
}

@media (max-width: 1600px) {
    .mini-logo {
        left: 14%;
    }
}

@media (max-width: 1470px) {
    .mini-logo {
        left: 10%;
    }
}


@media (max-width: 1380px) {
   
}


@media (max-width: 1280px) {
   


}

@media (max-width: 992px) {

 
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding-top: 10px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;

    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding: 10px 0px;
    }
    .navbar-nav>li>a {
        line-height: 12px;
    }
    .collapse.in{
        display:block !important;
    }
    

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .home-one .banner-caption {
        font-size: 16px;
    }
    .home-one .banner-caption p {
        font-size: 24px;
    }
    .home-one .banner-caption h1 {
        font-size: 28px;
    }
    .home-two .shortcut {
        top: 0;
        margin-top: 20px;
    }

    .navbar-brand .img-logo {
        height: 45px;
    }
    .mini-logo {
        left: 3%;
    }
    .mini-logo img {
        height: 31px;
    }

    .home-two .h-story .header h1 {
        font-size: 26px;
    }

    .home-three h1 {
        font-size: 26px;
    }

    .home-three h1 p i {
        left: 28%;
        width: 70%;
    }

    .home-three .box-market .box-img-color .text-R {
        left: 27%;
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }


    .home-two .h-story .text .detail {
        font-size: 14px;
        line-height: 20px;
    }

    .home-three .box-market .box-img-color .text-L {
        width: 100%;
        left: 10%;
        font-size: 14px;
        line-height: 20px;
    }

    .home-four .main-four .con1 .text {
        font-size: 14px;
        line-height: 20px;
        padding: 8% 15px 10px 5%;
    }

    .home-five .main-five .con1 .news .text {
        padding: 2% 30px 10px 30px;
    }

    .home-four .main-four .con1 .text h1 {
        font-size: 26px;
    }

    .home-five .main-five .con1 .news .text h1 {
        font-size: 26px;
    }

    .home-five .main-five .con1 .news .text .news-list .list h1 {
        font-size: 18px;
    }

    .home-five .main-five .con1 .news .text .news-list .list {
        min-height: 120px;
    }

    .home-five .main-five .con1 .finance .text {
        padding: 2% 30px 10px 30px;
    }
    
    .home-five .main-five .con2 .text {
        padding: 8% 10% 10px 10%;
    }
    
    .home-five .main-five .con2 .text h1 {
        font-size: 26px;
    }

    .home-five .main-five .con1 .finance .text h1 {
        font-size: 26px;
    }

    .home-five .main-five .con1 .finance .text .finance-list .list span {
        font-size: 14px;
    }

    .footer .con4 p i {
        font-size: 18px;
        padding-right: 8px;
    }

    div#bs-example-navbar-collapse-1.collapse.navbar-collapse {
        text-align: left;
    }

    .dropdown-menu {
        position: relative;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: 0;
    }

    .ab-xx {
       display: none;
    }

    .nav-link p i {
        bottom: 9px;
        width: 60%;
        border-bottom: 2px solid #FD8A00;
    }

    .ab-pc{
        display: none !important;
        }
        
        .ab-mb{
          display: block !important;
        }

        .ab-xx-scll{
            display: none !important;
        }

    .main-bg .about-one .about-company {
        min-height: 395px;
        padding: 30px 0 50px 0;
    }

    .main-bg .about-one .about-company h1 p span {
        font-size: 56px;
        bottom: -7px;
    }

    .main-bg .about-one .about-company h1 p i {
        left: 34%;
        width: 65%;
    }

    .main-bg .about-one .about-company .text {
        font-size: 14px;
        padding: 10px 10px;
        line-height: 20px;
    }

   
    #year-list  {
            width: 80%;
            margin: auto;
    }

    .tippy-tooltip.tomato-theme h1 {
        font-size: 24px;
    }

    .tippy-tooltip.tomato-theme {
        font-size: 14px;
    }

    .owl-theme .owl-dots .owl-dot span {
        background: #424242;
    }

    .main-bg .about-one .about-one-year .year-list #year-list .item p {
        font-size: 18px;
    }

    .year-list .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 50px;
    }

    .main-bg .about-one .about-one-year {
        padding-top: 0;
    }

    #year-list .owl-dots{
        position: absolute;
        left: 44%;
        top: 56px;
    }

    .main-bg .about-one .company-bottom .text {
        font-size: 14px;
        padding: 20px 10px;
        line-height: 20px;
    }
    .main-bg .about-two .message-ceo h1 p span {
        font-size: 56px;
        bottom: -7px;
    }

    .main-bg .about-two .message-ceo h1 {
        font-size: 26px;
    }

    .main-bg .about-two .message-ceo h1 p i {
        position: absolute;
        bottom: 16px;
        left: 33%;
        width: 67%;
    }

    .main-bg .about-two .message-ceo .text {
        font-size: 14px;
        padding: 20px 10px;
        line-height: 20px;
    }

    .main-bg .about-two .message-ceo .text p {
        font-size: 22px;
    }

    .main-bg .about-two .message-ceo .image {
        padding: 20px 10px;
    }

    .about-tree .management-policy {
        min-height: 355px;
        padding: 30px 0 50px 0;
    }

    .about-tree .management-policy h1 {
        font-size: 26px;
    }

    .about-tree .management-policy h1 p i {
        left: 36%;
        width: 63%;
    }

    .about-tree .management-policy .text {
        font-size: 14px;
        padding: 20px 10px;
        line-height: 20px;
    }

    .about-four .company-outline h1 p span {
        font-size: 56px;
        bottom: -7px;
    }

    .about-four .company-outline {
        padding: 30px 0 50px 0;
    }

    #mypie2{
        margin-bottom: 60px;
    }

    .about-five .company-detail .text .datagrid1 table tbody td {
        font-size: 14px;
        line-height: 20px;
    }

    .about-five .company-detail {
        padding: 30px 0 50px 0;
    }

    .about-four .company-outline h1 p i {
        position: absolute;
        bottom: 16px;
        left: 36%;
        width: 62%;
    }

    .about-five .company-detail h1 {
        font-size: 26px;
    }
    .about-five .company-detail h1 p i {
        left: 32%;
        width: 67%;
    }

    .service-one .myaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .padd {
        padding: 0 10px;
    }

    .service-one .myaccordion .panel-title > a h1 {
        font-size: 26px;
    }

    .service-one .myaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .text {
        padding: 25px 0 10px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .safety-one h1 {
        font-size: 26px;
    }

    .safety-one h1 p span {
        font-size: 56px;
        bottom: -7px;
    }
    .safety-one h1 p i {
        left: 29%;
        width: 70%;
    }

    .safety-one .text {
        font-size: 14px;
        padding: 10px 10px;
        line-height: 20px;
    }

    .portfolio-one h1 {
        font-size: 26px;
    }
    .portfolio-one h1 p span {
        font-size: 57px;
    }

    .portfolio-one .facility-type #facility-type p {
        font-size: 14px;
    }

    .portfolio-one .head-milestone h1 p span {
        font-size: 56px;
    } 
    
    .portfolio-one .head-milestone h1 p i {
        left: 27%;
        width: 70%;
    }

    .tippy-tooltip.pizza-theme h1 {
        font-size: 24px;
    }

    .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
        -webkit-transform: translateY(-10px);
        transform: translateY(-11px);
    }
    
    .tippy-tooltip.pizza-theme {
        font-size: 14px;
    }

    .portfolio-two .time-dot #time-dot .item h1 {
        font-size: 16px;
        margin-top: 10px;
    }

    .portfolio-tree .box-grey .verti-year {
        width: 100%;
    }
    .portfolio-tree .box-grey .verti-year {
        padding: 20px;
    }
    .portfolio-tree .box-work .text {
        padding: 15px 15px;
        font-size: 14px;
        line-height: 20px;
    }

    .crs-one .news-csr .text {
        font-size: 14px;
        line-height: 20px;
    }
    .crs-one .news-csr .text h1 {
        font-size: 14px;
    }

    .crs-one .detail-csr .text {
        padding: 20px 10px;
        font-size: 14px;
        line-height: 20px;
    }
    .crs-one .detail-csr .csr-other .text {
        padding: 15px 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .crs-one .detail-csr .csr-other .text h1 {
        font-size: 14px;
    }
    .contact-one h1 p span {
        font-size: 56px;
        bottom: -7px;
    }
    .contact-one h1 p i {
        left: 18%;
        width: 82%;
    }
    .contact-one .box-text .text {
        font-size: 14px;
        line-height: 20px;
    }
    .contact-one .box-text h1 {
        font-size: 18px;
    }

    .contact-one .world-wide h1 {
        font-size: 26px;
    }
    .contact-one .world-wide h1 p i {
        left: 22%;
        width: 75%;
    }
    .contact-one .world-wide .list-site .data-world table tbody td {
        font-size: 14px;
    }

    .contact-one h1 p i {
        left: 20%;
        width: 77%;
        bottom: 12px;
    }

    .intro .text {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px;
    }

    .job-one h1 p span {
        font-size: 56px;
        bottom: -7px;
    }

    .job-one h1 {
        font-size: 26px;
    }

    .job-one h1 p i {
        left: 30%;
        width: 68%;
    }
    
    .job-one .list-job .box-job .text h1 {
        font-size: 14px;
    }

    .application-one .main-form {
        margin: 30px 0px;
        font-size: 14px;
        line-height: 20px;
    }
    .facility-type{
        margin-top: 50px;
    }
    
    .world-wide{
        margin-top: 80px;
    }
    .world-wide{
        margin-top: 80px;
    }


}

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

    .mar-pc{
        display: none;
      }
      
      .mar-mb{
        display: block;
      }
  }



@media (max-width: 768px) {

}

@media (max-width: 605px) { 
    .mini-logo {
        left: 2%;
    }
    .mini-logo img {
        height: 30px;
        margin-top: -21px;
    }
    .home-one .banner-caption p {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .home-one .banner-caption h1 {
        font-size: 24px;
        margin-top: 0px;
    }
    .home-one .banner-caption {
        font-size: 14px;
    }
    .home-one .owl-nav {
        position: absolute;
        top: 30%;
    }
    .home-one .owl-nav .owl-prev {
        left: 3%;
    }
    .home-one .owl-nav .owl-next {
        right: 5%;
    }
    .home-two .shortcut .box-img {
        width: 50.3%;
        float: none;
        display: inline-block;
        margin-right: -4px;
        margin-top: -5px;
    }
    .home-two .shortcut {
        text-align: center;
    }
    .home-two .shortcut .box-img .centered {
        font-size: 14px;
    }
    .home-two .h-story {
        padding-top: 339px;
    }
    .home-two .h-story .text {
        padding: 25px 25px 25px 25px;
    }
    .home-two .h-story .header h1 {
        font-size: 24px;
    }

    .footer .con1 img{
        height: 25px;
    }

    ul.nav.navmenu {
        margin-left: 10px;
    }
    .navbar-nav {

        margin-left: 15px;
    }

    .main-bg .about-one .about-company h1 p span {
        font-size: 40px;
        bottom: 0px;
    }
    .main-bg .about-one .about-company h1 {
        font-size: 24px;
    }
    .main-bg .about-one .about-company h1 p i {
        left: 39%;
        width: 59%;
        bottom: 8px;
    }
    #year-list {
        width: 60%;
    }
    .year-list .owl-carousel .owl-item img {
        height: 40px;
    }
    .main-bg .about-one .company-bottom {
        padding: 25px 0;
    }
    .main-bg .about-two .message-ceo h1 p span {
        font-size: 40px;
        bottom: 0;
    }
    .main-bg .about-two .message-ceo {

        padding: 40px 0 0 0;
    }
    .main-bg .about-two .message-ceo h1 p i {
        left: 38%;
        width: 62%;
        bottom: 8px;
    }
    .about-tree .management-policy h1 p i {
        left: 44%;
        width: 53%;
        bottom: 8px;
    }
    .about-tree .management-policy h1 {
        font-size: 24px;
    }
    .about-four .company-outline h1 p span {
        font-size: 40px;
        bottom: 0;
    }
    .about-four .company-outline h1 {
        font-size: 24px;
    }
    .about-four .company-outline h1 p i {
        left: 42%;
        width: 55%;
        bottom: 8px;
    }.about-five .company-detail h1 {
        font-size: 24px;
    }
    .tippy-tooltip.tomato-theme h1 {
        font-size: 22px;
    }
    .main-bg .about-two .message-ceo h1 {
        font-size: 24px;
    }
    .main-bg .about-two .message-ceo .text p {
        font-size: 19px;
        margin-bottom: 3px;
    }
    .about-five .company-detail h1 p i {
        left: 36%;
        width: 61%;
        bottom: 8px;
    }
    .service-one .myaccordion .panel-title > a h1 {
        font-size: 24px;
    }

    .safety-one h1 p span {
        font-size: 40px;
        bottom: 0;
    }   
    
    .safety-one h1 {
        font-size: 24px;
    }
    
    .safety-one h1 p i {
        left: 34%;
        width: 63%;
        bottom: 8px;
    }
    .safety-one .myaccordion .panel-title > a h1 {
        font-size: 24px;
    }
    .portfolio-one h1 {
        font-size: 24px;
    }
    .portfolio-one h1 p i {
        position: absolute;
        bottom: 8px;
        left: 26%;
        width: 72%;
    }
    .portfolio-one h1 p span {
        font-size: 40px;
        bottom: 0;
    }
    .portfolio-one .head-milestone h1 {
        font-size: 24px;
    }
    .portfolio-one .head-milestone h1 p span {
        font-size: 40px;
        bottom: 0;
    }
    .portfolio-one {
        min-height: 445px;
        padding: 40px 0 30px 0;
    }

   #time-dot {
        width: 80%;
        margin: auto;
    }
    .portfolio-tree .box-grey .verti-year {
        padding: 10px;
    }
    .portfolio-tree .box-work {
        position: relative;
        margin-bottom: 20px;
    }
    .facility-type{
        margin-top: 50px;
    }
    .contact-one h1 p span {
        font-size: 40px;
        bottom: 0;
    }

    .contact-one h1 p i {
        left: 20%;
        width: 77%;
        bottom: 12px;
    }

    .contact-one h1 {
        font-size: 24px;
}
    .job-one h1 p span {
        font-size: 40px;
        bottom: 0;
    }
    .job-one h1 {
        font-size: 24px;
    }
    .job-one h1 p i {
        left: 34%;
        width: 63%;
        bottom: 8px;
    }
    .application-one .main-form .form-group {
        margin-bottom: 0px;
    }
    .application-one .main-form .padd {
        padding: 0px 40px;
        margin-bottom: 15px;
    }

    .application-one h1 {
        font-size: 24px;
    }
    #year-list .owl-dots {
        position: absolute;
        left: 25%;
        top: 49px;
    }
    .home-three h1 p i {
        left: 34%;
        width: 64%;
        bottom: 12px;
    }

    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav {
        top: -35%;
    }
    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-prev {
        left: -20%;
    }

    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-next {
        right: -20%;
    }    
}

@media (max-width: 550px) {
    #year-list {
        width: 50%;
    }
    .main-bg .about-one .about-company h1 {
        font-size: 24px;
    }

    .main-bg .about-two .message-ceo h1 {
        font-size: 22px;
    }
    .main-bg .about-two .message-ceo .text p {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .about-tree .management-policy h1 {
        font-size: 22px;
    }
    .about-four .company-outline h1 p span {
        font-size: 36px;
        bottom: 0;
    }
    .about-four .company-outline h1 {
        font-size: 22px;
    }
    .about-five .company-detail h1 {
        font-size: 22px;
    }

    .about-five .company-detail .text {
        padding: 20px 0px;
    }

    .service-one .myaccordion .panel-title > a h1 {
        font-size: 22px;
    }
    .service-one {
        padding: 20px 0 20px 0;
    }
    .safety-one h1 {
        font-size: 22px;
    }

    .safety-one .myaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body .padd {
        padding: 0 20px;
    }
    .safety-one .myaccordion .panel-title > a h1 {
        font-size: 22px;
    }
    .safety-one h1 p span {
        font-size: 36px;
        bottom: 0;
    }
    
    .safety-one .myaccordion h1 {
        font-size: 22px;
    }
    .portfolio-one h1 {
        font-size: 22px;
    }
    .portfolio-one .head-milestone h1 {
        font-size: 22px;
    }
    #time-dot {
        width: 62%;
        margin: auto;
    }
    .portfolio-tree .box-grey .verti-year {
        padding: 5px;
    }
    .portfolio-tree .box-work {
        padding: 0;
    }
    .contact-one .world-wide h1 p i {
        left: 31%;
        width: 65%;
        bottom: 12px;
    }
    .contact-one .world-wide h1 {
        font-size: 24px;
    }
    .home-three h1 {
        font-size: 24px;
    }
    .home-three h1 p i {
        left: 38%;
        width: 61%;
        bottom: 12px;
    }
    .home-four .main-four .con1 .text h1 {
        font-size: 24px;
    }
    .home-five .main-five .con1 .news .text h1 {
        font-size: 24px;
    }
    .home-five .main-five .con1 .finance .text h1 {
        font-size: 24px;
    }
    .home-five .main-five .con2 .text h1 {
        font-size: 24px;
    }

}

@media (max-width: 480px) {
    .home-one .banner-caption {
        font-size: 12px;
    }
    .home-one .banner-caption h1 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .home-one .banner-caption p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .home-two .h-story {
        padding-top: 265px;
    }
    
    
    .home-two .h-story .text .detail {
        padding: 30px 0 0 0;
    }
    .home-two .h-story .header h1 {
        font-size: 20px;
    }

    .home-three h1 {
        font-size: 20px;
    }
    .home-three h1 p i {
        left: 40%;
        bottom: 8px;
        width: 59%;
    }
    .home-four .main-four .con1 .text h1 {
        font-size: 20px;
    }
    .home-five .main-five .con1 .news .text h1 {
        font-size: 20px;
    }
    .home-five .main-five .con1 .news .text .news-list .list h1 {
        font-size: 16px;
    }

    .home-five .main-five .con1 .finance .text h1 {
        font-size: 20px;
    }
    .home-five .main-five .con2 .text h1 {
        font-size: 20px;
    }
    .main-bg .about-one .about-company h1 {
        font-size: 20px;
    }
    .main-bg .about-one .about-company h1 p i {
        left: 44%;
        width: 54%;
        bottom: 10px;
    }
    .main-bg .about-one .about-company h1 p span {
        font-size: 34px;
        bottom: 0px;
    }
    #year-list {
        width: 45%;
    }
    .year-list .owl-carousel .owl-item img {
        height: 34px;
    }
    .main-bg .about-one .about-one-year .year-list #year-list .item p {
        font-size: 16px;
    }
    .main-bg .about-two .message-ceo h1 p span {
        font-size: 34px;
        bottom: 0;
    }
    .tippy-tooltip.tomato-theme h1 {
        font-size: 20px;
    }
    .main-bg .about-two .message-ceo h1 {
        font-size: 20px;
    }
    .about-tree .management-policy h1 {
        font-size: 20px;
    }

    .about-four .company-outline h1 {
        font-size: 20px;
    }
    .about-four .company-outline h1 p span {
        font-size: 34px;
        bottom: 0;
    }
    .safety-one h1 {
        font-size: 20px;
    }

    .safety-one .myaccordion .panel-title > a h1 {
        font-size: 20px;
    }
    
    .service-one .myaccordion .panel-title > a h1 {
        font-size: 20px;
    }
    .safety-one .myaccordion h1 {
        font-size: 20px;
    }

    .portfolio-one h1 {
        font-size: 20px;
    }

    .portfolio-one h1 p i {
        bottom: 8px;
        left: 28%;
        width: 69%;
    }
    .portfolio-one .head-milestone h1 p i {
        bottom: 8px;
        left: 28%;
        width: 69%;
    }
    #time-dot {
        width: 45%;
        margin: auto;
    }
    .portfolio-two .time-dot #time-dot .owl-nav .owl-prev {
        left: -18px;
        bottom: -55px;
    }
    .portfolio-two .time-dot #time-dot .owl-nav .owl-next {
        position: absolute;
        right: -18px;
        bottom: -55px;
    }
    .contact-one h1 {
        font-size: 20px;
    }

    .contact-one h1 p span {
        font-size: 36px;
        bottom: 0;
    }

    .contact-one .world-wide h1 {
        font-size: 20px;
    }

    .job-one h1 p span {
        font-size: 36px;
        bottom: 0;
    }

    .job-one h1 {
        font-size: 20px;
    }

    .application-one h1 {
        font-size: 20px;
    }
    .home-one .owl-theme .owl-nav [class*=owl-] {
        color: #C5BEBA;
        font-size: 20px;
    }

    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-prev {
        left: -35%;
    }

    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-next {
        right: -38%;
    }
    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav {
        top: -50%;
    }
    
}


@media (max-width: 414px){
    .home-one .owl-theme .owl-nav [class*=owl-] {
        color: #C5BEBA;
        font-size: 20px;
    }
    .navbar-brand .img-logo {
        height: 41px;
        margin-left: 12px;
    }
    .mini-logo img {
        height: 30px;
        margin-top: -28px;
    }
    #year-list {
        width: 50%;
    }
    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav {
        position: absolute;
        top: -17%
    }
    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-prev {
        left: -53%;
    }
    .main-bg .about-one .about-one-year .year-list #year-list .owl-nav .owl-next {
        right: -53%;
    }

    #time-dot {
        width:60%;
        margin: auto;
    }
    .tippy-popper {
        max-width: 285px !important;
        /* transform: translate3d(6px, 852px, 0px) !important; */
    }
    /* .tippy-content img{
        display: none;
    } */
    .line-year{
        text-align: center;
        min-height: 200px;
    }
    .main-bg .about-one .about-one-year .year-list .owl-item h1 {
        font-size: 16px;
    }

.safety-one h1 p i {
    left: 43%;
    width: 56%;
}
.portfolio-one h1 p i {
    bottom: 8px;
    left: 38%;
    width: 61%;
}
}


@media (max-width: 380px){

  

}

@media (max-width: 320px){

}