@media screen and (min-width: 1920px) {
  .info-white, .info-blue {
    padding: 0px 80px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 12;
    line-height: 1.3em;
    max-height: 16.9em; } }
@media screen and (min-width: 1600px) {
  .info-white, .info-blue {
    padding: 0px 80px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 9;
    line-height: 1.3em;
    max-height: 11.7em; } }
@media screen and (min-width: 1400px) {
  .info-white, .info-blue {
    padding: 0px 80px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 8;
    line-height: 1.3em;
    max-height: 10.4em; } }
@media screen and (min-width: 1366px) {
  .info-white, .info-blue {
    padding: 0px 80px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 7;
    line-height: 1.2em;
    max-height: 8.4em; } }
@media screen and (min-width: 1280px) {
  .info-white, .info-blue {
    padding: 0px 80px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 6;
    line-height: 1.3em;
    max-height: 7.8em; } }
@media screen and (min-width: 1152px) {
  .info-white, .info-blue {
    padding: 0px 40px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 6;
    line-height: 1.3em;
    max-height: 7.8em; } }
@media screen and (min-width: 1024px) {
  .info-white, .info-blue {
    padding: 0px 40px; }

  .info-white p, .info-blue p {
    -webkit-line-clamp: 6;
    line-height: 1.2em;
    max-height: 7.2em; } }
/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .top-bar .top-bar-left {
    padding-left: 40px; }

  .top-bar .top-bar-left img.logo {
    margin: 30px 0px;
    height: 60px; }

  .top-bar .top-bar-right {
    padding-right: 40px; }

  .sidebar {
    padding: 40px 10px 0px 20px; }

  .headding-index {
    padding-left: 40px; }

  .footer-info {
    padding: 0px 40px; }

  .footer-info p {
    font-size: 14px; }

  .product .product-item {
    padding: 40px 20px 0px 10px; }

  .join-job, .join-apply {
    padding: 40px 40px; }

  .related-item .item-box {
    padding: 30px; }

  .about-info {
    padding: 0px 40px;
    margin: 40px 0px;
    margin-bottom: 0px; }

  .product-detail-left, .product-detail-right, .contact-box-info, .title-text-lg, .info-detail, .info-gallery, .info-tags {
    padding: 0px 40px; } }
/* iPads (landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Styles */ }
/* iPads (portrait) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Styles */ }
@media screen and (min-width: 0px) and (max-width: 1023px) {
  .top-bar {
    display: none; } }
@media screen and (min-width: 0px) and (max-width: 991px) {
  .top-bar {
    display: none; }

  .sidebar {
    display: none; }

  .button-category {
    display: block !important; }

  .button-category {
    padding-bottom: 80px !important; }

  .product .product-item {
    padding: 0px 0px 0px 0px; }

  .product .product-item .heiding {
    padding: 20px 20px 10px 20px;
    margin: 0px; } }
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 0px) and (max-width: 768px) {
  .headding-index {
    padding: 0px 15px;
    height: 40px; }

  .headding-index h6 {
    font-size: 14px;
    padding-top: 6px; }

  .footer-info, .footer-copyright {
    padding: 0px 15px; }

  .footer-info {
    min-height: 90px; }

  .footer-info img {
    margin-top: 15px;
    margin-bottom: 0px; }

  .footer-info img.line {
    margin-top: 15px;
    margin-bottom: 15px;
    float: left; }

  .footer-info ul {
    padding: 24px 0px 0px 20px;
    float: left; }

  .footer-info p {
    font-size: 14px; }

  .footer-copyright {
    text-align: left;
    padding-top: 6px; }

  .related {
    padding: 0px 40px;
    min-height: 140px !important; }

  .related a.view {
    margin: 20px 0px 30px 0px !important; }

  .related-item .item-box {
    padding: 30px; }

  .related-item .item-box .image {
    padding-right: 0px;
    padding-bottom: 30px; }

  .about-info {
    padding: 0px 40px;
    margin: 40px 0px;
    margin-bottom: 0px; }

  .product-detail-left, .product-detail-right, .contact-box-info, .title-text-lg, .info-detail, .info-gallery {
    padding: 0px 40px; }

  .product-detail-right {
    padding-bottom: 40px !important; }

  .join-job, .join-apply {
    padding: 40px 40px; }

  .headding-main h4 {
    color: #00007f;
    font-size: 22px; }

  .title-text {
    min-height: 120px; }

  .title-text h1.white, .title-text h1.black, .title-text h1.green, .title-text h1.blue {
    padding-top: 30px;
    font-size: 40px; }

  .info-white, .info-blue, .info-tags {
    padding: 0px 40px;
    border: 0px;
    border-bottom: 1px solid #ccc !important;
    border-style: dotted; }

  .info-tags {
    margin-bottom: 0px !important;
    padding-bottom: 40px !important; }

  .info-white img, .info-blue img {
    padding: 0px 0px 10px 0px; }

  a.more, a.more-blue, .button, .button-blue {
    margin-top: 20px;
    margin-bottom: 20px; }

  .contact-map figcaption {
    min-height: 300px; }

  .product-detail-left {
    min-height: auto; }

  #col-border-right {
    border: 0px; }

  a.more-item {
    margin: 60px 0px 0px 0px; }

  .product-detail-box img.bg-left, .product-detail-box img.bg-right {
    width: 100%;
    height: 50%; }

  .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 15px 10px; } }
/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width: 320px) and (max-width: 480px) {
  .related {
    padding: 0px 20px;
    min-height: 200px !important; }

  .related a.view {
    margin: 0px !important;
    display: inline-block;
    float: none; }

  .button-blue-full {
    padding: 10px 10px; }

  figure {
    min-height: 380px; }

  .contact-map figcaption {
    min-height: 160px; }

  .about-info {
    padding: 0px 20px;
    margin: 40px 0px;
    margin-bottom: 0px; }

  .product-detail-left, .product-detail-right, .contact-box-info, .title-text-lg, .info-white, .info-blue, .info-detail, .info-gallery, .info-tags {
    padding: 0px 20px; }

  .join-job, .join-apply {
    padding: 0px 20px 40px 20px; }

  .button-category {
    padding-bottom: 40px !important; }

  a.print {
    float: none;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 20px 0px; }

  .product-detail-left .logo {
    text-align: center; } }
/* Smartphones (landscape) ----------- */
@media screen and (min-width: 321px) {
  /* Styles */ }
/* Smartphones (portrait) ----------- */
@media screen and (max-width: 320px) {
  /* Styles */ }
/* Desktops and laptops ----------- */
@media screen and (min-width: 1224px) {
  /* Styles */ }
/* Large screens ----------- */
@media screen and (min-width: 1824px) {
  #search input[type="search"] {
    width: 320px; } }
/* Large screens ----------- */
@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .contact-map figcaption {
    min-height: 720px; } }
/* Large screens ----------- */
@media screen and (min-width: 1368px) and (max-width: 1920px) {
  figure {
    min-height: 380px; } }
/* iPhone 4 ----------- */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */ }

/*# sourceMappingURL=responsive.css.map */