/*------------------
Style Class
------------------*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  .col-lg-1 {
    width: 8.3333%; }

  .col-lg-2 {
    width: 16.6666%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.3333%; }

  .col-lg-5 {
    width: 41.6666%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.3333%; }

  .col-lg-8 {
    width: 66.6666%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.3333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .list-lg-i2 > li {
    width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-lg-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-lg-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-lg-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-lg-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .col-md-1 {
    width: 8.3333%; }

  .col-md-2 {
    width: 16.6666%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.3333%; }

  .col-md-5 {
    width: 41.6666%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.3333%; }

  .col-md-8 {
    width: 66.6666%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.3333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .list-md-i2 > li {
    width: 48%; }
    .list-md-i2 > li:nth-child(even) {
      float: right; }

  .list-md-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-md-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-md-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-md-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 768px) {
  .col-sm-1 {
    width: 8.3333%; }

  .col-sm-2 {
    width: 16.6666%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.3333%; }

  .col-sm-5 {
    width: 41.6666%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.3333%; }

  .col-sm-8 {
    width: 66.6666%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.3333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .list-sm-i1 > li {
    width: 100%;
    margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%;
    margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
      float: right; }
  .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
    margin-right: 4%; }
  .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
    margin-right: 0%; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; }

  .list-sm-i2 > li {
    width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
      margin-right: 0; }

  .list-sm-i3 > li {
    width: 32.5%;
    margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
      margin-right: 0; }

  .list-sm-i4 > li {
    width: 23%;
    margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
      margin-right: 0; }

  .list-sm-i5 > li {
    width: 19%;
    margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
      margin-right: 0; }

  .list-sm-i6 > li {
    width: 15.6666%;
    margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 480px) {
  .list-xs-i1 > li {
    width: 100%;
    margin-right: 0%; } }
/*==========================================
Small Screen
==========================================*/
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  header nav a {
    margin-right: 60px; } }
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  #login-table {
    margin-right: 130px;
    width: calc(100% - 390px); }

  .wrap-inner {
    width: 1000px; }

  header nav {
    margin-right: 40px; }
    header nav a {
      margin-right: 20px; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .wrap-inner {
    width: 748px; } }
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
  #login-table {
    margin-right: 13%;
    margin-top: 5%;
    width: 60%; }

  #login-table .col-xl-6.col-padding {
    padding: 20px !important; }

  .contact-list li {
    width: 100%;
    padding: 0; }
    .contact-list li img {
      float: left;
      width: 180px; }
    .contact-list li p {
      float: right;
      width: calc(100% - 200px);
      text-align: left; }
    .contact-list li .dot {
      display: none; }

  .about-strength li {
    width: 50%;
    padding: 0 10px; }
    .about-strength li img {
      width: 120px; }

  .swiper-container-horizontal > .swiper-pagination-bullets {
    display: none;
    bottom: 2px; }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      margin: 0 2px; }

  .cover {
    /*background-position:top 30px center;*/ }
    .cover .cover-nav {
      position: static;
      width: 100%;
      overflow: hidden;
      background-color: #000;
      padding: 10px 20px; }
    .cover .langbar span {
      display: none; }
    .cover .langbar ul {
      position: static;
      display: block;
      background: none;
      padding: 0; }
      .cover .langbar ul li {
        padding: 0 5px;
        float: left;
        line-height: 20px; }
        .cover .langbar ul li a {
          color: #fff; }
          .cover .langbar ul li a.selected {
            color: #ef9304; }
    .cover .cover-start {
      position: static;
      margin: 10px auto 0 auto;
      display: inline-block;
      float: none;
      height: 40px;
      width: 180px;
      line-height: 40px;
      border-radius: 20px;
      font-size: 20px; }

  .tablet-show, .tablet-block {
    display: block; }

  .tablet-hide {
    display: none; }

  .mobile-icon {
    display: block; }

  .wrap {
    padding: 0 40px; }

  header {
    height: 60px; }
    header .wrap {
      padding: 0; }
    header .inner-container {
      position: fixed;
      top: 60px;
      right: -300px;
      width: 300px;
      height: calc(100% - 60px);
      background-color: #00133d;
      padding: 20px;
      overflow-y: auto;
      transition: 0.4s;
      -webkit-transition: 0.4s; }
      header .inner-container.show {
        right: 0; }
    header #header-function {
      margin: 0;
      width: 100%; }
      header #header-function .icon-login {
        float: none;
        width: 100%;
        overflow: hidden;
        background-position: left 3px center;
        margin-top: 36px; }
      header #header-function .langbar {
        float: none;
        margin: 10px 0 0 0;
        width: 100%;
        overflow: hidden; }
        header #header-function .langbar span {
          display: none; }
        header #header-function .langbar ul {
          display: block;
          position: static;
          width: 100%;
          overflow: hidden;
          background: none;
          padding: 0; }
          header #header-function .langbar ul li {
            float: left;
            padding: 0; }
            header #header-function .langbar ul li a {
              color: #fff;
              line-height: 20px;
              margin-right: 10px; }
              header #header-function .langbar ul li a.selected {
                color: #ef9303; }
    header nav {
      margin: 30px 0 0 0;
      width: 100%; }
      header nav a {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
        font-size: 20px; }
      header nav #nav-line {
        display: none; }

  .page-container {
    margin-top: 60px; }

  footer #footer-top #footer-nav a {
    margin: 0 20px; }

  .sidebar, .inner-page {
    width: 100%;
    float: none;
    padding: 0;
    border: 0; }

  .sidebar {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    margin: 20px 0 40px 0; }
    .sidebar.show {
      display: block; }

  .col-md-12.col-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1024px) {
  .desktop-show {
    display: block !important; } }
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
  .about-brand {
    display: block;
    text-align: center;
    width: 100%;
    overflow: hidden; }
    .about-brand li {
      float: none; }

  .about-strength li {
    width: 100%; }

  .col-sm-12.col-padding {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  #about-top:before {
    height: calc(100% - 90px); }
  #about-top .logo {
    width: 180px;
    height: 180px; }

  .wrap-inner {
    width: 100%;
    padding: 0 20px; }

  .tablet-show, .tablet-block, .mobile-show, .mobile-block {
    display: block; }

  .tablet-hide, .mobile-hide {
    display: none; }

  h1, .undoreset h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0; }

  h2, .undoreset h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0; }

  h3, .undoreset h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0; }

  p, .undoreset p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 20px 0; }

  .inner-section {
    padding: 30px 0 60p 0; }
    .inner-section .col-sm-12.col-padding.fl-left, .inner-section .col-sm-12.col-padding.fl-right {
      padding: 0; }

  footer #footer-top {
    padding: 20px 0; }
    footer #footer-top #footer-nav a {
      width: 100%;
      margin: 0;
      padding: 10px 0;
      border-bottom: 1px solid #474747; }
      footer #footer-top #footer-nav a:nth-last-child(1) {
        border-bottom: 0; }

  .home-bg01, #home-product #home-product-text {
    height: 275px; }
    .home-bg01 h1, #home-product #home-product-text h1 {
      font-size: 24px;
      line-height: 40px;
      text-align: center; }

  #home-about {
    margin: 30px 0;
    padding: 20px; }

  #back-top {
    display: none; }

  .news-list li .img-thumb {
    margin-bottom: 15px; }

  .contact-list {
    /*        li {
                padding-top:0;
                padding-left:80px;
                background-position:left center;
                background-size:auto 60px;
                width:100%;
                text-align:left;
            }*/ }
    .contact-list li img {
      width: 80px; }
    .contact-list li p {
      width: calc(100% - 100px);
      font-size: 16px;
      line-height: 24px; }

  .history-year {
    top: 10px;
    right: 10px;
    border: 0;
    height: calc(100% - 10px); }
    .history-year .btn-year {
      position: absolute;
      top: 0;
      right: 0;
      background-color: #ef9303;
      width: 80px;
      height: 40px;
      color: #fff;
      border: 0;
      font-family: 'Lato';
      font-weight: 300; }
    .history-year ul {
      display: none;
      position: absolute;
      top: 40px;
      right: 0;
      border: 0;
      padding: 10px 20px;
      background-color: #001e5f;
      height: calc(100% - 40px);
      overflow-y: auto; }
      .history-year ul.show {
        display: block; } }
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
  .history-year {
    position: static;
    width: 100%;
    background-color: #001e5f;
    color: #fff;
    padding: 20px;
    text-align: center; }
    .history-year .btn-year {
      position: static;
      width: 100%;
      font-size: 20px;
      height: 40px;
      line-height: 40px; }
    .history-year ul {
      position: static;
      height: 300px;
      width: 100%;
      overflow-y: auto;
      border-right: 0; }
    .history-year li a {
      font-size: 24px;
      line-height: 44px; } }

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