@media screen and (max-width: 1280px) {
    html,
    body {
        font-size: 15px;
    }

    .section.contact .text_right {
        width: 60vw;
        left: 30vw;
    }
    .honor-box {
        width: 90%;
        margin-top: 8vw;
         /*align-items: center; */
    }
    .honor-box .honor-box-left .honor-awards, .honor-box .honor-box-right .honor-scientific{
        margin-top: 8vw;
    }
}

@media screen and (max-width: 1024px) {
    .width50_box .width50 {
        width: 100% !important;
    }

    .width50_box {
        display: block;
    }

    .footer_col,
    .footer_col:first-of-type,
    .footer_col:last-of-type {
        width: 100%;
        padding-left: 0;
        padding-bottom: 2em;
    }

    .footer_address > div {
        padding-bottom: 0;
    }

    /*

    .footer_address > div {
      width: 50%;
    }

    .footer_address {
      flex-wrap: wrap;
    }

    */
}

@media screen and (max-width: 767px) {
    .logo {
        width: 18vw;
        height: 8vw;
        overflow: hidden;
        padding: 5vw;
        position: relative;
        
    }
    .logo a img {
        margin-top: -4vw;
    }
    .mid_menu,
    .right_menu {
        display: none;
    }

    .button_mob_menu {
        display: flex;
    }

    .nav {
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(0, 0, 0, 0.72);
    }

    h1, h1 span {
        font-size: 2rem;
    }

    h1.en{
        font-size:1.5rem;
    }


    .video_text {
        z-index: 20;
        display: block;
        position: absolute;
        color: #fff;
        bottom: 10vh;
        left: 10vw;
    }
    .footer_address > div {
        width: 50%;
    }

    .footer_address {
        flex-wrap: wrap;
    }


    .img_right, .img_right.width60, .img_left {
        margin: 0;
        width: 100%;
        left: 0;
        height: auto;
        top: 0;
    }

    .text_right, .text_left.text_right, .text_left {
        padding: 5px;
        width: 100vw;
        position: inherit;
        left: 0px;
    }
    .section .parallax .button{
        margin-bottom: 20px;
    }
    .honor-box {
        display: flex;
        flex-direction: column;
        margin-top: 0px;
        padding-bottom: 40px;
        /* justify-content: center;
        align-items: center; */
    }
    .honor-box .honor-box-left .honor-provider,
.honor-box .honor-box-left .honor-awards ,
.honor-box .honor-box-right .honor-enterprise ,
.honor-box .honor-box-right .honor-scientific 
  {
  width: 60%;
  padding: 20px 20px 20px 20px;
  margin-top: 10vw;

}
.honor-box .honor-box-left ,.honor-box .honor-box-right{
    margin-right: 0px;
    width: 100%;
  }
/* .honor-box .honor-box-right .honor-enterprise {
  margin-top: 80px;
} */
.honor-box .honor-box-left  p ,
.honor-box .honor-box-right  p{
  font-size: 14px;
  margin: 5px 0;
}
.honor-box  .honor-box-left .honor-title,
.honor-box  .honor-box-right .honor-title {
top: -45px;
}
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 2.5rem;
    }

    .block_text_center {
        white-space: nowrap;
        font-size: 3rem;
    }

    .section_award {
        max-width: 80vw;
    }

    .service_item,
    .service_section.col5 .service_item,
    .col4 .service_item {
        width: 50%;
    }

    .text_right,
    .text_left {
        width: 70vw;
    }

    .section.about .text_right {
        left: 20vw;
    }

    .footer_address > div {
        padding-bottom: 1em;
    }

    .section.contact .text_right {
        width: 80vw;
        left: 10vw;
    }

    .footer_address > div {
        width: 100%;
    }

    .footer_menu a,
    .footer_menu div {
        display: block;
        text-align: left;
        margin-bottom: 1em;
    }

    .footer_logo {
        width: 15vw;
    }

    .footer_menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer {
        padding: 5vw;
    }

    .text_right,
    .text_left {
        padding: 5vw;
    }

    .mob_menu {
        display: block;
    }

    .job_list_item {
        width: 100%;
    }

    .job_row1 {
        flex-direction: column;
    }

    .job_row1 > div,
    .job_row1 select,
    .job_row1 input,
    .job_row1 button {
        width: 100%;
    }

    .text_img_block {
        display: flex;
        flex-direction: column;
    }

    .text_img_block:nth-of-type(even) {
        flex-direction: column-reverse;
    }

    .text_img_block .img_block,
    .text_img_block .text_block {
        width: 100%;
    }

    .text_img_block .img_block {
        min-height: 70vw;
    }

    .text_block .center_box {
        padding: 10vw !important;
    }

    .arrow_down {
        bottom: 10vw;
    }

    .number_grid > div {
        width: 100%;
    }

    .section.big_block .text_right {
        left: 0vw;
    }

    .number_grid.white_text > div {
        width: 50%;
    }

    .number_grid.white_text .fa {
        font-size: 2rem;
    }

    .number_grid.white_text {
        padding-top: 10vw;
    }

    .img_right,
    .img_right.width60,
    .img_left {
        width: 80vw;
        left: 10vw;
        top: 15vw;
    }


    .img_right, .img_right.width60, .img_left {
        margin: 0;
        width: 100%;
        left: 0;
        height: auto;
        top: 0;
    }

    .text_right, .text_left.text_right, .text_left {
        padding: 10vw 10vw;
        width: 100vw;
        position: inherit;
        left: 0;
    }

    .about .text_right, .text_left.text_right, .text_left {
        padding: 10vw 10vw;
        width: 100vw;
        /*position: absolute;*/
        left: 0;
        display: inline-table;
    }
    .news_item{
        width:100%;
    }
    .esg_popup_box > .esg_popup, .esg_popup_box > .esg_info_message{
        padding: 3vw 2vw 6vw 2vw;
        margin: 21vh auto;
    }

    .info_message_box{
        margin-top: 20px;
        padding-left: 0px;
    }
    .info_message_input p {
        font-size: 14px;
        margin-right: 10px;
        min-width: 75px;
    }
    .info_message_submit{
        margin-left: calc(50% - 60px);
        margin-top: 20px;
        background-color: rgba(0, 0, 0, 1);
        font-size: 16px;
    }
    .esg_popup_header > .title {
        font-size: 1rem;
        font-weight: 400;
    }
    .esg_info_message > .esg_popup_header > .title {
        font-size: 16px;
        font-weight: 400;
    }
    .esg_popup_header > .esg_popup_close{
        width: 20px;
        height: 20px;
        right: 2vw;
        top: 3vw;
    }
    .esg_popup_content {
        width: 100%;
    }
    .esg_pdf_view{
        width: 65%;
    }
    .esg_list:first-child{
        margin-top: 20px;
    }
    .esg_pdf_download {
        position: absolute;
        right: 20px;
        top: 0px;
    }
    .honor-section {
        padding-bottom: 5vh;
    }
    .honor-section  .honor-name {
        margin-bottom: 0;
    }
    .honor-box .honor-box-left .honor-provider,
    .honor-box .honor-box-left .honor-awards ,
    .honor-box .honor-box-right .honor-enterprise ,
    .honor-box .honor-box-right .honor-scientific 
      {
      margin-top: 15vw;
    
    }
    .honor-box .honor-box-left .honor-provider,
    .honor-box .honor-box-left .honor-awards ,
    .honor-box .honor-box-right .honor-enterprise ,
    .honor-box .honor-box-right .honor-scientific 
      {
      width: 100%;
      padding: 20px 20px 20px 20px;
    }
   
}