@media screen and (min-width: 992px) {
  .recruitment-process .col-md-9,
  .open-jobs .col-md-9,
  .life-in-tsugami .col-md-9,
  .opportunity-for-fresh-graduates .col-md-9,
  .faq .col-md-9 {
    width: 71%;
  }
  .recruitment-process .col-md-3,
  .open-jobs .col-md-3,
  .life-in-tsugami .col-md-3,
  .opportunity-for-fresh-graduates .col-md-3,
  .faq .col-md-3 {
    width: 29%;
  }
}
@media screen and (min-width: 1200px) {
  #mainContents .container {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  #gotoTop {
    width: 100vw;
  }
  .ir-wrapper1,
  .ir-wrapper2 {
    width: 100%;
  }
  .navbar-nav li a {
    padding-right: 2px;
    padding-bottom: 0px;
  }
  .common_submenu {
    position: relative;
    top: 1px;
  }
  .sub_menu_about_common {
    width: 50%;
  }
}
@media only screen and (max-width: 910px) {
  #navbar ul li:nth-child(7) {
    width: 82px;
  }
}
@media screen and (max-width: 768px) {
  .sub_menu_product_common_inside {
    width: 96%;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-nav li {
    min-width: 65px;
  }
  .navbar-nav li a img {
    margin-left: 2px;
  }
  .flexslider {
    padding-left: 15px;
    padding-right: 15px;
  }
  .flexslider .slides li .slider-text {
    font-size: 26px;
  }
  .ul-customized li:nth-child(1) a span:nth-child(1) {
    padding-left: 0px;
  }
  :lang(cn) .navbar-nav li,
  :lang(hk) .navbar-nav li {
    min-width: 95px;
  }
  :lang(cn) .navbar-nav li a,
  :lang(hk) .navbar-nav li a {
    padding-left: 0px;
    padding-right: 6px;
  }
  :lang(cn) .navbar-nav li a img,
  :lang(hk) .navbar-nav li a img {
    margin-left: 15px;
  }
  .flexslider .slides li .slider-text .sub_menu_about_tsugami_common_inside_header1,
  .real_sub_menu_about_common_inside_header1,
  .real_sub_menu_about_common_inside_header3,
  .real_sub_menu_about_common_inside_header4 {
    font-size: 17px;
  }
  .flexslider .slides li .slider-text .sub_menu_about_tsugami_common_inside_header1 p,
  .real_sub_menu_about_common_inside_header1 p,
  .real_sub_menu_about_common_inside_header3 p,
  .real_sub_menu_about_common_inside_header4 p {
    text-align: center;
  }
  #toppage .lcol,
  #toppage .rcol {
    width: 100%;
  }
  .container_header_logo_and_language_right_common button {
    display: inline-block;
    float: right;
    border-style: none;
    background-color: white;
    margin-top: 10px;
    padding-right: 0px;
  }
  .info-area {
    width: 100%;
  }
  .info-area .container .lcol,
  .info-area .container .rcol {
    width: 100%;
  }
  .info-area .container #eventArea {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .info-area .container .exhibition {
    margin: auto;
    text-align: center;
  }
  .info-area .container #networkArea,
  .info-area .container #bannerArea {
    text-align: center;
  }
  .info-area .container #networkArea {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
  }
  .info-area .container #networkArea > div {
    margin-top: 20px;
  }
  .info-area .container #bannerArea {
    max-width: 470px;
    margin: 0 auto;
  }
  .info-area .container #bannerArea ul {
    text-align: center;
  }
  .info-area .container #bannerArea ul li {
    float: none;
    margin-right: 0px;
  }
  .info-area :lang(cn) .container_header_nav_menu .navbar-nav li a,
  .info-area :lang(hk) .container_header_nav_menu .navbar-nav li a {
    padding-left: 14px;
    padding-right: 0px;
  }
  .info-area :lang(cn) .container_header_nav_menu img,
  .info-area :lang(hk) .container_header_nav_menu img {
    margin-left: 0px;
  }
  .internal-page-content .grid-section .container .content-detail-wrap,
  .news-repo-content .grid-section .container .content-detail-wrap,
  .news-page-content .grid-section .container .content-detail-wrap,
  .report-page-content .grid-section .container .content-detail-wrap,
  .product-category-page-content .grid-section .container .content-detail-wrap,
  .product-detail-page .grid-section .container .content-detail-wrap {
    margin-right: 0px;
  }
  #footerWrapper #footer {
    padding: 10px 15px;
    width: 100%;
  }
  #mainContents #networkArea div span {
    font-size: 20px;
    margin-left: 0px;
  }
  .sub_menu_about_common_down {
    height: auto;
  }
  .contact-us-box .left-panel {
    width: 100%;
  }
  .contact-us-box .right-panel.advantage {
    width: 96%;
  }
}
@media screen and (max-width: 767px) {
  #sub_menu_about,
  #sub_menu_product,
  #sub_menu_tech,
  #sub_menu_ir,
  #sub_menu_recruitment,
  #sub_menu_news {
    height: auto;
  }
  .navbar-nav li a > span:nth-child(1) {
    border-left-width: 0px;
  }
  .navbar-nav li:first-child > a {
    padding-left: 6px;
  }
  .navbar-nav li:nth-last-child(1) {
    display: block;
  }
  .navbar-toggle-customized {
    margin-top: 5px;
    border-radius: 0px;
    position: relative;
    left: 16px;
  }
  #container_header_logo_and_language_right_left {
    width: 100%;
    height: 50%;
    display: none;
  }
  #container_header_logo_and_language_right_right {
    width: 102%;
    height: 50%;
    margin-top: 28px;
  }
  .ul-customized {
    margin-left: 1px;
    background-color: white;
  }
  .navbar-collapseCusDiv {
    overflow-x: hidden;
  }
  #container_header_logo_and_language_right_left button:nth-child(1) {
    position: relative;
    left: 5px;
  }
  .sub_menu_about_common {
    width: 100%;
  }
  .sub_menu_about_common_up {
    width: 100%;
  }
  .sub_menu_about_common_down {
    width: 100%;
  }
  .sub_menu_product_common {
    width: calc(50%);
  }
  .sub_menu_ir_inside_outter_common {
    width: calc(50%);
    height: 151px;
    float: left;
  }
  .sub_menu_recruitment_inside_outter_common {
    width: calc(50%);
    height: auto;
    float: left;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #categoryButton #category1,
  #categoryButton #category2,
  #categoryButton #category3,
  #categoryButton #category4,
  #categoryButton #category5,
  #categoryButton #category6 {
    width: 50% !important;
  }
  .sub_menu_recruitment_inside_outter_common_card {
    background-size: contain;
    background-position: center;
    text-align: center;
  }
  .contact-us-box {
    width: 100%;
  }
  .contact-us-box .left-panel {
    float: none;
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
  .contact-us-box .right-panel {
    float: none;
    display: block;
    width: 100% !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 550px) {
  .sub_menu_news_inside_outter_common {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  #categoryButton #category1,
  #categoryButton #category2,
  #categoryButton #category3,
  #categoryButton #category4,
  #categoryButton #category5,
  #categoryButton #category6 {
    width: 100% !important;
    height: 260px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
  }
  .investor-relations .ir-item {
    background-size: 100% 100%;
  }
  .ir-wrapper2 .ir-item {
    width: 100%;
    margin: auto;
    float: none;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .sub_menu_product_common_inside {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  #container_header_logo_and_language_left img {
    margin-left: 4px;
    margin-top: 20px;
    width: 103px;
  }
  #container_header_logo_and_language_right_right button span {
    font-size: 9px;
  }
  .container_header_logo_and_language_right_common button {
    margin-top: 19px;
  }
  #container_header_logo_and_language_right_right button {
    margin-top: -4px;
  }
  .sub_menu_about_common_cards {
    width: 100%;
    height: 130px;
    float: left;
  }
  .real_sub_menu_about_common_cards1,
  .real_sub_menu_about_common_cards2,
  .real_sub_menu_about_common_cards3,
  .real_sub_menu_about_common_cards4 {
    width: 100%;
  }
  .sub_menu_product_common {
    width: 100%;
  }
  #sub_menu_product_button {
    text-align: center;
  }
  #sub_menu_product_button button {
    float: none;
  }
  .sub_menu_ir_inside_outter_common {
    width: 100%;
    height: 151px;
    float: left;
  }
  .sub_menu_recruitment_inside_outter_common {
    width: 100%;
    height: 151px;
    float: left;
  }
  .sub_menu_ir_inside_outter_common_card {
    width: 100%;
  }
  .sub_menu_recruitment_inside_outter_common_card {
    width: 100%;
  }
  .sub_menu_ir_inside_outter_button {
    text-align: center;
  }
  .sub_menu_recruitment_inside_outter_button {
    text-align: center;
  }
  .sub_menu_ir_inside_outter_button button {
    float: none;
  }
  .sub_menu_recruitment_inside_outter_button button {
    float: none;
  }
  .sub_menu_recruitment_inside_header1 p,
  .sub_menu_recruitment_inside_header2 p,
  .sub_menu_recruitment_inside_header3 p,
  .sub_menu_recruitment_inside_header4 p,
  .sub_menu_recruitment_inside_header5 p {
    margin-top: 128px;
  }
  .products-box .ul-product-category li {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  #container_header_logo_and_language_right_right button {
    margin-top: -4px;
    font-size: 10px;
    width: 51px;
  }
  h1 {
    font-size: 170%;
  }
  h2 {
    font-size: 120%;
  }
}
@media screen and (max-width: 375px) {
  .container_header_logo_and_language_common .logo {
    width: 88%;
  }
  .products-box .ul-product-category li {
    width: 100%;
  }
  h1 {
    font-size: 150%;
  }
}
@media screen and (max-width: 320px) {
  #container_header_logo_and_language_left a img {
    width: 121px;
    margin-top: 3px;
  }
  #container_header_logo_and_language_right_right button {
    padding-right: 6px;
  }
  #updateArea dt span {
    width: 8em;
  }
}