@font-face {
  font-family: 'supermarket_server';
  src: url('/fonts/supermarket/supermarket-webfont.eot');
  src: url('/fonts/supermarket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/supermarket/supermarket-webfont.woff2') format('woff2'),
    url('/fonts/supermarket/supermarket-webfont.woff') format('woff'),
    url('/fonts/supermarket/supermarket-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* ช่วยให้ฟอนต์โหลดเร็วขึ้น */
}

@font-face {
  font-family: 'impact_server';
  src: url('/fonts/impact/impact.eot');
  src: url('/fonts/impact/impact.eot?#iefix') format('embedded-opentype'),
    url('/fonts/impact/impact.woff2') format('woff2'),
    url('/fonts/impact/impact.woff') format('woff'),
    url('/fonts/impact/impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* ช่วยให้ฟอนต์โหลดเร็วขึ้น */
}

@font-face {
  font-family: 'psl_kittithadaregular';
  src: url('/fonts/psl-kittithada/psl-kittithada-regular-webfont.eot');
  src: url('/fonts/psl-kittithada/psl-kittithada-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/psl-kittithada/psl-kittithada-regular-webfont.woff2') format('woff2'),
    url('/fonts/psl-kittithada/psl-kittithada-regular-webfont.woff') format('woff'),
    url('/fonts/psl-kittithada/psl-kittithada-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* ช่วยให้ฟอนต์โหลดเร็วขึ้น */
}

@font-face {
  font-family: 'psl_kittithadabold';
  src: url('/fonts/psl-kittithada/psl-kittithada-bold-webfont.eot');
  src: url('/fonts/psl-kittithada/psl-kittithada-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/psl-kittithada/psl-kittithada-bold-webfont.woff2') format('woff2'),
    url('/fonts/psl-kittithada/psl-kittithada-bold-webfont.woff') format('woff'),
    url('/fonts/psl-kittithada/psl-kittithada-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* ช่วยให้ฟอนต์โหลดเร็วขึ้น */
}

@font-face {
  font-family: 'KittithadaRoman55';
  src: url('/fonts/KittithadaRoman55/KittithadaRoman55.eot');
  src: url('/fonts/KittithadaRoman55/KittithadaRoman55.eot?#iefix') format('embedded-opentype'),
    url('/fonts/KittithadaRoman55/KittithadaRoman55.woff2') format('woff2'),
    url('/fonts/KittithadaRoman55/KittithadaRoman55.woff') format('woff'),
    url('/fonts/KittithadaRoman55/KittithadaRoman55.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* ช่วยให้ฟอนต์โหลดเร็วขึ้น */
}

/*------------------------------
Header
------------------------------*/

@media (min-width: 768px) {
  .bar-top {
    background: #FFFFFF;
    padding: 0 0 10px 0;
  }
}

@media (max-width: 767px) {
  .bar-top {
    width: 100%;
    height: 45px;
    position: fixed;
    z-index: 4001;
    top: 0;
    background: url("/assets/images/menu-bg.jpg") repeat-x;
    background-size: auto 100%;
    padding: 5px 0;
  }

  .bar-top>.container {
    width: 100%;
    max-width: 100%;
  }
}

/*------------------------------*/

.bar-top .row {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0;
}

.bar-top [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}

/*------------------------------*/

ul.logo-text {
  width: auto;
  display: table;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 95%;
  letter-spacing: 1px;
  word-break: break-all;
  padding: 0;
  margin: 0;
}

ul.logo-text>li {
  display: table-cell;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}

ul.logo-text>li:nth-child(1) {
  width: 165px;
  padding-bottom: 3px;
}

ul.logo-text>li:nth-child(2) {
  padding-left: 15px;
  padding-right: 40px;
}

ul.logo-text .img-responsive {
  width: 165px;
}

@media (max-width: 991px) and (min-width: 768px) {
  ul.logo-text {
    font-size: 16px;
    padding: 8px 0 0 0;
  }

  ul.logo-text>li:nth-child(1) {
    width: 120px;
  }

  ul.logo-text>li:nth-child(2) {
    padding: 0 5px 0 10px;
  }

  ul.logo-text .img-responsive {
    width: 120px;
  }
}

@media (max-width: 767px) {

  ul.logo-text>li:nth-child(1),
  ul.logo-text .img-responsive {
    width: 100px;
  }
}

/*------------------------------*/

a.top-recruit {
  width: 115px;
  float: right;
  display: block;
  border: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  a.top-recruit {
    width: 100px;
  }
}

/*------------------------------*/

p.top-recruit {
  width: 115px;
  height: 27px;
  float: right;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  p.top-recruit {
    width: 100px;
    height: 24px;
  }
}

/*------------------------------*/

ul.top-phone {
  clear: both;
  width: auto;
  float: right;
  display: table;
  color: #4d4d4d;
  font-family: impact_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
  word-break: keep-all;
  white-space: nowrap;
  padding: 5px 0 0 0;
  margin: 0;
}

ul.top-phone>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 3px;
  margin: 0;
}

ul.top-phone>li:first-child {
  padding-left: 0;
  padding-bottom: 3px;
}

ul.top-phone>li:last-child {
  padding-right: 0;
}

ul.top-phone>li:nth-child(3)>span {
  width: 2px;
  height: 15px;
  display: block;
  background: #4d4d4d;
}

ul.top-phone .img-responsive {
  width: 30px;
}

ul.top-phone a {
  color: #4d4d4d;
  text-decoration: none;
}

ul.top-phone a:hover {
  opacity: .7;
}

@media (max-width: 1199px) and (min-width: 992px) {
  ul.top-phone {
    font-size: 18px;
  }

  ul.top-phone .img-responsive {
    width: 22px;
    padding-top: 2px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  ul.top-phone {
    font-size: 14px;
  }

  ul.top-phone>li {
    padding: 0 1px;
  }

  ul.top-phone>li:nth-child(3)>span {
    height: 12px;
  }

  ul.top-phone .img-responsive {
    width: 18px;
    padding: 2px 3px 0 0;
  }
}

@media (max-width: 767px) {
  ul.top-phone {
    float: none;
  }

  ul.top-phone>li {}

  ul.top-phone a {
    display: block;
    line-height: 120%;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .top-menu-bar {
    display: block !important;
    background: url("/assets/images/menu-bg.jpg") repeat-x;
    background-size: auto 100%;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
  }
}

@media (max-width: 767px) {
  .top-menu-bar {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 500;
    background: url("/assets/images/menu-bg-m.png") repeat-x;
    background-size: auto 100%;
    border: none;
    text-align: center;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #dddddd;
  }

  .top-menu-bar>.container {
    height: 100%;
    overflow-x: auto;
    padding-bottom: 60px;
  }
}

/*------------------------------*/

.top-menu-bar-bottom {
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 2;
  background: url("/assets/images/menu-bg-bottom.png") repeat-x;
  background-size: auto 100%;
}

@media (max-width: 767px) {
  .top-menu-bar-bottom {
    margin-top: -1px;
  }
}

/*------------------------------*/

ul.top-menu {
  width: 100%;
  display: table;
  table-layout: fixed;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 0;
  margin: 0;
}

ul.top-menu>li {
  width: 1%;
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid #d5d5d5;
  padding: 0;
  margin: 0;
}

ul.top-menu>li:last-child {
  border-right: 1px solid #d5d5d5;
}

ul.top-menu>li>a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 7px 0 4px 0;
}

ul.top-menu>li:hover>a,
ul.top-menu>li.active>a {
  background: #FFFFFF;
  color: #dd8000;
  border-bottom: 3px solid #dd8000;
}

ul.top-menu>li>a>p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  ul.top-menu {
    font-size: 15px;
  }

  ul.top-menu>li>a>p {
    font-size: 10px;
  }
}

@media (min-width: 768px) {
  ul.top-menu>li.dropdown.open {
    position: static;
  }
}

@media (max-width: 767px) {
  ul.top-menu {
    width: auto;
    float: none;
    display: inline-block;
    font-size: 22px;
    margin: 0 auto;
  }

  ul.top-menu>li {
    width: 100%;
    display: block;
    border: none !important;
    text-align: left;
    padding: 15px 0;
  }

  ul.top-menu>li>a {
    border: none !important;
  }

  ul.top-menu>li.dropdown {
    padding: 0;
  }

  ul.top-menu>li.dropdown>a {
    display: none;
  }

  ul.top-menu>li:hover>a,
  ul.top-menu>li.active>a {
    background: none;
    color: #dd8000;
  }

  ul.top-menu>li>a>p {
    display: inline-block;
    font-size: 12px;
  }
}

/*------------------------------*/

.top-menu .dropdown>.dropdown-menu {
  border: 1px solid #d5d5d5;
  border-top: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgba(255, 255, 255, .9);
  padding: 0;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .top-menu .dropdown.open .dropdown-menu {
    width: 100%;
    top: auto;
    left: 0;
    right: 0;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .top-menu .dropdown>.dropdown-menu {
    width: 100%;
    position: relative;
    display: block !important;
    background: none;
    border: none;
    margin-bottom: 15px;
  }

  .top-menu .dropdown>.dropdown-menu .container {
    padding: 0;
  }
}

/*------------------------------*/

.top-menu .dropdown-menu table {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.top-menu .dropdown-menu td {
  width: 25%;
  vertical-align: top;
}

@media (max-width: 767px) {
  .top-menu .dropdown-menu table {
    display: block;
    padding-left: 10px;
  }

  .top-menu .dropdown-menu td {
    width: 100%;
    display: block;
  }
}

/*------------------------------*/

.top-menu .dropdown-menu .panel {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 5px;
  margin: 0;
}

/*------------------------------*/

@media (min-width: 768px) {
  .top-menu .dropdown-menu .collapse {
    display: block;
  }
}

/*------------------------------*/

.top-menu .menu1 a {
  display: block;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: left;
  text-decoration: none;
  padding: 20px 0 15px 15px;
}

.top-menu .menu1 a:hover,
.top-menu .menu1 a.active {
  color: #dd8000;
}

.top-menu .menu1 span {
  font-size: 12px;
}

@media (max-width: 767px) {
  .top-menu .menu1 a {
    padding: 15px 0 0 0;
  }
}

/*------------------------------*/

.top-menu .menu2 a {
  display: block;
  font-family: supermarket_server, sans-serif;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  text-decoration: none;
  color: #4d4d4d;
  padding: 0;
  margin: 0;
}

.top-menu .menu2 a:hover,
.top-menu .menu2 a.active {
  background: none;
  color: #dd8000;
  text-decoration: underline;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .top-menu .menu2 a {
    font-size: 12px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-menu .menu2 a {
    font-size: 9px;
  }
}

@media (min-width: 768px) {

  .top-menu .menu2 a:first-child,
  .top-menu .menu2 a:last-child {
    display: none;
  }
}

@media (max-width: 767px) {
  .top-menu .menu2 {
    width: auto;
    display: table;
    padding: 0;
    margin: 10px 0;
  }

  .top-menu .menu2 a {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
  }

  .top-menu .menu2 a:first-child {
    font-size: 14px;
    padding-top: 2px;
    padding-right: 5px;
  }

  .top-menu .menu2 a:first-child:hover,
  .top-menu .menu2 a:first-child.active {
    background: none;
    color: #4d4d4d;
  }

  .top-menu .menu2 a:last-child {
    padding-left: 5px;
  }

  .top-menu .menu2 a:last-child>span {
    display: block;
    font-size: 12px;
    line-height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #4d4d4d;
    padding: 1px 5px;
  }

  .top-menu .menu2 a:last-child:hover>span,
  .top-menu .menu2 a:last-child.active>span {
    border-color: #dd8000;
  }

  .top-menu .menu2 a br {
    display: none;
  }
}

/*------------------------------*/

.top-menu .menu2 p {
  display: block;
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .top-menu .menu2 p {
    padding-left: 20px;
  }

  .top-menu .menu2 p:before {
    width: 6px;
    height: 7px;
    position: absolute;
    background: url("/assets/images/menu-arrow.png") no-repeat;
    background-size: 100% 100%;
    content: '';
    margin: 0 0 0 -10px;
  }

  .top-menu .menu2 a:hover p:before,
  .top-menu .menu2 a.active p:before {
    background: url("/assets/images/menu-arrow-o.png") no-repeat;
    background-size: 100% 100%;
  }
}

/*------------------------------*/

.top-menu .menu2 p>span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  margin-bottom: 4px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .top-menu .menu2 p>span {
    font-size: 10px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-menu .menu2 p>span {
    font-size: 7px;
  }
}

@media (max-width: 767px) {
  .top-menu .menu2 p>span {
    font-size: 10px;
  }
}

/*------------------------------*/

.top-menu .menu3 {
  word-break: keep-all;
  white-space: nowrap;
  padding: 8px 0 0 0;
}

.top-menu .menu3 a {
  display: block;
  color: #4d4d4d;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 4px 0 4px 20px;
}

.top-menu .menu3.blue a {
  color: #0975b5;
}

.top-menu .menu3.green a {
  color: #129549;
}

.top-menu .menu3.red a {
  color: #ea212b;
}

.top-menu .menu3.orange a {
  color: #f0592c;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .top-menu .menu3 a {
    font-size: 9px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-menu .menu3 a {
    font-size: 8px;
  }
}

@media (max-width: 767px) {
  .top-menu .menu3 {
    padding: 0;
  }

  .top-menu .menu3 a {
    padding-left: 15px;
  }
}

/*------------------------------*/

.menu-toggle {
  width: auto;
  position: absolute;
  top: 7px;
  right: 0;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.menu-toggle:focus {
  outline: 0;
}

.menu-toggle .icon-bar {
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 1px;
  background: #4d4d4d;
}

.menu-toggle .icon-bar+.icon-bar {
  margin-top: 6px;
}

@media (min-width: 768px) {
  .menu-toggle {
    display: none;
  }
}

/*------------------------------*/

a.menu-close {
  width: auto;
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 1);
  color: #FFFFFF;
  font-size: 30px;
  line-height: 100%;
  top: -8px;
  right: -15px;
  padding: 9px 18px 8px 18px;
}

@media (min-width: 768px) {
  a.menu-close {
    display: none !important;
  }
}

/*------------------------------
Footer
------------------------------*/

.menu-footer {
  background: #ababab;
  border-bottom: 5px solid #FFFFFF;
  padding: 5px 0 0 0;
}

.menu-footer.noHeaderFooter {
  background: #333333;
  border: none;
}

/*------------------------------*/

.menu-footer ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

.menu-footer li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.menu-footer li>ul>li {
  padding: 0 30px 0 0;
}

.menu-footer li>ul>li>a {
  color: #FFFFFF;
  display: inline-block;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: left;
  padding: 0 0 0 15px;
}

.menu-footer li>ul>li>a:hover,
.menu-footer li>ul>li>a.active {
  color: #dd8000;
  text-decoration: none;
}

.menu-footer li>ul>li>a:before {
  width: 8px;
  height: 9px;
  position: absolute;
  background: url("/assets/images/menu-arrow-w.png") no-repeat;
  background-size: 100% 100%;
  content: '';
  margin: 2px 0 0 -15px;
}

.menu-footer li>ul>li>a:hover:before,
.menu-footer li>ul>li>a.active:before {
  background: url("/assets/images/menu-arrow-o.png") no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .menu-footer li>ul>li:first-child {
    padding-left: 10px;
  }

  .menu-footer li>ul>li>a {
    font-size: 14px;
    padding: 0 0 0 5px;
  }
}

@media (max-width: 767px) {

  .menu-footer>.container>ul,
  .menu-footer>.container>ul>li {
    width: 100%;
    display: block;
  }

  .menu-footer li>ul>li {
    word-break: keep-all;
    white-space: nowrap;
    padding: 0;
  }

  .menu-footer li>ul>li:nth-child(1) {
    width: 100px;
  }

  .menu-footer li>ul>li:nth-child(2) {
    width: 75px;
  }

  .menu-footer li>ul>li>a {
    font-size: 11px;
    padding: 0 0 0 10px;
  }

  .menu-footer li>ul>li>a:before {
    width: 5px;
    height: 6px;
    margin: 2px 0 0 -10px;
  }
}

/*------------------------------*/


/*------------------------------
Home
------------------------------*/

.top-banner-home {
  position: relative;
  z-index: 1;
  background: url("/assets/images/home/banner-bg.jpg") repeat-x;
  background-size: auto 100%;
}

/*------------------------------*/

ul.home-title {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 15px 0;
}

ul.home-title>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

ul.home-title>li:first-child {
  width: 55px;
}

ul.home-title .img-responsive {
  width: 45px;
}

/*------------------------------*/

.home-title-text {
  border-bottom: 1px dashed #666666;
  color: #4d4d4d;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0 0 5px 0;
  margin: 10px 0 0 0;
}

/*------------------------------*/

ul.home-promotion-detail {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

ul.home-promotion-detail>li {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

@media (min-width: 1200px) {
  ul.home-promotion-detail>li:nth-child(1) {
    width: 300px;
  }

  ul.home-promotion-detail>li:nth-child(2) {
    width: 302px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  ul.home-promotion-detail>li:nth-child(1) {
    width: 250px;
  }

  ul.home-promotion-detail>li:nth-child(2) {
    width: 258px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  ul.home-promotion-detail>li:nth-child(1) {
    width: 190px;
  }

  ul.home-promotion-detail>li:nth-child(2) {
    width: 205px;
  }
}

@media (max-width: 767px) {

  ul.home-promotion-detail,
  ul.home-promotion-detail>li {
    width: 100%;
    display: block;
  }

  ul.home-promotion-detail>li:nth-child(1),
  ul.home-promotion-detail>li:nth-child(2) {
    padding-bottom: 15px;
  }
}

/*------------------------------*/

.home-promotion-cell {
  position: relative;
}

@media (min-width: 768px) {
  ul.home-promotion-detail>li:nth-child(2) .home-promotion-cell {
    padding: 0 20px;
  }
}

/*------------------------------*/

a.home-banner-promotion {
  display: block;
  position: relative;
}

a.home-banner-promotion:hover * {
  opacity: .7;
}

a.home-banner-promotion>p {
  width: 100%;
  background-position: center center !important;
  background-size: 100% auto !important;
  padding: 0;
  margin: 0;
}

@media (min-width: 1200px) {
  .home-banner-promotion>p {
    height: 166px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-banner-promotion>p {
    height: 138px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-banner-promotion>p {
    height: 105px;
  }
}

@media (min-width: 768px) {
  .home-banner-promotion>p>img {
    display: none;
  }
}

@media (max-width: 767px) {
  .home-banner-promotion>p {
    background: none;
  }
}

/*------------------------------*/

a.home-vdo-pic {
  display: block;
  position: relative;
  background: url("/assets/images/home/vdo-promotion-bg.png") no-repeat;
  background-size: 100% 100%;
}

a.home-vdo-pic:hover * {
  opacity: .7;
}

.home-vdo-pic>p {
  position: relative;
  z-index: -1;
  width: 100%;
  background-position: center center !important;
  background-size: 100% auto !important;
  padding: 0;
  margin: 0;
}

@media (min-width: 1200px) {
  .home-vdo-pic>p {
    height: 165px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-vdo-pic>p {
    height: 137px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-vdo-pic>p {
    height: 104px;
  }
}

@media (min-width: 768px) {
  .home-vdo-pic>p>img {
    display: none;
  }
}

@media (max-width: 767px) {
  .home-vdo-pic>p {
    background: none;
  }
}

/*------------------------------*/

a.home-more {
  float: right;
  display: inline-block;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-decoration: none;
  padding: 0 5px 0 0;
}

a.home-more .fa {
  color: #de8000;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  padding: 0 0 0 5px;
  margin: -2px 0 0 0;
}

a.home-more ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

a.home-more li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

a.home-more:hover li:first-child {
  text-decoration: none;
  color: #de8000;
}

@media (max-width: 767px) {
  a.home-more {
    font-size: 14px;
  }
}

/*------------------------------*/

.home-info-title {
  background: url("/assets/images/bg-sty1.jpg") repeat-x;
  background-size: auto 100%;
  border: 1px solid #dedede;
  padding: 10px 0 5px 15px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-title {
    padding: 8px 0 0 10px;
  }
}

/*------------------------------*/

.home-info-title .home-more {
  padding-top: 3px;
}

/*------------------------------*/

.home-info-title>ul {
  width: auto;
  display: table;
  table-layout: fixed;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
}

.home-info-title>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.home-info-title>ul>li>.img-responsive {
  width: 25px;
  padding: 0 0 5px 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-title>ul {
    font-size: 20px;
  }
}

/*------------------------------*/

.home-info-scroll {
  padding: 0 15px 0 0 !important;
}

@media (min-width: 1200px) {
  .home-info-scroll {
    height: 100px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-info-scroll {
    height: 75px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-scroll {
    height: 45px;
  }
}

@media (max-width: 767px) {
  .home-info-scroll {
    height: 200px;
    padding: 0 10px 0 0 !important;
  }
}

/*------------------------------*/

.home-info-detail {
  border: 1px solid #dedede;
  padding: 10px;
}

@media (max-width: 767px) {
  .home-info-detail {
    padding: 10px 5px 10px 10px;
  }
}

/*------------------------------*/

.home-info-detail ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-bottom: 1px dashed #dedede;
  padding: 0;
  margin: 5px 0;
}

.home-info-detail li {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
  margin: 0;
}

.home-info-detail li:nth-child(4) {
  width: 20px;
}

@media (min-width: 1200px) {
  .home-info-detail li:nth-child(1) {
    width: 145px;
  }

  .home-info-detail li:nth-child(2) {
    width: 90px;
  }

  .home-info-detail li:nth-child(3) {
    padding-right: 10px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-info-detail li:nth-child(1) {
    width: 130px;
  }

  .home-info-detail li:nth-child(2) {
    width: 80px;
  }

  .home-info-detail li:nth-child(3) {
    padding-right: 8px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-detail li:nth-child(1) {
    width: 71px;
  }

  .home-info-detail li:nth-child(2) {
    width: 55px;
  }

  .home-info-detail li:nth-child(3) {
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .home-info-detail ul {
    padding: 15px 0 5px 25px;
    margin: 0 0 15px 0;
  }

  .home-info-detail li {
    display: inline-block;
    padding: 0 0 5px 0;
  }

  .home-info-detail li:nth-child(1) {
    width: 90px;
    padding-left: 12px;
  }

  .home-info-detail li:nth-child(2) {
    width: 50px;
  }

  .home-info-detail li:nth-child(3) {
    width: 100%;
  }

  .home-info-detail li:nth-child(4) {
    width: 0;
    position: absolute;
  }
}

/*------------------------------*/

.home-info-date {
  float: right;
  display: inline;
  color: #4d4d4d;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0;
}

.home-info-date:before {
  width: 9px;
  height: 10px;
  position: absolute;
  background: url("/assets/images/menu-arrow.png") no-repeat;
  background-size: 100% 100%;
  content: '';
  margin: 3px 0 0 -15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-info-date {
    font-size: 16px;
  }

  .home-info-date:before {
    margin-top: 2px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-date {
    font-size: 12px;
  }

  .home-info-date:before {
    width: 7px;
    height: 8px;
    margin: 2px 0 0 -10px;
  }
}

@media (max-width: 767px) {
  .home-info-date {
    float: none;
    font-size: 13px;
  }

  .home-info-date:before {
    width: 8px;
    height: 9px;
    margin: 5px 0 0 -12px;
  }
}

/*------------------------------*/

.home-info-label {
  width: 65px;
  height: 18px;
  display: block;
  color: #FFFFFF;
  font-family: supermarket_server, sans-serif;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.home-info-label.product {
  background: #83bd3f;
}

.home-info-label.event {
  background: #de8000;
}

.home-info-label.news {
  background: #4d4d4d;
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-label {
    width: 40px;
    height: 13px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .home-info-label {
    width: 50px;
    height: 15px;
    font-size: 11px;
    margin: 0;
  }
}

/*------------------------------*/

.home-info-text {
  overflow: hidden;
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 1px;
  word-break: break-all;
}

.home-info-text a {
  color: #4d4d4d;
}

.home-info-text a:hover {
  text-decoration: none;
  opacity: .7;
}

@media (min-width: 992px) {
  .home-info-text {
    height: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-text {
    height: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .home-info-text {
    font-size: 16px;
  }
}

/*------------------------------*/

.home-info-new {
  width: 30px;
  height: 14px;
  position: absolute;
  border: 1px solid #ff0000;
  color: #ff0000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 3px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-info-new {
    width: 25px;
    height: 10px;
    font-size: 6px;
    padding: 1px 0 0 0;
  }
}

@media (max-width: 767px) {
  .home-info-new {
    width: 28px;
  }
}

/*------------------------------*/

a.home-info-pdf {
  width: 20px;
  display: inline-block;
}

@media (max-width: 991px) and (min-width: 768px) {
  a.home-info-pdf {
    width: 15px;
  }
}

@media (max-width: 767px) {
  a.home-info-pdf {
    width: 17px;
    position: absolute;
    top: -42px;
    right: 0;
  }
}

/*------------------------------*/

.home-product-title {
  clear: both;
  padding: 0;
  margin: 0;
}

/*------------------------------*/

@media (min-width: 768px) {
  .home-product-title .home-more {
    margin-top: -38px;
  }
}

@media (max-width: 767px) {
  .home-product-title .home-more {
    margin-top: -8px;
  }
}

/*------------------------------*/

.home-product-detail {
  display: block;
  text-decoration: none;
}

/*------------------------------*/

.home-product-detail .row {
  margin: 0 -8px;
}

.home-product-detail [class*="col-"] {
  padding: 8px;
}

/*------------------------------*/

.home-product-detail>.row>[class*="col-"]>a {
  width: 100%;
  display: block;
  text-decoration: none;
  color: #4d4d4d;
}

.home-product-detail>.row>[class*="col-"]>a:hover {
  opacity: .7;
}

/*------------------------------*/

.home-product-detail [class*="col-"]:nth-child(1) ul.home-product-ul {
  background: url("/assets/images/home/P001-bg.png") no-repeat right top #1a75bb;
  background-size: auto 100%;
}

.home-product-detail [class*="col-"]:nth-child(2) ul.home-product-ul {
  background: url("/assets/images/home/P002-bg.png") no-repeat right top #009344;
  background-size: auto 100%;
}

.home-product-detail [class*="col-"]:nth-child(3) ul.home-product-ul {
  background: url("/assets/images/home/P003-bg.png") no-repeat right top #ec1b23;
  background-size: auto 100%;
}

.home-product-detail [class*="col-"]:nth-child(4) ul.home-product-ul {
  background: url("/assets/images/home/P004-bg.png") no-repeat right top #f05a28;
  background-size: auto 100%;
}

/*------------------------------*/

ul.home-product-ul {
  width: 100%;
  display: table;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d0cfcf;
  padding: 0;
  margin: 0;
}

ul.home-product-ul>li {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

ul.home-product-ul>li:nth-child(1) {
  background: #FFFFFF;
}

ul.home-product-ul>li:nth-child(3) {
  position: absolute;
}

@media (min-width: 1200px) {
  ul.home-product-ul>li:nth-child(1) {
    width: 130px;
  }

  ul.home-product-ul>li:nth-child(1)>.img-responsive {
    width: 110px;
  }

  ul.home-product-ul>li:nth-child(2) {
    padding-left: 20px;
  }

  ul.home-product-ul>li:nth-child(3) {
    width: 40px;
    bottom: 10px;
    margin: 0 0 0 -40px;
  }

  ul.home-product-ul>li:nth-child(3)>.img-responsive {
    width: 20px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  ul.home-product-ul>li:nth-child(1) {
    width: 90px;
  }

  ul.home-product-ul>li:nth-child(1)>.img-responsive {
    width: 70px;
  }

  ul.home-product-ul>li:nth-child(3) {
    width: 28px;
    bottom: 12px;
    padding: 5px;
    margin: 0 0 0 -30px;
  }

  ul.home-product-ul>li:nth-child(3)>.img-responsive {
    width: 18px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  ul.home-product-ul>li {
    padding: 5px;
  }

  ul.home-product-ul>li:nth-child(1) {
    width: 70px;
  }

  ul.home-product-ul>li:nth-child(1)>.img-responsive {
    width: 60px;
  }

  ul.home-product-ul>li:nth-child(3) {
    width: 25px;
    bottom: 10px;
    margin: 0 0 0 -22px;
  }

  ul.home-product-ul>li:nth-child(3)>.img-responsive {
    width: 12px !important;
  }
}

@media (max-width: 767px) {
  ul.home-product-ul {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  ul.home-product-ul>li {
    padding: 5px;
  }

  ul.home-product-ul>li:nth-child(1) {
    width: 60px;
  }

  ul.home-product-ul>li:nth-child(1)>.img-responsive {
    width: 50px;
  }

  ul.home-product-ul>li:nth-child(3) {
    width: 22px;
    bottom: 9px;
    margin: 0 0 0 -19px;
  }

  ul.home-product-ul>li:nth-child(3)>.img-responsive {
    width: 12px !important;
  }
}

/*------------------------------*/

.home-product-text1 {
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-product-text1 {
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-product-text1 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .home-product-text1 {
    font-size: 16px;
  }
}

/*------------------------------*/

.home-product-text2 {
  color: #FFFFFF;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.5px;
}

.home-product-text2 p {
  padding: 0;
  margin: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .home-product-text2 {
    font-size: 18px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .home-product-text2 {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .home-product-text2 {
    font-size: 11px;
  }
}

/*------------------------------*/

.home-banner {
  margin: 15px -10px;
}

.home-banner .img-responsive {
  border: 1px solid #dddddd;
}

.home-banner>ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.home-banner>ul>li {
  width: 1%;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .home-banner {
    margin: 10px -2px 15px -2px;
  }

  .home-banner>ul>li {
    padding: 0 2px;
  }
}

/*------------------------------*/

.home-icon {
  border: 1px solid #dedede;
  padding: 1px;
  margin: 0 0 30px 0;
}

.home-icon>ul {
  width: auto;
  display: block;
  padding: 0;
  margin: 0 auto;
}

.home-icon>ul>li {
  width: 20%;
  display: inline-block;
  padding: 10px;
  margin: -2px;
}

@media (max-width: 767px) {
  .home-icon {
    padding: 0;
  }

  .home-icon>ul>li {
    width: 50%;
  }
}

/*------------------------------
Pages
------------------------------*/

.top-banner-pages {
  position: relative;
  z-index: 1;
  margin-bottom: 45px;
}

@media (max-width: 767px) {
  .top-banner-pages {
    height: 120px;
  }

  .top-banner-pages>.container {
    max-width: 100%;
  }

  .top-banner-pages .img-responsive {
    display: none;
  }
}

/*------------------------------*/

.top-banner-text {
  position: absolute;
  color: #FFFFFF;
  font-family: KittithadaRoman55, sans-serif;
  font-style: italic;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 1px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
  padding: 50px 0 0 120px;
  margin: 0;
}

.top-banner-text>small {
  font-family: Arial, sans-serif;
  font-size: 24px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .top-banner-text {
    padding: 35px 0 0 30px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-text {
    padding: 20px 0 0 30px;
  }
}

@media (max-width: 767px) {
  .top-banner-text {
    font-size: 34px;
    padding: 40px 0 0 0;
  }

  .top-banner-text>small {
    font-size: 14px;
  }
}

/*------------------------------*/

.imgBoxShadow {
  -webkit-box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.5);
  box-shadow: 0 0 10px 1px rgba(51, 51, 51, 0.5);
  padding: 10px;
}

/*------------------------------*/

.pageListSty1>ul {
  padding: 0;
  margin: 0;
}

.pageListSty1>ul>li {
  display: block;
  padding: 0 0 0 15px;
}

.pageListSty1>ul>li:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

/*------------------------------*/

.pageListSty2>ul {
  padding: 0;
  margin: 0;
}

.pageListSty2>ul>li {
  display: block;
  padding: 0 0 0 15px;
}

.pageListSty2>ul>li:before {
  position: absolute;
  content: "-";
  margin: 0 0 0 -15px;
}

/*------------------------------*/

.pageTextSty1 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .pageTextSty1 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .pageTextSty1 {
    font-size: 22px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .pageTextIndent {
    text-indent: 30px;
  }
}

/*------------------------------
News
------------------------------*/

.top-banner-news {
  background: url("/assets/images/news/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.news-menu {
  width: auto;
  display: table;
  table-layout: fixed;
  float: right;
  padding: 0;
  margin: 0;
}

.news-menu>a {
  /*width: 100px;*/
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  word-break: keep-all;
  white-space: nowrap;
  padding: 5px 30px 2px 30px;
  margin: 0;
}

.news-menu>a:before,
.news-menu>a:last-child:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: #dddddd;
}

.news-menu>a:before {
  margin: 0 0 0 -30px;
}

.news-menu>a:last-child:after {
  margin: 0 0 0 29px;
}

.news-menu>a:hover,
.news-menu>a.active {
  font-weight: bold;
}

/*.news-menu > a:nth-child(1):hover,
.news-menu > a:nth-child(1).active {
  background: #ff0000;
}

.news-menu > a:nth-child(2):hover,
.news-menu > a:nth-child(2).active {
  background: #4D4D4D;
}

.news-menu > a:nth-child(3):hover,
.news-menu > a:nth-child(3).active {
  background: #83BD3F;
}

.news-menu > a:nth-child(4):hover,
.news-menu > a:nth-child(4).active {
  background: #DE8000;
}*/

@media (max-width: 767px) {
  .news-menu>a {
    width: 60px;
    font-size: 14px;
    padding: 5px 17px 2px 17px;
  }

  .news-menu>a:before,
  .news-menu>a:last-child:after {
    height: 12px;
  }

  .news-menu>a:before {
    margin: 0 0 0 -17px;
  }

  .news-menu>a:last-child:after {
    margin: 0 0 0 16px;
  }
}

/*------------------------------*/

.news-info-scroll {
  padding: 0 15px 0 0 !important;
}

@media (min-width: 768px) {
  .news-info-scroll {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .news-info-scroll {
    height: 200px;
    padding: 0 10px 0 0 !important;
  }
}

/*------------------------------*/

.news-info-detail {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 10px 3px 10px 10px;
  margin: 0;
}

@media (max-width: 767px) {
  .news-info-detail {
    padding: 10px 5px 10px 10px;
  }
}

/*------------------------------*/

.news-info-detail ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-bottom: 1px dashed #dedede;
  padding: 0;
  margin: 5px 0;
}

.news-info-detail li {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
  margin: 0;
}

.news-info-detail li:nth-child(4) {
  width: 20px;
}

@media (min-width: 1200px) {
  .news-info-detail li:nth-child(1) {
    width: 145px;
  }

  .news-info-detail li:nth-child(2) {
    width: 90px;
  }

  .news-info-detail li:nth-child(3) {
    padding-right: 10px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .news-info-detail li:nth-child(1) {
    width: 130px;
  }

  .news-info-detail li:nth-child(2) {
    width: 80px;
  }

  .news-info-detail li:nth-child(3) {
    padding-right: 8px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .news-info-detail li:nth-child(1) {
    width: 71px;
  }

  .news-info-detail li:nth-child(2) {
    width: 55px;
  }

  .news-info-detail li:nth-child(3) {
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .news-info-detail ul {
    padding: 15px 0 5px 25px;
    margin: 0 0 15px 0;
  }

  .news-info-detail li {
    display: inline-block;
    padding: 0 0 5px 0;
  }

  .news-info-detail li:nth-child(1) {
    width: 90px;
    padding-left: 12px;
  }

  .news-info-detail li:nth-child(2) {
    width: 50px;
  }

  .news-info-detail li:nth-child(3) {
    width: 100%;
  }

  .news-info-detail li:nth-child(4) {
    width: 0;
    position: absolute;
  }
}

/*------------------------------*/

.news-info-date {
  float: right;
  display: inline;
  color: #4d4d4d;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0;
}

.news-info-date:before {
  width: 9px;
  height: 10px;
  position: absolute;
  background: url("/assets/images/menu-arrow.png") no-repeat;
  background-size: 100% 100%;
  content: '';
  margin: 3px 0 0 -15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .news-info-date {
    font-size: 16px;
  }

  .news-info-date:before {
    margin-top: 2px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .news-info-date {
    font-size: 12px;
  }

  .news-info-date:before {
    width: 7px;
    height: 8px;
    margin: 2px 0 0 -10px;
  }
}

@media (max-width: 767px) {
  .news-info-date {
    float: none;
    font-size: 13px;
  }

  .news-info-date:before {
    width: 8px;
    height: 9px;
    margin: 5px 0 0 -12px;
  }
}

/*------------------------------*/

.news-info-label {
  width: 65px;
  height: 18px;
  display: block;
  color: #FFFFFF;
  font-family: supermarket_server, sans-serif;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.news-info-label.product {
  background: #83bd3f;
}

.news-info-label.event {
  background: #de8000;
}

.news-info-label.news {
  background: #4d4d4d;
}

@media (max-width: 991px) and (min-width: 768px) {
  .news-info-label {
    width: 40px;
    height: 13px;
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .news-info-label {
    width: 50px;
    height: 15px;
    font-size: 11px;
    margin: 0;
  }
}

/*------------------------------*/

.news-info-text {
  overflow: hidden;
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 1px;
  word-break: break-all;
}

.news-info-text a {
  color: #4d4d4d;
}

.news-info-text a:hover {
  text-decoration: none;
  opacity: .7;
}

@media (max-width: 991px) and (min-width: 768px) {
  .news-info-text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .news-info-text {
    font-size: 16px;
  }
}

/*------------------------------*/

.news-info-new {
  width: 30px;
  height: 14px;
  position: absolute;
  border: 1px solid #ff0000;
  color: #ff0000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 8px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 3px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .news-info-new {
    width: 25px;
    height: 10px;
    font-size: 6px;
    padding: 1px 0 0 0;
  }
}

@media (max-width: 767px) {
  .news-info-new {
    width: 28px;
  }
}

/*------------------------------*/

a.news-info-pdf {
  width: 20px;
  display: inline-block;
}

@media (max-width: 991px) and (min-width: 768px) {
  a.news-info-pdf {
    width: 15px;
  }
}

@media (max-width: 767px) {
  a.news-info-pdf {
    width: 17px;
    position: absolute;
    top: -42px;
    right: 0;
  }
}

/*------------------------------*/

#newsDetail {
  padding: 60px 0 0 0;
}

/*------------------------------*/

.news-info-title {
  background: url("/assets/images/bg-sty1.jpg") repeat-x;
  background-size: auto 100%;
  border: 1px solid #dedede;
  padding: 10px 15px 8px 15px;
  margin: 0;
}

/*------------------------------*/

.news-info-title>ul {
  width: auto;
  display: table;
  table-layout: fixed;
  color: #4d4d4d;
  padding: 0;
  margin: 0;
}

.news-info-title>ul>li {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.news-info-title>ul>li:nth-child(1) {
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
}

.news-info-title>ul>li:nth-child(2) {
  padding: 0 10px;
}

.news-info-title>ul>li:nth-child(3) {
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .news-info-title>ul>li {
    display: inline-block;
  }

  .news-info-title>ul>li:nth-child(3) {
    width: 100%;
    padding-top: 5px;
  }
}

/*------------------------------*/

ul.news-info-text1 {
  width: 100%;
  display: table;
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  word-break: break-all;
  padding: 0;
  margin: 40px 0 0 0;
}

ul.news-info-text1>li {
  display: table-cell;
  vertical-align: middle;
}

ul.news-info-text1>li:nth-child(1),
ul.news-info-text1>li:nth-child(3) {
  width: 15%;
}

ul.news-info-text1>li:nth-child(2) {
  width: 70%;
}

ul.news-info-text1>li:nth-child(3)>a>.img-responsive {
  max-width: 30px;
}

@media (max-width: 767px) {

  ul.news-info-text1>li {
    vertical-align: top;
  }

  ul.news-info-text1.one>li:nth-child(1) {
    width: 0;
    display: none;
  }

  ul.news-info-text1.one>li:nth-child(2) {
    width: 100%;
  }

  ul.news-info-text1.one>li:nth-child(3) {
    width: auto;
  }

  ul.news-info-text1.one>li:nth-child(3)>a {
    display: block;
    padding: 8px 0 0 10px;
  }

  ul.news-info-text1.one>li:nth-child(3)>a>.img-responsive {
    float: right;
    max-width: 25px;
  }

  ul.news-info-text1.two>li:nth-child(1),
  ul.news-info-text1.two>li:nth-child(3) {
    width: 0;
    display: none;
  }

  ul.news-info-text1.two>li:nth-child(2) {
    width: 100%;
  }
}

/*------------------------------*/

.news-info-pic {
  display: table;
  margin: 40px auto;
}

@media (min-width: 768px) {
  .news-info-pic .img-responsive {
    max-width: 500px;
  }
}

@media (max-width: 767px) {
  .news-info-pic .img-responsive {
    max-width: 290px;
  }
}

/*------------------------------*/

ul.news-info-btn {
  width: auto;
  display: table;
  padding: 0;
  margin: 80px auto 120px auto;
}

ul.news-info-btn>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  margin: 0;
}

ul.news-info-btn>li>a {
  width: 120px;
  display: block;
  border: 1px solid #82bc3f;
  color: #82bc3f;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  padding: 7px 0 4px 0;
}

ul.news-info-btn>li:nth-child(1)>a:before,
ul.news-info-btn>li:nth-child(1)>a:hover:before {
  padding-right: 3px;
}

ul.news-info-btn>li:nth-child(1)>a:before {
  content: url("/assets/images/menu-arrow-GL.png");
}

ul.news-info-btn>li:nth-child(1)>a:hover:before {
  content: url("/assets/images/menu-arrow-WL.png");
}

ul.news-info-btn>li:nth-child(2)>a {
  font-size: 24px;
}

ul.news-info-btn>li:nth-child(3)>a:after,
ul.news-info-btn>li:nth-child(3)>a:hover:after {
  padding-left: 3px;
}

ul.news-info-btn>li:nth-child(3)>a:after {
  content: url("/assets/images/menu-arrow-GR.png");
}

ul.news-info-btn>li:nth-child(3)>a:hover:after {
  content: url("/assets/images/menu-arrow-WR.png");
}

ul.news-info-btn>li>a:hover {
  background: #82bc3f;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  ul.news-info-btn>li {
    padding: 0 5px;
  }

  ul.news-info-btn>li>a {
    width: 87px;
    font-size: 15px;
  }

  ul.news-info-btn>li:nth-child(2)>a {
    font-size: 20px;
  }
}

/*------------------------------
Company
------------------------------*/

.top-banner-company {
  background: url("/assets/images/company/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.company-title {
  border-bottom: 1px dashed #aaaaaa;
  margin: 60px 0 0 0;
}

.company-title>ul {
  width: auto;
  display: table;
  border-left: 10px solid #82bd3f;
  padding: 8px 0 5px 5px;
  margin: 0 0 10px 0;
}

.company-title>ul>li {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
}

.company-title>ul>li:nth-child(1) {
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
}

.company-title>ul>li:nth-child(2) {
  color: #4d4d4d;
  /*font-family: Arial, sans-serif;*/
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
}

.company-title.tSmall>ul>li:nth-child(1) {
  font-size: 22px;
}

.company-title.tSmall>ul>li:nth-child(2) {
  font-size: 13px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .company-title.tSmall>ul>li {
    display: block;
  }
}

@media (max-width: 767px) {
  .company-title>ul>li {
    display: inline-block;
  }

  .company-title>ul>li:nth-child(1),
  .company-title.tSmall>ul>li:nth-child(1) {
    font-size: 28px;
  }

  .company-title>ul>li:nth-child(2),
  .company-title.tSmall>ul>li:nth-child(2) {
    font-size: 14px;
  }
}

/*------------------------------*/

.companyPic {
  margin-top: 30px;
}

/*------------------------------*/

.company-detail {
  padding: 0 15px 0 0;
  margin: 20px 0 0 0;
}

.company-detail>ul {
  width: 100%;
  display: table;
  padding: 0;
  margin: 3px 0;
}

.company-detail>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 7px 0;
}

.company-detail>ul>li:nth-child(1) {
  width: 15%;
  vertical-align: top;
  color: #4d4d4d;
  background: url("/assets/images/company/detail-bg.png") repeat-x bottom left;
  background-size: auto 100%;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  padding-top: 14px;
  padding-left: 14px;
  border-right: 10px solid #FFFFFF;
}

.company-detail>ul>li:nth-child(1) .tSmall {
  font-size: 13px;
}

.company-detail>ul>li:nth-child(2) {
  width: 85%;
  border-bottom: 1px dashed #dddddd;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  padding-left: 15px;
}

.company-detail>ul:first-child>li:nth-child(2) {
  border-top: 1px dashed #dddddd;
}

@media (max-width: 991px) and (min-width: 768px) {
  .company-detail>ul>li:nth-child(1) {
    width: 20%;
  }

  .company-detail>ul>li:nth-child(2) {
    width: 80%;
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .company-detail {
    padding: 0;
  }

  .company-detail>ul,
  .company-detail>ul>li {
    width: 100% !important;
    display: block;
  }

  .company-detail>ul {
    margin: 0 0 30px 0;
  }

  .company-detail>ul:last-child {
    margin-bottom: 0;
  }

  .company-detail>ul>li:nth-child(1) {
    color: #000000;
    padding: 12px 0 10px 15px;
    border: none;
  }

  .company-detail>ul>li:nth-child(2) {
    font-size: 22px;
    padding: 10px 15px;
  }

  .company-detail>ul:first-child>li:nth-child(2) {
    border-top: none;
  }
}

/*------------------------------*/

.company-label {
  display: inline-block;
  border: 1px solid #de8000;
  color: #de8000;
  font-family: supermarket_server, sans-serif;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: .5px;
  padding: 5px 5px 2px 5px;
  margin: 0 0 2px 0;
}

@media (max-width: 767px) {
  .company-label {
    font-size: 12px;
    padding: 3px 5px 1px 5px;
  }
}

/*------------------------------*/

.company-phone {}

.company-phone a {
  color: #4D4D4D;
}

.company-phone ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

.company-phone li {
  display: table-cell;
  vertical-align: top;
}

@media (min-width: 1200px) {
  .company-phone>ul>li:first-child {
    padding-right: 30px;
  }
}

@media (max-width: 1199px) {
  .company-phone>ul>li {
    width: 100%;
    display: block;
  }
}

/*------------------------------*/

.company-phone>ul>li>ul>li.bracket {
  vertical-align: middle;
  font-family: KittithadaRoman55, sans-serif;
  line-height: 15px;
  padding: 0 5px 0 0;
}

.company-phone>ul>li>ul>li.bracket>img {
  width: 6px;
  vertical-align: top;
  margin: 0;
}

@media (max-width: 767px) {
  .company-phone>ul>li>ul>li.bracket {
    width: 45px;
    vertical-align: top;
    padding-top: 3px;
  }
}

/*------------------------------*/

.company-map {
  margin: 20px 0 0 0;
}

.company-map iframe {
  width: 100%;
  height: 400px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .company-map iframe {
    height: 350px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .company-map iframe {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .company-map iframe {
    height: 250px;
  }
}

/*------------------------------*/

.company-policy {
  margin: 20px 0 0 0;
}

.company-policy>ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 20px 0;
}

.company-policy>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.company-policy>ul>li:nth-child(1) {
  padding: 0 15px;
}

.company-policy>ul>li:nth-child(1)>span {
  display: block;
  width: 30px;
  background: #666666;
  color: #FFFFFF;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  padding: 2px 0 0 0;
}

.company-policy>ul>li:nth-child(2) {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .company-policy>ul>li:nth-child(2) {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .company-policy>ul>li:nth-child(1) {
    padding-left: 0;
  }

  .company-policy>ul>li:nth-child(1)>span {
    font-size: 18px;
  }

  .company-policy>ul>li:nth-child(2) {
    font-size: 22px;
  }
}

/*------------------------------*/

.company-history {
  margin: 20px 0 0 0;
}

.company-history>ul {
  width: 100%;
  display: table;
  padding: 0;
  margin: 3px 0;
}

.company-history>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0;
}

.company-history>ul>li:nth-child(1) {
  width: 15%;
  vertical-align: top;
  color: #4d4d4d;
  background: url("/assets/images/company/detail-bg.png") repeat-x bottom left;
  background-size: auto 100%;
  font-family: supermarket_server, sans-serif;
  font-size: 20px;
  line-height: 100%;
  padding-top: 14px;
  padding-left: 14px;
  border-right: 10px solid #FFFFFF;
}

.company-history>ul>li:nth-child(2) {
  width: 85%;
  border-bottom: 1px dashed #dddddd;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.company-history>ul:first-child>li:nth-child(2) {
  border-top: 1px dashed #dddddd;
}

@media (max-width: 991px) and (min-width: 768px) {
  .company-history>ul>li:nth-child(1) {
    width: 20%;
  }

  .company-history>ul>li:nth-child(2) {
    width: 80%;
    font-size: 22px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 767px) {
  .company-history {
    padding: 0;
  }

  .company-history>ul,
  .company-history>ul>li {
    width: 100% !important;
    display: block;
  }

  .company-history>ul {
    margin: 0 0 30px 0;
  }

  .company-history>ul:last-child {
    margin-bottom: 0;
  }

  .company-history>ul>li:nth-child(1) {
    color: #000000;
    padding: 12px 0 10px 15px;
    border: none;
  }

  .company-history>ul>li:nth-child(2) {
    font-size: 22px;
    padding: 10px 15px;
  }

  .company-history>ul:first-child>li:nth-child(2) {
    border-top: none;
  }
}

/*------------------------------*/

.company-history-text {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  margin: 15px 0 0 0;
}

.company-history-text ul {
  margin: 10px 0;
}

@media (max-width: 991px) {
  .company-history-text {
    font-size: 22px;
  }
}

/*------------------------------*/

.company-group {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 30px;
  margin: 0 0 20px 0;
}

.company-group>ul {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0;
}

.company-group>ul>li {
  display: table-cell;
  vertical-align: middle;
}

.company-group>ul>li:nth-child(1),
.company-group>ul>li:nth-child(1)>.img-responsive {
  width: 270px;
}

.company-group>ul>li:nth-child(2) {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  padding-left: 15px;
}

.company-group>ul>li:nth-child(2)>p {
  margin: 0 0 8px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .company-group {
    padding: 15px;
  }

  .company-group>ul>li {
    vertical-align: middle;
  }

  .company-group>ul>li:nth-child(1),
  .company-group>ul>li:nth-child(1)>.img-responsive {
    width: 230px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .company-group {
    padding: 10px;
  }

  .company-group>ul>li {
    vertical-align: middle;
  }

  .company-group>ul>li:nth-child(1),
  .company-group>ul>li:nth-child(1)>.img-responsive {
    width: 120px;
  }

  .company-group>ul>li:nth-child(2) {
    font-size: 22px;
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .company-group {
    padding: 15px;
  }

  .company-group>ul,
  .company-group>ul>li {
    width: 100% !important;
    display: block;
  }

  .company-group>ul>li:nth-child(2) {
    font-size: 21px;
    text-align: center;
    padding: 0;
  }

  .company-group .company-phone {
    margin-top: 8px;
  }

  .company-group .company-phone>ul {
    width: auto;
    margin: 0 auto;
  }

  .company-group .company-phone>ul>li {
    text-align: left;
  }
}

/*------------------------------*/

ul.company-group-name {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0 0 10px 0;
}

ul.company-group-name>li {
  display: table-cell;
  vertical-align: bottom;
  padding: 0;
}

ul.company-group-name>li:nth-child(1),
ul.company-group-name>li:nth-child(1)>.img-responsive {
  width: 115px;
}

ul.company-group-name.fixW>li:nth-child(1),
ul.company-group-name.fixW>li:nth-child(1)>.img-responsive {
  width: 250px;
  margin-bottom: -10px;
}

ul.company-group-name>li:nth-child(2) {
  color: #4D4D4D;
  font-family: Arial, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding-left: 10px;
}

ul.company-group-name>li:nth-child(3),
ul.company-group-name>li:nth-child(3)>a {
  width: 80px;
}

ul.company-group-name>li:nth-child(3)>a {
  display: block;
  border: 1px solid #de8000;
  color: #de8000;
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  padding: 3px 0;
}

ul.company-group-name>li:nth-child(3)>a:hover {
  background: #de8000;
  color: #FFFFFF;
}

@media (max-width: 1199px) and (min-width: 992px) {

  ul.company-group-name>li:nth-child(1),
  ul.company-group-name>li:nth-child(1)>.img-responsive {
    width: 80px;
  }

  ul.company-group-name.fixW>li:nth-child(1),
  ul.company-group-name.fixW>li:nth-child(1)>.img-responsive {
    width: 200px;
    margin-bottom: -5px;
  }

  ul.company-group-name>li:nth-child(2) {
    font-size: 26px;
  }

  ul.company-group-name>li:nth-child(3),
  ul.company-group-name>li:nth-child(3)>a {
    width: 65px;
  }

  ul.company-group-name>li:nth-child(3)>a {
    font-size: 18px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {

  ul.company-group-name>li:nth-child(1),
  ul.company-group-name>li:nth-child(1)>.img-responsive {
    width: 70px;
  }

  ul.company-group-name.fixW>li:nth-child(1),
  ul.company-group-name.fixW>li:nth-child(1)>.img-responsive {
    width: 150px;
    margin-bottom: -3px;
  }

  ul.company-group-name>li:nth-child(2) {
    font-size: 24px;
  }

  ul.company-group-name>li:nth-child(3),
  ul.company-group-name>li:nth-child(3)>a {
    width: 45px;
  }

  ul.company-group-name>li:nth-child(3)>a {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  ul.company-group-name {
    width: auto;
    padding: 0;
    margin: 0 auto;
  }

  ul.company-group-name>li {
    /*vertical-align: middle;*/
  }

  ul.company-group-name>li:nth-child(1),
  ul.company-group-name>li:nth-child(1)>.img-responsive {
    width: 60px;
    padding: 0;
    margin: 0;
  }

  ul.company-group-name.fixW>li:nth-child(1),
  ul.company-group-name.fixW>li:nth-child(1)>.img-responsive {
    width: 100px;
    margin-bottom: -4px;
  }

  ul.company-group-name>li:nth-child(2) {
    font-size: 14px;
    text-align: left;
    padding: 0 5px;
    margin: 0;
  }

  ul.company-group-name>li:nth-child(3) {
    width: auto;
    padding: 0;
    margin: 0;
  }

  ul.company-group-name>li:nth-child(3)>a {
    width: 30px;
    font-size: 10px;
    padding: 3px 0 1px 0;
    margin: 0;
  }
}

/*------------------------------*/

.company-group-pic .img-responsive {
  width: 255px;
  padding: 0;
  margin: 20px auto 10px auto;
}

@media (min-width: 768px) {
  .company-group-pic {
    display: none;
  }
}

/*------------------------------*/

.company-related {
  margin: 30px auto 50px auto;
}

.company-related>ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0 auto;
}

.company-related>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.company-related>ul>li .img-responsive {
  width: 100%;
  border: 1px solid #dddddd;
}

@media (max-width: 767px) {
  .company-related {
    width: 100%;
    max-width: 290px;
    padding: 0;
  }

  .company-related>ul>li {
    width: 50%;
    display: inline-block;
    margin: 0 -2px;
  }
}

/*------------------------------
Product
------------------------------*/

.top-banner-product {
  background: url("/assets/images/product/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 499px) {
  .product-container.container {
    width: 320px;
  }
}

/*------------------------------*/

#accordion-product-menu .panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 991px) and (min-width: 768px) {
  #accordion-product-menu .panel {
    margin-bottom: 10px;
  }
}

/*------------------------------*/

a.product-menu-title {
  display: block;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  text-decoration: none;
  border: 1px solid #dddddd;
  padding: 6px 0 3px 6px;
}

a.product-menu-title:hover {
  background: #f0f0f0;
}

.product-menu-title>ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

.product-menu-title>ul>li {
  display: table-cell;
  vertical-align: middle;
}

.product-menu-title>ul>li:first-child,
.product-menu-title>ul>li:first-child>img {
  width: 25px;
}

.product-menu-title>ul>li:last-child {
  padding-left: 8px;
}

.product-menu-title .blue,
.product-menu-title .green,
.product-menu-title .gray {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 100%;
  font-weight: bold;
  margin-bottom: 2px;
}

.product-menu-title .blue {
  color: #0070A6;
}

.product-menu-title .green {
  color: #82BC3F;
}

.product-menu-title .gray {
  color: #4D4D4D;
}

@media (max-width: 1199px) and (min-width: 992px) {
  a.product-menu-title {
    font-size: 14px;
    padding: 6px 0 3px 5px;
  }

  .product-menu-title>ul>li:first-child,
  .product-menu-title>ul>li:first-child>img {
    width: 20px;
  }

  .product-menu-title>ul>li:last-child {
    padding-left: 5px;
  }

  .product-menu-title .blue,
  .product-menu-title .green,
  .product-menu-title .gray {
    font-size: 12px;
  }

}

@media (max-width: 991px) and (min-width: 768px) {
  a.product-menu-title {
    font-size: 10px;
    line-height: 120%;
    padding: 6px 0 3px 3px;
  }

  .product-menu-title>ul>li:first-child,
  .product-menu-title>ul>li:first-child>img {
    width: 15px;
  }

  .product-menu-title>ul>li:last-child {
    padding-left: 3px;
  }

  .product-menu-title .blue,
  .product-menu-title .green,
  .product-menu-title .gray {
    font-size: 9px;
  }
}

/*------------------------------*/

a.product-menu-list {
  display: block;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0 5px 7px;
}

a.product-menu-list:hover {
  background: #f0f0f0;
}

.product-menu-list>ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

.product-menu-list>ul>li {
  display: table-cell;
  vertical-align: middle;
}

.product-menu-list>ul>li:first-child,
.product-menu-list>ul>li:first-child>img {
  width: 40px;
}

.product-menu-list>ul>li:last-child {
  padding-left: 15px;
}

.product-menu-list>ul>li:last-child>div:first-child {
  font-size: 22px;
  letter-spacing: 1px;
}

.product-menu-list>ul>li:last-child>div:first-child span {
  font-family: Arial, sans-serif;
  font-size: 18px;
}

.product-menu-list>ul>li:last-child>div:nth-child(2) {
  margin-top: 3px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  a.product-menu-list {
    font-size: 12px;
    padding: 10px 0 5px 6px;
  }

  .product-menu-list>ul>li:first-child,
  .product-menu-list>ul>li:first-child>img {
    width: 30px;
  }

  .product-menu-list>ul>li:last-child {
    padding-left: 10px;
  }

  .product-menu-list>ul>li:last-child>div:first-child {
    font-size: 18px;
  }

  .product-menu-list>ul>li:last-child>div:first-child span {
    font-size: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  a.product-menu-list {
    font-size: 10px;
    padding: 10px 0 5px 4px;
  }

  .product-menu-list>ul>li:first-child,
  .product-menu-list>ul>li:first-child>img {
    width: 22px;
  }

  .product-menu-list>ul>li:last-child {
    padding-left: 5px;
  }

  .product-menu-list>ul>li:last-child>div:first-child {
    font-size: 14px;
  }

  .product-menu-list>ul>li:last-child>div:first-child span {
    font-size: 12px;
  }
}

/*------------------------------*/

.product-menu-list small.size1 {
  font-size: 18px;
}

.product-menu-list small.size2 {
  font-size: 16px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-menu-list small.size1 {
    font-size: 16px;
  }

  .product-menu-list small.size2 {
    font-size: 14px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-menu-list small.size1 {
    font-size: 11px;
  }

  .product-menu-list small.size2 {
    font-size: 10px;
  }
}

/*------------------------------*/

.productTitle {
  color: #4d4d4d;
  border-bottom: 1px dashed #aaaaaa;
}

.productTitle.blue {
  color: #0a75bb;
}

.productTitle.blue>ul {
  border-color: #0a75bb;
}

.productTitle.green {
  color: #129549;
}

.productTitle.green>ul {
  border-color: #129549;
}

.productTitle.red {
  color: #ea212b;
}

.productTitle.red>ul {
  border-color: #ea212b;
}

.productTitle.orange {
  color: #f0592c;
}

.productTitle.orange>ul {
  border-color: #f0592c;
}

.productTitle>ul {
  width: auto;
  display: table;
  border-left: 10px solid #82bd3f;
  padding: 8px 0 5px 5px;
  margin: 0 0 10px 0;
}

.productTitle>ul>li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 5px;
}

.productTitle>ul>li:nth-child(1) {
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
}

.productTitle>ul>li:nth-child(2) {
  /*font-family: Arial, sans-serif;*/
  font-family: supermarket_server, sans-serif;
  font-size: 1.5rem;
  margin-top: 0.3rem;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .productTitle>ul>li:nth-child(1) {
    font-size: 28px;
  }

  .productTitle>ul>li:nth-child(2) {
    font-size: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .productTitle>ul>li:nth-child(1) {
    font-size: 26px;
  }

  .productTitle>ul>li:nth-child(2) {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .productTitle>ul>li:nth-child(1) {
    font-size: 24px;
  }

  .productTitle>ul>li:nth-child(2) {
    font-size: 13px;
  }
}

/*------------------------------*/

.product-home-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  margin: 30px 0;
}

.product-home-box>.row {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.product-home-box>.row>[class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.product-home-box>.row>[class*="col-"]:nth-child(1) {
  width: 45%;
}

.product-home-box>.row>[class*="col-"]:nth-child(2) {
  width: 55%;
}

@media (min-width: 1200px) {
  .product-home-box {
    padding: 20px;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(2) {
    padding-left: 20px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-home-box {
    padding: 15px;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(2) {
    padding-left: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-home-box {
    padding: 10px;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(1) {
    width: 38%;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(2) {
    width: 62%;
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .product-home-box {
    padding: 8px;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(1) {
    width: 35%;
  }

  .product-home-box>.row>[class*="col-"]:nth-child(2) {
    width: 65%;
    padding-left: 8px;
  }
}

@media (max-width: 499px) {
  .product-home-box {
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*------------------------------*/

.product-home-img>.row {
  margin: 0 -2px;
}

.product-home-img>.row>[class*="col-"] {
  padding: 2px;
}

.product-home-img .img-responsive {
  border: 1px solid #dddddd;
}

@media (max-width: 499px) {
  .product-home-img>.row {
    margin: 0 -1px;
  }

  .product-home-img>.row>[class*="col-"] {
    padding: 1px;
  }
}

/*------------------------------*/

.product-home-text1 {
  color: #5B5B5B;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 29px;
  line-height: 100%;
  text-align: right;
  margin: 0 0 15px 0;
}

.product-home-text1 a {
  color: #5B5B5B;
}

.product-home-text1.blue a {
  color: #0a75bb;
}

.product-home-text1.green a {
  color: #11954a;
}

.product-home-text1.red a {
  color: #ee1c25;
}

.product-home-text1.orange a {
  color: #f0592c;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-home-text1 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-home-text1 {
    font-size: 18px;
    margin: 0 0 8px 0;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .product-home-text1 {
    font-size: 16px;
    margin: 0 0 5px 0;
  }
}

@media (max-width: 499px) {
  .product-home-text1 {
    font-size: 11px;
    margin: 0 0 5px 0;
  }
}

/*------------------------------*/

.product-home-text2 {
  font-family: Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 100%;
  word-break: keep-all;
  white-space: nowrap;
}

.product-home-text2,
.product-home-text2 a {
  color: #5B5B5B;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-home-text2 {
    font-size: 14px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-home-text2 {
    font-size: 12px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .product-home-text2 {
    font-size: 11px;
  }
}

@media (max-width: 499px) {
  .product-home-text2 {
    font-size: 7px;
  }
}

/*------------------------------*/

.product-home-text2>.row {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.product-home-text2>.row>[class*="col-"] {
  width: 50%;
  float: none;
  display: table-cell;
  vertical-align: top;
  padding: 0;
}

/*------------------------------*/

.product-home-text2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-home-text2 li {
  padding: 5px 0;
}

.product-home-text2 li:before {
  display: block;
  position: absolute;
  background: url("/assets/images/menu-arrow.png") no-repeat;
  background-size: 100% 100%;
  content: '';
  margin: 3px 0 0 0;
}

@media (min-width: 1200px) {
  .product-home-text2 li {
    padding-left: 15px;
  }

  .product-home-text2 li:before {
    width: 9px;
    height: 9px;
    margin-left: -15px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-home-text2 li {
    padding-left: 12px;
  }

  .product-home-text2 li:before {
    width: 7px;
    height: 7px;
    margin-left: -12px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-home-text2 li {
    padding: 3px 0 3px 10px;
  }

  .product-home-text2 li:before {
    width: 6px;
    height: 6px;
    margin-left: -10px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .product-home-text2 li {
    padding: 3px 0 3px 8px;
  }

  .product-home-text2 li:before {
    width: 5px;
    height: 5px;
    margin-left: -8px;
  }
}

@media (max-width: 499px) {
  .product-home-text2 li {
    padding: 2px 0 2px 5px;
  }

  .product-home-text2 li:before {
    width: 3px;
    height: 3px;
    margin-left: -5px;
  }
}

/*------------------------------*/

.product-structure {
  margin: 30px 0;
}

/*------------------------------*/

.product-str-text {
  position: absolute;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  line-height: 100%;
}

.product-str-text a {
  display: inline-block;
  background: #FFFFFF;
  color: #4D4D4D;
  text-decoration: none;
  border: 1px solid #4D4D4D;
  padding: 2px;
}

.product-str-text a:hover {
  background: #f0f0f0;
  color: #dd8000;
}

@media (min-width: 1200px) {
  .product-str-text.text1 {
    margin: 30px 0 0 466px;
  }

  .product-str-text.text2 {
    margin: 60px 0 0 320px;
  }

  .product-str-text.text3 {
    margin: 88px 0 0 135px;
  }

  .product-str-text.text4 {
    margin: 129px 0 0 175px;
  }

  .product-str-text.text5 {
    margin: 321px 0 0 105px;
  }

  .product-str-text.text6 {
    margin: 366px 0 0 110px;
  }

  .product-str-text.text7 {
    margin: 410px 0 0 105px;
  }

  .product-str-text.text8 {
    margin: 465px 0 0 90px;
  }

  .product-str-text.text9 {
    margin: 509px 0 0 40px;
  }

  .product-str-text.text10 {
    margin: 572px 0 0 -10px;
  }

  .product-str-text.text11 {
    margin: 605px 0 0 50px;
  }

  .product-str-text.text12 {
    margin: 60px 0 0 692px;
  }

  .product-str-text.text13 {
    margin: 94px 0 0 692px;
  }

  .product-str-text.text14 {
    margin: 121px 0 0 692px;
  }

  .product-str-text.text15 {
    margin: 156px 0 0 692px;
  }

  .product-str-text.text16 {
    margin: 218px 0 0 692px;
  }

  .product-str-text.text17 {
    margin: 244px 0 0 692px;
  }

  .product-str-text.text18 {
    margin: 272px 0 0 692px;
  }

  .product-str-text.text19 {
    margin: 303px 0 0 692px;
  }

  .product-str-text.text20 {
    margin: 342px 0 0 692px;
  }

  .product-str-text.text21 {
    margin: 384px 0 0 692px;
  }

  .product-str-text.text22 {
    margin: 432px 0 0 692px;
  }

  .product-str-text.text23 {
    margin: 466px 0 0 692px;
  }

  .product-str-text.text24 {
    margin: 514px 0 0 692px;
  }

  .product-str-text.text25 {
    margin: 579px 0 0 692px;
  }

  .product-str-text.text26 {
    margin: 605px 0 0 692px;
  }

  .product-str-text.text27 {
    margin: 635px 0 0 692px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .product-str-text {
    font-size: 11px;
  }

  .product-str-text.text1 {
    margin: 30px 0 0 380px;
  }

  .product-str-text.text2 {
    margin: 53px 0 0 260px;
  }

  .product-str-text.text3 {
    margin: 77px 0 0 105px;
  }

  .product-str-text.text4 {
    margin: 111px 0 0 145px;
  }

  .product-str-text.text5 {
    margin: 269px 0 0 80px;
  }

  .product-str-text.text6 {
    margin: 306px 0 0 83px;
  }

  .product-str-text.text7 {
    margin: 342px 0 0 85px;
  }

  .product-str-text.text8 {
    margin: 387px 0 0 70px;
  }

  .product-str-text.text9 {
    margin: 423px 0 0 33px;
  }

  .product-str-text.text10 {
    margin: 475px 0 0 -10px;
  }

  .product-str-text.text11 {
    margin: 502px 0 0 35px;
  }

  .product-str-text.text12 {
    margin: 53px 0 0 570px;
  }

  .product-str-text.text13 {
    margin: 82px 0 0 570px;
  }

  .product-str-text.text14 {
    margin: 104px 0 0 570px;
  }

  .product-str-text.text15 {
    margin: 133px 0 0 570px;
  }

  .product-str-text.text16 {
    margin: 184px 0 0 570px;
  }

  .product-str-text.text17 {
    margin: 205px 0 0 570px;
  }

  .product-str-text.text18 {
    margin: 228px 0 0 570px;
  }

  .product-str-text.text19 {
    margin: 254px 0 0 570px;
  }

  .product-str-text.text20 {
    margin: 286px 0 0 570px;
  }

  .product-str-text.text21 {
    margin: 321px 0 0 570px;
  }

  .product-str-text.text22 {
    margin: 360px 0 0 570px;
  }

  .product-str-text.text23 {
    margin: 388px 0 0 570px;
  }

  .product-str-text.text24 {
    margin: 428px 0 0 570px;
  }

  .product-str-text.text25 {
    margin: 481px 0 0 570px;
  }

  .product-str-text.text26 {
    margin: 503px 0 0 570px;
  }

  .product-str-text.text27 {
    margin: 528px 0 0 570px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .product-str-text {
    font-size: 8px;
  }

  .product-str-text.text1 {
    margin: 30px 0 0 293px;
  }

  .product-str-text.text2 {
    margin: 48px 0 0 207px;
  }

  .product-str-text.text3 {
    margin: 65px 0 0 83px;
  }

  .product-str-text.text4 {
    margin: 91px 0 0 110px;
  }

  .product-str-text.text5 {
    margin: 212px 0 0 66px;
  }

  .product-str-text.text6 {
    margin: 240px 0 0 74px;
  }

  .product-str-text.text7 {
    margin: 267px 0 0 67px;
  }

  .product-str-text.text8 {
    margin: 301px 0 0 56px;
  }

  .product-str-text.text9 {
    margin: 329px 0 0 26px;
  }

  .product-str-text.text10 {
    margin: 369px 0 0 -5px;
  }

  .product-str-text.text11 {
    margin: 390px 0 0 30px;
  }

  .product-str-text.text12 {
    margin: 47px 0 0 435px;
  }

  .product-str-text.text13 {
    margin: 69px 0 0 435px;
  }

  .product-str-text.text14 {
    margin: 88px 0 0 435px;
  }

  .product-str-text.text15 {
    margin: 108px 0 0 435px;
  }

  .product-str-text.text16 {
    margin: 147px 0 0 435px;
  }

  .product-str-text.text17 {
    margin: 165px 0 0 435px;
  }

  .product-str-text.text18 {
    margin: 183px 0 0 435px;
  }

  .product-str-text.text19 {
    margin: 201px 0 0 435px;
  }

  .product-str-text.text20 {
    margin: 225px 0 0 435px;
  }

  .product-str-text.text21 {
    margin: 251px 0 0 435px;
  }

  .product-str-text.text22 {
    margin: 281px 0 0 435px;
  }

  .product-str-text.text23 {
    margin: 303px 0 0 435px;
  }

  .product-str-text.text24 {
    margin: 333px 0 0 435px;
  }

  .product-str-text.text25 {
    margin: 374px 0 0 435px;
  }

  .product-str-text.text26 {
    margin: 392px 0 0 435px;
  }

  .product-str-text.text27 {
    margin: 410px 0 0 435px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .product-str-text {
    font-size: 7px;
  }

  .product-str-text a {
    padding-bottom: 1px;
  }

  .product-str-text.text1 {
    margin: 30px 0 0 255px;
  }

  .product-str-text.text2 {
    margin: 46px 0 0 180px;
  }

  .product-str-text.text3 {
    margin: 62px 0 0 80px;
  }

  .product-str-text.text4 {
    margin: 85px 0 0 109px;
  }

  .product-str-text.text5 {
    margin: 191px 0 0 45px;
  }

  .product-str-text.text6 {
    margin: 216px 0 0 63px;
  }

  .product-str-text.text7 {
    margin: 240px 0 0 56px;
  }

  .product-str-text.text8 {
    margin: 270px 0 0 52px;
  }

  .product-str-text.text9 {
    margin: 295px 0 0 23px;
  }

  .product-str-text.text10 {
    margin: 330px 0 0 -3px;
  }

  .product-str-text.text11 {
    margin: 348px 0 0 25px;
  }

  .product-str-text.text12 {
    margin: 46px 0 0 384px;
  }

  .product-str-text.text13 {
    margin: 65px 0 0 384px;
  }

  .product-str-text.text14 {
    margin: 80px 0 0 384px;
  }

  .product-str-text.text15 {
    margin: 99px 0 0 384px;
  }

  .product-str-text.text16 {
    margin: 133px 0 0 384px;
  }

  .product-str-text.text17 {
    margin: 149px 0 0 384px;
  }

  .product-str-text.text18 {
    margin: 165px 0 0 384px;
  }

  .product-str-text.text19 {
    margin: 182px 0 0 384px;
  }

  .product-str-text.text20 {
    margin: 203px 0 0 384px;
  }

  .product-str-text.text21 {
    margin: 226px 0 0 384px;
  }

  .product-str-text.text22 {
    margin: 252px 0 0 384px;
  }

  .product-str-text.text23 {
    margin: 271px 0 0 384px;
  }

  .product-str-text.text24 {
    margin: 298px 0 0 384px;
  }

  .product-str-text.text25 {
    margin: 333px 0 0 384px;
  }

  .product-str-text.text26 {
    margin: 348px 0 0 384px;
  }

  .product-str-text.text27 {
    margin: 364px 0 0 384px;
  }
}

@media (max-width: 499px) {
  .product-str-text {
    font-size: 5px;
    vertical-align: baseline;
  }

  .product-str-text a {
    background: none;
    border: none;
    padding: 0 2px;
  }

  .product-str-text a:hover {
    background: none;
  }

  .product-str-text.text1 {
    margin: 30px 0 0 157px;
  }

  .product-str-text.text2 {
    margin: 40px 0 0 110px;
  }

  .product-str-text.text3 {
    margin: 54px 0 0 40px;
  }

  .product-str-text.text4 {
    margin: 68px 0 0 55px;
  }

  .product-str-text.text5 {
    margin: 134px 0 0 15px;
  }

  .product-str-text.text6 {
    margin: 149px 0 0 28px;
  }

  .product-str-text.text7 {
    margin: 164px 0 0 15px;
  }

  .product-str-text.text8 {
    margin: 183px 0 0 25px;
  }

  .product-str-text.text9 {
    margin: 198px 0 0 8px;
  }

  .product-str-text.text10 {
    margin: 219px 0 0 -12px;
  }

  .product-str-text.text11 {
    margin: 231px 0 0 11px;
  }

  .product-str-text.text12 {
    margin: 44px 0 0 240px;
  }

  .product-str-text.text13 {
    margin: 55px 0 0 240px;
  }

  .product-str-text.text14 {
    margin: 65px 0 0 240px;
  }

  .product-str-text.text15 {
    margin: 77px 0 0 240px;
  }

  .product-str-text.text16 {
    margin: 98px 0 0 240px;
  }

  .product-str-text.text17 {
    margin: 107px 0 0 240px;
  }

  .product-str-text.text18 {
    margin: 117px 0 0 240px;
  }

  .product-str-text.text19 {
    margin: 127px 0 0 240px;
  }

  .product-str-text.text20 {
    margin: 141px 0 0 240px;
  }

  .product-str-text.text21 {
    margin: 155px 0 0 240px;
  }

  .product-str-text.text22 {
    margin: 172px 0 0 240px;
  }

  .product-str-text.text23 {
    margin: 183px 0 0 240px;
  }

  .product-str-text.text24 {
    margin: 200px 0 0 240px;
  }

  .product-str-text.text25 {
    margin: 222px 0 0 240px;
  }

  .product-str-text.text26 {
    margin: 231px 0 0 240px;
  }

  .product-str-text.text27 {
    margin: 240px 0 0 240px;
  }
}

/*------------------------------*/

.productContent {
  width: 100%;
  margin: 0 auto 50px auto;
}

@media (max-width: 767px) {
  .productContent {
    margin-bottom: 80px;
  }
}

/*------------------------------*/

.productText1 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 1px;
  margin: 30px 0 50px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .productText1 {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .productText1 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .productText1 {
    margin: 30px 0;
  }
}

/*------------------------------*/

.productText2 {
  display: inline-block;
  border-bottom: 1px solid #4D4D4D;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 50px;
  line-height: 40%;
  text-align: right;
  margin: 0 0 15px 0;
}

.productText2 .fixSize1 {
  font-size: 30px;
}

.blue .productText2 {
  color: #0a75bb;
  border-bottom: 1px solid #0a75bb;
}

.green .productText2 {
  color: #129549;
  border-bottom: 1px solid #129549;
}

.red .productText2 {
  color: #ea212b;
  border-bottom: 1px solid #ea212b;
}

.orange .productText2 {
  color: #f0592c;
  border-bottom: 1px solid #f0592c;
}

.productText2>span {
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-style: italic;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .productText2 {
    font-size: 46px;
  }

  .productText2>span {
    font-size: 16px;
  }

  .productText2 .fixSize1 {
    font-size: 24px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .productText2 {
    font-size: 32px;
    line-height: 50%;
  }

  .productText2>span {
    font-size: 14px;
  }

  .productText2 .fixSize1 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .productText2 {
    font-size: 30px;
    line-height: 100%;
  }

  .productText2>span {
    display: block;
  }

  .productText2 .fixSize1 {
    font-size: 20px;
  }
}

/*------------------------------*/

.productText3 {
  display: inline-block;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: right;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .productText3 {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .productText3 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .productText3 {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
  }

  .productText3 br {
    display: none;
  }
}

/*------------------------------*/

a.productBox {
  width: 100%;
  position: relative;
  display: table;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  text-align: right;
  text-decoration: none;
  text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px 0.958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) 0.141474px 1.99499px 0, rgb(255, 255, 255) -0.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px 0.28224px 0, rgb(255, 255, 255) -1.87291px -0.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -0.421592px -1.95506px 0, rgb(255, 255, 255) 0.567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -0.558831px 0;
  padding: 0;
  margin: 30px 0;
}

a.productBox:hover {
  opacity: .7;
}

.productBoxCell {
  width: 100%;
  height: 190px;
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}

@media (max-width: 767px) {

  a.productBox,
  .productBoxCell {
    display: block;
  }

  .productBoxCell {
    height: 100%;
  }
}

/*------------------------------*/

.horBox1 {
  background: url("/assets/images/product_horizontal/001.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox2 {
  background: url("/assets/images/product_horizontal/002.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox3 {
  background: url("/assets/images/product_horizontal/003.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox4 {
  background: url("/assets/images/product_horizontal/004.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox5 {
  background: url("/assets/images/product_horizontal/005.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox6 {
  background: url("/assets/images/product_horizontal/006.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox7 {
  background: url("/assets/images/product_horizontal/007.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox8 {
  background: url("/assets/images/product_horizontal/008.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox9 {
  background: url("/assets/images/product_horizontal/009.jpg") no-repeat left center;
  background-size: auto 100%;
}

.horBox10 {
  background: url("/assets/images/product_horizontal/010.jpg") no-repeat left center;
  background-size: auto 100%;
}

/*------------------------------*/

.verBox1 {
  background: url("/assets/images/product_vertical/001.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox2 {
  background: url("/assets/images/product_vertical/002.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox3 {
  background: url("/assets/images/product_vertical/003.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox4 {
  background: url("/assets/images/product_vertical/004.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox5 {
  background: url("/assets/images/product_vertical/005.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox6 {
  background: url("/assets/images/product_vertical/006.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox7 {
  background: url("/assets/images/product_vertical/007.jpg") no-repeat left center;
  background-size: auto 100%;
}

.verBox8 {
  background: url("/assets/images/product_vertical/008.jpg") no-repeat left center;
  background-size: auto 100%;
}

/*------------------------------*/

.BaFaBox1 {
  background: url("/assets/images/product_barricade_facilities/001.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox2 {
  background: url("/assets/images/product_barricade_facilities/002.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox3 {
  background: url("/assets/images/product_barricade_facilities/003.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox4 {
  background: url("/assets/images/product_barricade_facilities/004.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox5 {
  background: url("/assets/images/product_barricade_facilities/005.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox6 {
  background: url("/assets/images/product_barricade_facilities/006.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox7 {
  background: url("/assets/images/product_barricade_facilities/007.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox8 {
  background: url("/assets/images/product_barricade_facilities/008.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox9 {
  background: url("/assets/images/product_barricade_facilities/009.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox10 {
  background: url("/assets/images/product_barricade_facilities/010.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox11 {
  background: url("/assets/images/product_barricade_facilities/011.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox12 {
  background: url("/assets/images/product_barricade_facilities/012.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox13 {
  background: url("/assets/images/product_barricade_facilities/013.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox14 {
  background: url("/assets/images/product_barricade_facilities/014.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox15 {
  background: url("/assets/images/product_barricade_facilities/015.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox16 {
  background: url("/assets/images/product_barricade_facilities/016.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox17 {
  background: url("/assets/images/product_barricade_facilities/017.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox18 {
  background: url("/assets/images/product_barricade_facilities/018.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox19 {
  background: url("/assets/images/product_barricade_facilities/019.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox20 {
  background: url("/assets/images/product_barricade_facilities/020.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox21 {
  background: url("/assets/images/product_barricade_facilities/021.jpg") no-repeat left center;
  background-size: auto 100%;
}

.BaFaBox22 {
  background: url("/assets/images/product_barricade_facilities/022.jpg") no-repeat left center;
  background-size: auto 100%;
}

/*------------------------------*/

.InsSer1 {
  background: url("/assets/images/product_installation/001.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer2 {
  background: url("/assets/images/product_installation/002.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer3 {
  background: url("/assets/images/product_installation/003.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer4 {
  background: url("/assets/images/product_installation/004.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer5 {
  background: url("/assets/images/product_installation/005.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer6 {
  background: url("/assets/images/product_installation/006.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer7 {
  background: url("/assets/images/product_installation/007.jpg") no-repeat left center;
  background-size: auto 100%;
}

.InsSer8 {
  background: url("/assets/images/product_installation/008.jpg") no-repeat left center;
  background-size: auto 100%;
}

/*------------------------------*/

.productArrow img {
  width: 25px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .productArrow img {
    width: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .productArrow img {
    width: 20px;
  }
}

@media (max-width: 767px) {
  .productArrow img {
    width: 18px;
  }
}

/*------------------------------*/

.productBtnDown {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .productBtnDown {
    font-size: 18px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.productBtnDown table {
  width: auto;
  padding: 0;
  margin: 0;
}

.productBtnDown td {
  vertical-align: middle;
  padding: 5px;
}

.productBtnDown td:first-child {
  width: 140px;
  background: #f6f6f6;
  border-right: 10px solid #FFFFFF;
  border-top: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  text-align: center;
  padding-bottom: 0;
}

.productBtnDown td:last-child {
  padding-left: 15px;
}

.productBtnDown tr:not(:last-child) td:last-child {
  border-bottom: 1px dashed #dddddd;
}

/*------------------------------*/

a.productBtnDown-btn {
  width: 120px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  padding: 6px 0 2px 0;
  margin: 5px 5px 5px 0;
}

a.productBtnDown-btn:hover {
  opacity: .7;
}

.productBtnDown-btn.green {
  background: #81bc3e;
}

.productBtnDown-btn.orange {
  background: #de8100;
}

@media (max-width: 767px) {
  a.productBtnDown-btn {
    font-size: 16px;
  }
}

/*------------------------------*/

.productRelated {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.productRelated a {
  display: block;
  text-decoration: none;
}

.productRelated p {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 80%;
  text-align: center;
  margin: 10px 0 0 0;
}

.productRelated .img-responsive {
  border: 1px solid #333333;
}

@media (max-width: 991px) and (min-width: 768px) {
  .productRelated p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .productRelated {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .productRelated>.row {
    margin: 0 -8px;
  }

  .productRelated>.row>[class*="col-"] {
    padding: 0 8px;
  }

  .productRelated p {
    font-size: 20px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .productVdo {
    width: 70%;
    margin: 40px auto 0 auto;
  }
}

@media (max-width: 767px) {
  .productVdo {
    margin: 30px 0 0 0;
  }
}

/*------------------------------
Safety Net
------------------------------*/

.top-banner-safety-net {
  background: url("/assets/images/safety-net/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.safety-net-bg {
  width: 100%;
  position: absolute;
  z-index: -1;
  right: 0;
  padding-left: 75%;
  margin-top: -45px;
}

/*------------------------------*/

.safety-net-text1 {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 120%;
  margin: 35px 0 80px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safety-net-text1 {
    font-size: 28px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-text1 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .safety-net-text1 {
    font-size: 24px;
    margin: 15px 0 60px 0;
  }

  .safety-net-text1 br {
    display: none;
  }
}

/*------------------------------*/

.safety-net-text2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 40px 25px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-text2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .safety-net-text2 {
    font-size: 22px;
    padding: 30px 0 30px 25px;
  }
}

/*------------------------------*/

.safety-net-structural {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (min-width: 1200px) {
  .safety-net-structural>.row>[class*="col-"]:first-child .img-responsive {
    width: 665px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safety-net-structural>.row>[class*="col-"]:first-child .img-responsive {
    width: 547px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-structural>.row>[class*="col-"]:first-child .img-responsive {
    width: 420px;
  }
}

@media (min-width: 768px) {
  .safety-net-structural>.row {
    display: table;
    table-layout: fixed;
    padding: 0;
    margin: 0;
  }

  .safety-net-structural>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
  }

  .safety-net-structural>.row>[class*="col-"]:last-child {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .safety-net-structural {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

  .safety-net-structural>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.safety-net-structural-t1 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  margin: 0 0 50px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safety-net-structural-t1 {
    font-size: 24px;
    margin: 0 0 35px 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-structural-t1 {
    font-size: 18px;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 767px) {
  .safety-net-structural-t1 {
    font-size: 18px;
    margin: 0 0 20px 0;
  }
}

/*------------------------------*/

.safety-net-structural-t2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safety-net-structural-t2 {
    font-size: 24px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-structural-t2 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .safety-net-structural-t2 {
    font-size: 18px;
  }
}

/*------------------------------*/

.safety-net-tb {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .safety-net-tb {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.safety-net-tb>.row {
  padding: 0;
  margin: 0;
}

.safety-net-tb>.row>[class*="col-"] {
  padding: 0;
}

@media (min-width: 992px) {
  .safety-net-tb>.row>[class*="col-"]:first-child {
    padding-right: 20px;
  }

  .safety-net-tb>.row>[class*="col-"]:last-child {
    padding-left: 20px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-tb>.row>[class*="col-"]:first-child {
    padding-right: 10px;
  }

  .safety-net-tb>.row>[class*="col-"]:last-child {
    padding-left: 10px;
  }
}

/*------------------------------*/

.safety-net-tb table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.safety-net-tb th:not(:last-child),
.safety-net-tb td:not(:last-child) {
  border: 1px solid #878787;
}

.safety-net-tb th,
.safety-net-tb td {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
}

.safety-net-tb th {
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.safety-net-tb th:not(:last-child) {
  background: #d4d4d4;
}

.safety-net-tb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.safety-net-tb tr:nth-child(even) td:not(:last-child) {
  background: #f3f3f3;
}

.safety-net-tb td:nth-child(4) .img-responsive {
  float: none;
  margin: 0 auto;
}

@media (min-width: 1200px) {

  .safety-net-tb td:nth-child(1) {
    width: 25%;
  }

  .safety-net-tb td:nth-child(2) {
    width: 30%;
  }

  .safety-net-tb td:nth-child(3) {
    width: 20%;
  }

  .safety-net-tb td:nth-child(4) {
    width: 25%;
  }

  .safety-net-tb td:nth-child(4) .img-responsive {
    width: 120px;
  }

}

@media (max-width: 1199px) and (min-width: 992px) {
  .safety-net-tb td:nth-child(1) {
    width: 25%;
  }

  .safety-net-tb td:nth-child(2) {
    width: 35%;
  }

  .safety-net-tb td:nth-child(3) {
    width: 18%;
  }

  .safety-net-tb td:nth-child(4) {
    width: 22%;
  }

  .safety-net-tb td:nth-child(4) .img-responsive {
    width: 82px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-tb th {
    font-size: 14px;
  }

  .safety-net-tb td {
    font-size: 20px;
  }

  .safety-net-tb td:nth-child(1) {
    width: 27%;
  }

  .safety-net-tb td:nth-child(2) {
    width: 35%;
  }

  .safety-net-tb td:nth-child(3) {
    width: 15%;
  }

  .safety-net-tb td:nth-child(4) {
    width: 23%;
  }

  .safety-net-tb td:nth-child(4) .img-responsive {
    width: 68px;
  }
}

@media (max-width: 767px) {
  .safety-net-tb .tb2 th {
    display: none;
  }

  .safety-net-tb .tb2 tr:nth-child(2) td {
    border-top: none;
  }

  .safety-net-tb th {
    font-size: 12px;
  }

  .safety-net-tb td {
    font-size: 20px;
  }

  .safety-net-tb td:nth-child(1) {
    width: 27%;
  }

  .safety-net-tb td:nth-child(2) {
    width: 35%;
  }

  .safety-net-tb td:nth-child(3) {
    width: 18%;
  }

  .safety-net-tb td:nth-child(4) {
    width: 20%;
  }

  .safety-net-tb td:nth-child(4) .img-responsive {
    width: 40px;
  }
}

/*------------------------------*/

ul.safety-net-color {
  width: auto;
  display: table;
  margin: 0 auto;
}

ul.safety-net-color li {
  width: 25px;
  height: 15px;
  display: table-cell;
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  ul.safety-net-color li {
    width: 15px;
    height: 10px;
  }
}

/*------------------------------*/

.safety-net-color .white {
  background: #FFFFFF;
}

.safety-net-color .yellow {
  background: #ffff00;
}

.safety-net-color .green {
  background: #45af35;
}

.safety-net-color .red {
  background: #ff0000;
}

.safety-net-color .blue {
  background: #0061ae;
}

.safety-net-color .black {
  background: #231917;
}

/*------------------------------*/

.safety-net-ref {
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-ref {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .safety-net-ref {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .safety-net-ref {
    font-size: 13px;
  }
}

@media (max-width: 499px) {
  .safety-net-ref {
    font-size: 7px;
  }
}

/*------------------------------*/

.safety-net-ref table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.safety-net-ref th,
.safety-net-ref td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 4px;
}

.safety-net-ref th {
  background: #d4d4d4;
  font-size: 28px;
  font-weight: normal;
}

.safety-net-ref tr:nth-child(even),
.safety-net-ref tr:nth-child(5) {
  background: #f3f3f3;
}

.safety-net-ref tr:nth-child(3),
.safety-net-ref tr:nth-child(4),
.safety-net-ref tr:nth-child(6),
.safety-net-ref tr:nth-child(7) {
  background: #FFFFFF !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-ref th {
    font-size: 24px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .safety-net-ref th {
    font-size: 16px;
  }
}

@media (max-width: 499px) {
  .safety-net-ref th {
    font-size: 12px;
  }

}

/*------------------------------*/

.safety-net-qua {
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0;
}

.safety-net-qua .fa-check {
  color: #1eab3a;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-qua {
    font-size: 20px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .safety-net-qua {
    font-size: 13px;
    padding: 30px 0;
  }
}

@media (max-width: 499px) {
  .safety-net-qua {
    font-size: 7px;
    padding: 30px 0;
  }
}

/*------------------------------*/

.safety-net-qua table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.safety-net-qua th,
.safety-net-qua td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.safety-net-qua th {
  background: #d4d4d4;
  font-weight: normal;
}

.safety-net-qua tr:nth-child(even),
.safety-net-qua tr:nth-child(5) {
  background: #f3f3f3;
}

.safety-net-qua tr:nth-child(3),
.safety-net-qua tr:nth-child(4),
.safety-net-qua tr:nth-child(6),
.safety-net-qua tr:nth-child(7) {
  background: #FFFFFF !important;
}

@media (max-width: 767px) {

  .safety-net-qua th,
  .safety-net-qua td {
    padding: 4px;
  }
}

/*------------------------------*/

.safety-net-qua-box {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

.safety-net-qua-box table {
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
}

.safety-net-qua-box td {
  vertical-align: middle;
}

.safety-net-qua-box td:last-child {
  text-align: right;
  padding-left: 10px;
}

.safety-net-qua-box td:last-child .img-responsive {
  float: right;
}

@media (min-width: 992px) {
  .safety-net-qua-box td:last-child {
    width: 110px;
  }

  .safety-net-qua-box td:last-child .img-responsive {
    width: 80px;
  }

  .safety-net-qua-box tr:last-child td:last-child .img-responsive {
    width: 100px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-qua-box td:last-child {
    width: 80px;
  }

  .safety-net-qua-box td:last-child .img-responsive {
    width: 50px;
  }

  .safety-net-qua-box tr:last-child td:last-child .img-responsive {
    width: 70px;
  }
}

@media (max-width: 767px) {
  .safety-net-qua-box {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

  .safety-net-qua-box br {
    display: none;
  }

  .safety-net-qua-box table {
    width: auto;
  }

  .safety-net-qua-box td {
    display: inline-block;
    vertical-align: top;
  }

  .safety-net-qua-box td:last-child {
    padding: 40px 0 0 0;
    margin: 0 0 0 -5px;
  }

  .safety-net-qua-box tr:not(:last-child) td:first-child {
    width: 85%;
  }

  .safety-net-qua-box tr:not(:last-child) td:last-child {
    width: 15%;
  }

  .safety-net-qua-box tr:not(:last-child) td:last-child .img-responsive {
    width: 35px;
  }

  .safety-net-qua-box tr:last-child td:first-child {
    width: 75%;
  }

  .safety-net-qua-box tr:last-child td:last-child {
    width: 25%;
  }

  .safety-net-qua-box tr:last-child td:last-child .img-responsive {
    width: 55px;
  }
}

/*------------------------------*/

.safety-net-qua-t1 {
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}

.safety-net-qua-t1:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-qua-t1 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .safety-net-qua-t1 {
    font-size: 20px;
  }
}

/*------------------------------*/

.safety-net-qua-t2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 130%;
  margin: 0 0 20px 0;
}

.safety-net-qua-t2 ol {
  padding: 0 0 0 20px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .safety-net-qua-t2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .safety-net-qua-t2 {
    font-size: 18px;
  }
}

/*------------------------------
Quality
------------------------------*/

.top-banner-quality {
  background: url("/assets/images/quality/banner-bg.jpg") no-repeat center;
  background-size: cover;
  padding: 0;
  margin: 0;
}

/*------------------------------*/

.quality-content {
  width: 100%;
  padding: 0;
  margin: 100px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .quality-content {
    margin: 80px 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .quality-content {
    margin: 50px 0;
  }
}

@media (max-width: 767px) {
  .quality-content {
    margin: 30px 0;
  }
}

/*------------------------------*/

a.quality-box {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  text-align: right;
  text-decoration: none;
  text-shadow: rgb(255, 255, 255) 2px 0 0, rgb(255, 255, 255) 1.75517px 0.958851px 0, rgb(255, 255, 255) 1.0806px 1.68294px 0, rgb(255, 255, 255) 0.141474px 1.99499px 0, rgb(255, 255, 255) -0.832294px 1.81859px 0, rgb(255, 255, 255) -1.60229px 1.19694px 0, rgb(255, 255, 255) -1.97998px 0.28224px 0, rgb(255, 255, 255) -1.87291px -0.701566px 0, rgb(255, 255, 255) -1.30729px -1.5136px 0, rgb(255, 255, 255) -0.421592px -1.95506px 0, rgb(255, 255, 255) 0.567324px -1.91785px 0, rgb(255, 255, 255) 1.41734px -1.41108px 0, rgb(255, 255, 255) 1.92034px -0.558831px 0;
  padding: 60px 20px 10px 0;
  margin: 15px 0;
}

a.quality-box:hover {
  opacity: .7;
}

@media (max-width: 1199px) and (min-width: 992px) {
  a.quality-box {
    padding: 40px 20px 10px 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  a.quality-box {
    padding: 20px 15px 10px 0;
  }
}

@media (max-width: 767px) {
  a.quality-box {
    padding: 30px 15px 10px 15px;
  }
}

/*------------------------------*/

.quality-box.box1 {
  background: url("/assets/images/quality/001.jpg") no-repeat left center;
  background-size: auto 100%;
}

.quality-box.box2 {
  background: url("/assets/images/quality/002-1.jpg") no-repeat left center;
  background-size: auto 100%;
}

.quality-box.box3 {
  background: url("/assets/images/quality/003.jpg") no-repeat left center;
  background-size: auto 100%;
}

.quality-box.box4 {
  background: url("/assets/images/quality/004.jpg") no-repeat left center;
  background-size: auto 100%;
}

.quality-box.box5 {
  background: url("/assets/images/quality/005.jpg") no-repeat left center;
  background-size: auto 100%;
}

/*------------------------------*/

.qualityText1 {
  color: #333333;
  font-family: KittithadaRoman55, sans-serif;
  font-style: italic;
  font-size: 26px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .qualityText1 {
    font-size: 24px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .qualityText1 {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .qualityText1 {
    font-size: 24px;
  }
}

/*------------------------------*/

.qualityText2 {
  color: #333333;
  font-family: KittithadaRoman55, sans-serif;
  font-style: italic;
  font-size: 42px;
  line-height: 100%;
  margin: 0 0 30px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .qualityText2 {
    font-size: 34px;
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .qualityText2 {
    font-size: 28px;
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .qualityText2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}

/*------------------------------*/

.quality-arrow img {
  width: 23px;
  float: right;
  margin-right: -10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .quality-arrow img {
    width: 20px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .quality-arrow img {
    width: 16px;
  }
}

@media (max-width: 767px) {
  .quality-arrow img {
    width: 18px;
  }
}

/*------------------------------*/

.quality-title {
  border-bottom: 1px dashed #aaaaaa;
  margin: 35px 0;
}

.quality-title>ul {
  width: auto;
  display: table;
  border-left: 10px solid #82bd3f;
  padding: 8px 0 5px 5px;
  margin: 0 0 10px 0;
}

.quality-title>ul>li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
  padding: 0 0 0 5px;
}

/*------------------------------
Safety Policy
------------------------------*/

.top-banner-safetyPolicy {
  background: url("/assets/images/safety-policy/banner-bg.jpg") no-repeat center;
  background-size: cover;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .top-banner-safetyPolicy {
    background-position: 70% 0;
  }

  .top-banner-safetyPolicy .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-safetyPolicy .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.safetyPolicyText1 {
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 48px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyText1 {
    font-size: 44px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyText1 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .safetyPolicyText1 {
    font-size: 34px;
  }
}

/*------------------------------*/

.safetyPolicyText2 {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 110%;
  margin: 35px 0;
}

.safetyPolicyText2>p {
  text-indent: 30px;
  padding: 0;
  margin: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyText2 {
    font-size: 24px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyText2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .safetyPolicyText2 {
    font-size: 24px;
  }
}

/*------------------------------*/

.safetyPolicyRow {
  padding: 0;
  margin: 0;
}

.safetyPolicyRow>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.safetyPolicyBox {
  background: url("/assets/images/safety-policy/boxBg.jpg") no-repeat;
  background-size: 100% 100%;
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 1200px) {
  .safetyPolicyBox {
    padding: 25px 0 0 0;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyBox {
    padding: 20px 0 0 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyBox {
    padding: 10px 0 0 0;
  }
}

@media (max-width: 767px) {
  .safetyPolicyBox {
    padding: 15px 0 0 0;
  }
}

/*------------------------------*/

.safetyPolicyB1 {
  width: 90%;
  display: table;
  border-bottom: 2px solid #82bc3f;
  color: #333333;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  padding: 0 0 5px 0;
  margin: 0 auto 15px auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyB1 {
    font-size: 20px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyB1 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .safetyPolicyB1 {
    font-size: 20px;
  }
}

/*------------------------------*/

.safetyPolicyB2 {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyB2 {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyB2 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .safetyPolicyB2 {
    font-size: 22px;
  }
}

/*------------------------------*/

.safetyPolicyBox>.img-responsive {
  padding: 10px;
}

/*------------------------------*/

.safetyPolicyOl {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding: 0;
  margin: 0;
}

.safetyPolicyOl>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

.safetyPolicyOl>ol>li {
  margin: 10px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyOl {
    font-size: 26px;
  }

  .safetyPolicyOl .img-responsive {
    width: 400px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyOl {
    font-size: 24px;
  }

  .safetyPolicyOl .img-responsive {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .safetyPolicyOl {
    font-size: 22px;
  }

  .safetyPolicyOl .img-responsive {
    float: none !important;
    margin-bottom: 15px;
  }
}

/*------------------------------*/

.safetyPolicyStep {
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 0 5px 0;
  margin: 15px 0;
}

@media (min-width: 768px) {
  .safetyPolicyStep>.row {
    width: auto;
    display: table;
    table-layout: fixed;
    padding: 0;
    margin: 0 auto;
  }

  .safetyPolicyStep>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
  }
}

/*------------------------------*/

.safetyPolicyStepTitle {
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyStepTitle {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyStepTitle {
    font-size: 20px;
  }
}

/*------------------------------*/

.safetyPolicyStep .img-responsive {
  padding: 15px;
}

@media (min-width: 1200px) {
  .safetyPolicyStep .img-responsive {
    width: 350px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .safetyPolicyStep .img-responsive {
    width: 290px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .safetyPolicyStep .img-responsive {
    width: 215px;
  }
}

/*------------------------------
Safety Training
------------------------------*/

.top-banner-safetyTraining {
  background: url("/assets/images/safety-training/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 767px) {
  .top-banner-safetyTraining .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-safetyTraining .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.safetyTrainingText {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
  padding: 0;
  margin: 0;
}

.safetyTrainingText>li {
  display: block;
  padding: 0 0 0 20px;
  margin: 15px 0;
}

.safetyTrainingText>li:before {
  position: absolute;
  color: #de8000;
  font-family: FontAwesome, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  content: "\f101";
  margin: 3px 0 0 -20px;
}

/*------------------------------*/

.safetyTrainingPic {
  margin: 80px 0;
}

/*------------------------------
Staff
------------------------------*/

.top-banner-staff {
  background: url("/assets/images/staff/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.staffProperty {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  margin: 0 0 50px 0;
}

.staffProperty ul {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0;
}

.staffProperty li {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}

.staffProperty li:first-child {
  width: 40px;
}

.staffProperty li:first-child>span {
  width: 25px;
  display: block;
  background: #4d4d4d;
  color: #FFFFFF;
  text-align: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .staffProperty {
    font-size: 24px;
  }

  .staffProperty li:first-child {
    width: 30px;
  }

  .staffProperty li:first-child>span {
    width: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffProperty {
    font-size: 18px;
  }

  .staffProperty li:first-child {
    width: 25px;
  }

  .staffProperty li:first-child>span {
    width: 18px;
  }
}

@media (max-width: 767px) {
  .staffProperty {
    font-size: 24px;
  }

  .staffProperty li:first-child {
    width: 30px;
  }

  .staffProperty li:first-child>span {
    width: 22px;
  }
}

/*------------------------------*/

.staffGarb {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0 0 80px 0;
}

.staffGarb>li {
  display: table-cell;
  vertical-align: middle;
}

.staffGarb>li:nth-child(2) {
  padding: 0 10px;
}

.staffGarb>li:first-child,
.staffGarb>li:last-child {
  width: 300px;
}

.staffGarb .img-responsive {
  width: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {

  .staffGarb>li:first-child,
  .staffGarb>li:last-child {
    width: 250px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {

  .staffGarb>li:first-child,
  .staffGarb>li:last-child {
    width: 200px;
  }
}

@media (max-width: 767px) {

  .staffGarb,
  .staffGarb>li {
    width: 100% !important;
    display: block;
  }

  .staffGarb>li:nth-child(2) {
    padding: 30px 0;
  }
}

/*------------------------------*/

.staffGarbBox {
  background: url("/assets/images/staff/boxBg.jpg") no-repeat;
  background-size: 100% 100%;
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 15px 15px 25px;
  margin: 0 0 8px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .staffGarbBox {
    padding: 5px 5px 5px 10px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffGarbBox {
    padding: 5px;
  }
}

@media (max-width: 767px) {
  .staffGarbBox {
    padding: 10px;
  }
}

/*------------------------------*/

.staffGarbTitle {
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  margin: 0 0 5px 0;
}

.staffGarbTitle>span {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  background: url("/assets/images/staff/green-circle.png") no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .staffGarbTitle {
    font-size: 22px;
  }

  .staffGarbTitle>span {
    width: 23px;
    height: 23px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffGarbTitle {
    font-size: 18px;
  }

  .staffGarbTitle>span {
    width: 18px;
    height: 18px;
  }
}

/*------------------------------*/

.staffGarbText {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 18px;
  line-height: 100%;
}

@media (max-width: 1199px) {
  .staffGarbText br {
    display: none;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffGarbText {
    font-size: 14px;
  }
}

/*------------------------------*/

.staffCostume {
  margin: 0 0 80px 0;
}

.staffCostume>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.staffCostumeBox {
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .staffCostumeBox {
    padding: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffCostumeBox {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .staffCostumeBox {
    padding: 10px;
  }
}

/*------------------------------*/

.staffCostumeTitle {
  position: relative;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  margin: 0 0 15px 0;
}

.staffCostumeTitle>ul {
  width: auto;
  display: table;
  font-size: 16px;
  line-height: 100%;
  padding: 0;
  margin: -5px auto;
}

.staffCostumeTitle>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}

.staffCostumeTitle>ul>li:not(:last-child) {
  border-right: 1px solid #dddddd;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .staffCostumeTitle {
    font-size: 20px;
  }

  .staffCostumeTitle>ul {
    font-size: 14px;
    margin: -4px auto;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .staffCostumeTitle {
    font-size: 18px;
  }

  .staffCostumeTitle>ul {
    font-size: 10px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .staffCostumeTitle {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .staffCostumeTitle>ul {
    font-size: 14px;
    margin: 0 auto;
  }
}

/*------------------------------*/

ol.staffCostumeText {
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  padding: 0 0 0 20px;
  margin: 15px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  ol.staffCostumeText {
    font-size: 20px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  ol.staffCostumeText {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  ol.staffCostumeText {
    font-size: 20px;
  }
}

/*------------------------------
Activities
------------------------------*/

.top-banner-activities {
  background: url("/assets/images/activities/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.activitiesContent {
  margin: 0 0 80px 0;
}

.activitiesContent>.row {
  margin: 0 -10px;
}

.activitiesContent>.row>[class*="col-"] {
  padding: 10px;
}

/*------------------------------*/

.activitiesBox {
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*------------------------------*/

.activitiesBox .img-responsive {
  padding: 0 20px 15px 20px;
}

/*------------------------------*/

.activitiesTitle {
  position: relative;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  margin: 15px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .activitiesTitle {
    font-size: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .activitiesTitle {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .activitiesTitle {
    font-size: 16px;
  }
}

/*------------------------------
Recruitment
------------------------------*/

.top-banner-recruitment {
  background: url("/assets/images/recruitment/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (min-width: 768px) {
  .recruitmentContent {
    min-height: 100vh;
  }
}

/*------------------------------*/

.recruitmentGroup {
  margin: 0 0 80px 0;
}

/*------------------------------*/

.recruitmentGroup .panel {
  border: 1px solid #dddddd;
  padding: 0;
  margin: 15px 0;
}

/*------------------------------*/

.recruitmentTitle {
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
  padding: 10px 15px;
}

.recruitmentTitle>a {
  display: inline-block;
  border-left: 10px solid #808080;
  color: #4D4D4D;
  text-decoration: none;
  padding: 5px 0 0 10px;
}

.recruitmentTitle>a[aria-expanded="true"] {
  border-color: #dc8101;
}

@media (max-width: 767px) {
  .recruitmentTitle {
    font-size: 22px;
  }
}

/*------------------------------*/

.recruitmentDetail {
  border-top: 1px solid #dddddd;
  padding: 0 25px 0 35px;
}

@media (max-width: 767px) {
  .recruitmentDetail {
    padding: 0 15px;
  }
}

/*------------------------------*/

.recruitmentLabel {
  width: 150px;
  background: #989898;
  color: #FFFFFF;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 1px 0;
  margin: 30px 0 0 0;
}

/*------------------------------*/

.recruitmentText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  word-break: break-all;
  margin: 15px 0 0 0;
}

.recruitmentText>ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.recruitmentText>ul>li {
  display: block;
  padding: 0 0 0 20px;
  margin: 5px 0;
}

.recruitmentText>ul>li:before {
  content: '笳�';
  position: absolute;
  margin: 1px 0 0 -20px;
}

/*------------------------------*/

.recruitmentBtn {
  display: table;
  background: none;
  border: 2px solid #82bc3f;
  color: #82bc3f;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 1px;
  padding: 10px 50px 5px 50px;
  margin: 50px auto;
}

.recruitmentBtn:hover {
  background: #82bc3f;
  color: #FFFFFF;
}

.recruitmentBtn:focus,
.recruitmentBtn:hover {
  outline: none !important;
}

/*------------------------------*/

.recruitmentContact {
  width: auto;
  display: table;
  margin: 0 auto 80px auto;
}

.recruitmentContact .img-responsive {
  width: 100%;
}

/*------------------------------
Contact
------------------------------*/

.top-banner-contact {
  background: url("/assets/images/contact/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.contactContent {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  position: relative;
}

/*------------------------------*/

.contactStep {
  margin: 100px 0 60px 0;
}

@media (max-width: 767px) {
  .contactStep {
    margin: 50px 0;
  }
}

/*------------------------------*/

.contactText1 {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
}

.contactText1>span {
  display: inline-block;
  margin: 0 auto;
}

/*------------------------------*/

.contactRequire {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  padding: 0 5px 0 0;
  margin: 70px 0 5px 0;
}

.contactRequire>span {
  font-family: Meiryo, sans-serif;
  color: #dd8000;
}

/*------------------------------*/

table.contactTb {
  width: 100%;
  padding: 0;
  margin: 0;
}

table.contactTb td {
  vertical-align: top;
  padding: 5px;
  border-bottom: 10px solid #FFFFFF;
  word-break: break-all;
}

table.contactTb td:nth-child(1) {
  background: #e5e5e5;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 21px;
  line-height: 100%;
}

table.contactTb td:nth-child(1)>span {
  font-family: Meiryo, sans-serif;
  color: #dd8000;
}

table.contactTb td:nth-child(2) {
  width: 70%;
}

@media (max-width: 991px) and (min-width: 768px) {
  table.contactTb td:nth-child(1) {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  table.contactTb td:nth-child(1) {
    width: 30%;
    border-right: 20px solid #FFFFFF;
    text-align: right;
    padding-top: 13px;
    padding-right: 45px;
  }

  table.contactTb td:nth-child(1)>span {
    position: absolute;
    margin-left: 12px;
  }
}

@media (max-width: 767px) {

  table.contactTb,
  table.contactTb tbody,
  table.contactTb tr,
  table.contactTb td {
    display: block;
    width: 100% !important;
  }

  table.contactTb td {
    border: none !important;
  }

  table.contactTb td:nth-child(1) {
    padding: 10px;
  }

  table.contactTb td .customerName.row>[class*="col-"]:nth-child(1) {
    margin-bottom: 10px;
  }

  table.contactTb td:nth-child(2) {
    margin: 5px 0 30px 0;
  }
}

/*------------------------------*/

table.contactTb.contactTbConfirm {
  margin-top: 70px;
}

table.contactTb.contactTbConfirm td:nth-child(1) {
  border-right: 10px solid #FFFFFF;
  padding: 13px 15px 10px 10px;
}

table.contactTb.contactTbConfirm td:nth-child(2) {
  padding: 10px;
}

/*------------------------------*/

.customerName.row {
  margin: 0 -5px;
}

.customerName.row>[class*="col-"] {
  padding: 0 5px;
}

/*------------------------------*/

.radioRow.row {
  margin: 0 -5px;
}

.radioRow.row>[class*="col-"] {
  padding: 0 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .radioRow {
    font-size: 16px;
  }
}

/*------------------------------*/

.radioRow .radio {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  margin-top: 10px;
}

.radioRow .radio label {
  padding-left: 15px;
  margin: 0;
}

.radioRow .radio label::before {
  width: 25px;
  height: 25px;
}

.radioRow .radio label::after {
  width: 19px;
  height: 19px;
}

.radioRow .radio label::before,
.radioRow .radio label::after {
  margin-top: -5px;
}

.radioRow .radio input[type="radio"]:focus+label::before {
  outline: none;
}

@media (max-width: 767px) {
  .radioRow .radio {
    margin-top: 15px;
    margin-bottom: 5px;
  }
}

/*------------------------------*/

.contactBtn {
  width: auto;
  display: table;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  margin: 70px auto 140px auto;
}

.contactBtn button {
  width: 200px;
  display: inline-block;
  background: url("/assets/images/contact/btn-bg.jpg") repeat-x;
  background-size: auto 100%;
  border: 1px solid #dddddd;
  outline: none !important;
  padding: 10px 0 5px 0;
  margin: 15px;
}

.contactBtn button:hover {
  color: #dd8000;
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactBtn {
    font-size: 22px;
  }
}

/*------------------------------*/

.thankText1 {
  color: #dd8000;
  font-family: supermarket_server, sans-serif;
  font-size: 54px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
  .thankText1 {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .thankText1 {
    font-size: 36px;
  }
}

/*------------------------------*/

.thankText2 {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 42px;
  line-height: 100%;
  text-align: center;
  margin: 30px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .thankText2 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .thankText2 {
    font-size: 26px;
  }
}

/*------------------------------*/

.thankText3 {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 150%;
  text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
  .thankText3 {
    font-size: 18px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .thankText3 {
    font-size: 16px;
  }
}

@media (max-width: 499px) {
  .thankText3 {
    font-size: 18px;
  }

  .thankText3 br {
    display: none;
  }
}

/*------------------------------*/

.thankText4 {
  color: #dd8000;
  font-family: supermarket_server, sans-serif;
  font-size: 42px;
  line-height: 100%;
  text-align: center;
  margin: 100px 0 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .thankText4 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .thankText4 {
    font-size: 26px;
  }
}

/*------------------------------*/

.thankText5 {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 42px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {
  .thankText5 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .thankText5 {
    font-size: 26px;
  }

  .thankText5 img {
    display: block;
    margin: 0 auto 15px auto;
  }
}

/*------------------------------
contact main
------------------------------*/

.contactUsMain {
  margin: 0 0 80px 0;
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .contactStep {
    margin-top: 3px;
    margin-bottom: 30px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain .contactText1 {
    font-size: 18px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .contactText1 {
    font-size: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .contactText1 {
    font-size: 14px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain .contactRequire {
    font-size: 14px;
    margin-top: 15px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .contactRequire {
    font-size: 12px;
    margin-top: 10px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .contactRequire {
    font-size: 10px;
    margin-top: 5px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain table.contactTb td {
    border-bottom: 5px solid #FFFFFF;
    padding: 4px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain table.contactTb td {
    border-bottom: 4px solid #FFFFFF;
    padding: 3px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain table.contactTb td {
    border-bottom: 3px solid #FFFFFF;
    padding: 2px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain table.contactTb td:nth-child(1) {
    font-size: 16px;
    padding-top: 12px;
    padding-right: 25px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain table.contactTb td:nth-child(1) {
    font-size: 12px;
    padding-top: 10px;
    padding-right: 20px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain table.contactTb td:nth-child(1) {
    font-size: 9px;
    padding-top: 8px;
    padding-right: 15px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain table.contactTb td:nth-child(1)>span {
    margin-left: 5px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain table.contactTb td:nth-child(1)>span {
    font-size: 10px;
    margin-left: 3px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain table.contactTb td:nth-child(1)>span {
    font-size: 9px;
    margin-left: 2px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .form-control {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .contactUsMain .form-control {
    font-size: 12px;
    line-height: 120%;
    padding: 6px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .form-control {
    font-size: 11px;
    line-height: 120%;
    padding: 5px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .form-control {
    font-size: 8px;
    line-height: 120%;
    padding: 4px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .radioRow .radio label {
    padding-left: 0;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .contactUsMain .radioRow .radio {
    font-size: 14px;
  }

  .contactUsMain .radioRow .radio label::before {
    width: 14px;
    height: 14px;
  }

  .contactUsMain .radioRow .radio label::after {
    width: 8px;
    height: 8px;
  }

  .contactUsMain .radioRow .radio label::before,
  .contactUsMain .radioRow .radio label::after {
    margin-top: -1px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .radioRow .radio {
    font-size: 12px;
    padding-left: 15px;
  }

  .contactUsMain .radioRow .radio label::before {
    width: 12px;
    height: 12px;
    margin-left: -15px;
  }

  .contactUsMain .radioRow .radio label::after {
    width: 6px;
    height: 6px;
  }

  .contactUsMain .radioRow .radio label::before,
  .contactUsMain .radioRow .radio label::after {
    margin-top: -1px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .radioRow .radio {
    font-size: 9px;
    padding-left: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .contactUsMain .radioRow .radio label::before {
    width: 10px;
    height: 10px;
    margin-left: -12px;
  }

  .contactUsMain .radioRow .radio label::after {
    width: 4px;
    height: 4px;
  }

  .contactUsMain .radioRow .radio label::before,
  .contactUsMain .radioRow .radio label::after {
    margin-top: -1px;
  }
}

/*------------------------------*/

.contactUsMain .contactBtn {
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .contactUsMain .contactBtn {
    font-size: 18px;
  }

  .contactUsMain .contactBtn button {
    width: 150px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .contactBtn {
    font-size: 16px;
  }

  .contactUsMain .contactBtn button {
    width: 130px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .contactBtn {
    font-size: 14px;
  }

  .contactUsMain .contactBtn button {
    width: 100px;
    padding: 5px 0 2px 0;
  }
}

@media (max-width: 767px) {
  .contactUsMain .contactBtn {
    margin: 0 auto 50px auto;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .company-detail {
    margin-top: 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .company-detail>ul>li:nth-child(1) {
    width: 30%;
  }

  .contactUsMain .company-detail>ul>li:nth-child(2) {
    width: 70%;
  }
}

/*------------------------------*/

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .company-detail>ul>li:nth-child(1) {
    font-size: 12px;
  }

  .contactUsMain .company-detail>ul>li:nth-child(1) .tSmall {
    font-size: 10px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .contactUsMain .company-detail>ul>li:nth-child(2) {
    font-size: 24px;
    line-height: 120%;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .company-detail>ul>li:nth-child(2) {
    font-size: 20px;
    line-height: 120%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .company-detail>ul>li:nth-child(2) {
    font-size: 15px;
    line-height: 120%;
    padding-left: 5px;
  }
}

/*------------------------------*/

.contactUsMain .company-detail>ul>li>p {
  margin-bottom: 10px;
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .company-label {
    margin-bottom: 10px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .contactUsMain .company-label {
    font-size: 12px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .contactUsMain .company-label {
    font-size: 10px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .contactUsMain .company-phone>ul>li {
    display: block;
  }
}

/*------------------------------*/

a.downloadMap {
  display: inline-block;
  background: #83BB40;
  color: #FFFFFF;
  text-decoration: none;
  padding: 1px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 0 5px 0;
}

a.downloadMap:hover {
  opacity: .7;
}

/*------------------------------
Net Hanger
------------------------------*/

.top-banner-net-hanger {
  background: url("/assets/images/net-hanger/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 1199px) and (min-width: 992px) {
  .top-banner-net-hanger .top-banner-text {
    font-size: 54px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-net-hanger .top-banner-text {
    font-size: 38px;
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .top-banner-net-hanger .top-banner-text {
    font-size: 20px;
    padding-top: 40px;
  }

  .top-banner-net-hanger .top-banner-text>small {
    font-size: 26px;
    display: block;
    margin-bottom: 5px;
  }
}

/*------------------------------*/

.netHangerText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .netHangerText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .netHangerText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.netHangerPic {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (min-width: 768px) {
  .netHangerPic>.row>[class*="col-"] {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .netHangerPic>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 30px;
  }

  .netHangerPic {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Net Bracket
------------------------------*/

.top-banner-net-bracket {
  background: url("/assets/images/net-bracket/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-net-bracket .top-banner-text {
    font-size: 46px;
  }
}

@media (max-width: 499px) {
  .top-banner-net-bracket .top-banner-text {
    font-size: 26px;
    padding-top: 30px;
  }

  .top-banner-net-bracket .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.netBracketText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .netBracketText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .netBracketText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.netBracketPic {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .netBracketPic {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.netBracketList {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 40px 25px;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .netBracketList {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .netBracketList {
    font-size: 22px;
    padding: 30px 0 30px 25px;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Life Line
------------------------------*/

.top-banner-life-line {
  background: url("/assets/images/life-line/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.lifeLineText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .lifeLineText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .lifeLineText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.lifeLineTb,
.lifeLineTb2 {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {

  .lifeLineTb,
  .lifeLineTb2 {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 992px) {
  .lifeLineTb>.row>[class*="col-"]:first-child {
    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .lifeLineTb>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.lifeLineTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.lifeLineTb th,
.lifeLineTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.lifeLineTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.lifeLineTb td {
  width: 1%;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.lifeLineTb tr:nth-child(even) td {
  background: #f3f3f3;
}

@media (max-width: 991px) and (min-width: 768px) {
  .lifeLineTb th {
    font-size: 14px;
  }

  .lifeLineTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .lifeLineTb th {
    font-size: 16px;
  }

  .lifeLineTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

ul.lifeLineColor {
  width: auto;
  display: table;
  margin: 0 auto;
}

ul.lifeLineColor li {
  width: 25px;
  height: 15px;
  display: table-cell;
  border: 1px solid #000000;
}

@media (max-width: 767px) {
  ul.lifeLineColor li {
    width: 15px;
    height: 10px;
  }
}

/*------------------------------*/

.lifeLineColor .blue {
  background: #0061ae;
}

.lifeLineColor .yellow {
  background: #ffff00;
}

.lifeLineColor .black {
  background: #231917;
}

/*------------------------------*/

.lifeLineTb2 {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

.lifeLineTb2 table {
  width: 100%;
  padding: 0;
  margin: 40px 0 0 0;
}

.lifeLineTb2 th,
.lifeLineTb2 td {
  min-width: 100px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.lifeLineTb2 th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.lifeLineTb2 td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .lifeLineTb2 th {
    font-size: 14px;
  }

  .lifeLineTb2 td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .lifeLineTb2 table {
    margin: 30px 0 0 0;
  }
}

@media (max-width: 767px) and (min-width: 500px) {

  .lifeLineTb2 th,
  .lifeLineTb2 td {
    min-width: 100%;
    padding: 3px;
  }

  .lifeLineTb2 th {
    font-size: 12px;
    word-break: keep-all;
    white-space: nowrap;
  }

  .lifeLineTb2 td {
    font-size: 16px;
  }
}

@media (max-width: 499px) {

  .lifeLineTb2 th,
  .lifeLineTb2 td {
    min-width: 100%;
    padding: 3px;
  }

  .lifeLineTb2 th {
    font-size: 7px;
    word-break: keep-all;
    white-space: nowrap;
  }

  .lifeLineTb2 td {
    font-size: 9px;
  }
}

/*------------------------------*/

.lifeLineTb2>p {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 0;
  margin: 15px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .lifeLineTb2>p {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .lifeLineTb2>p {
    font-size: 22px;
  }
}

/*------------------------------*/

.lifeLinePic {
  text-align: left;
  margin: 15px 0 0 0;
}

@media (min-width: 768px) {
  .lifeLinePic>.row {
    width: auto;
    display: table;
    padding: 0;
    margin: 0;
  }

  .lifeLinePic>.row>[class*="col-"] {
    width: auto;
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }

  .lifeLinePic>.row>[class*="col-"]:first-child {
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .lifeLinePic .img-responsive {
    height: 400px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .lifeLinePic .img-responsive {
    height: 350px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .lifeLinePic .img-responsive {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .lifeLinePic>.row>[class*="col-"]:first-child {
    padding-bottom: 20px;
  }
}

/*------------------------------
Harip
------------------------------*/

.top-banner-harip {
  background: url("/assets/images/harip/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-harip {
    background: url("/assets/images/harip/banner-bg.jpg") no-repeat 60% 0;
    background-size: cover;
  }
}

/*------------------------------*/

.haripText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .haripText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .haripText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.haripPic1 {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .haripPic1 {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.haripTb {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .haripTb {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.haripTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.haripTb th,
.haripTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.haripTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.haripTb td {
  width: 1%;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 767px) {

  .haripTb th,
  .haripTb td {
    padding: 5px;
  }

  .haripTb th {
    font-size: 12px;
  }

  .haripTb td {
    font-size: 16px;
  }
}

/*------------------------------*/

.haripTb>p {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  margin: 15px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .haripTb>p {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .haripTb>p {
    font-size: 22px;
  }
}

/*------------------------------*/

.haripUse {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .haripUse {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .haripUse {
    font-size: 22px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .haripUse br {
    display: none;
  }

  .haripUse>ol>li>.row>[class*="col-"]>.row>[class*="col-"]:first-child {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/*------------------------------*/

.haripUse>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

/*------------------------------*/

.haripUse>ol>li>.row {
  padding: 20px 0 0 0;
}

/*------------------------------*/

.haripUse p {
  text-align: center;
  margin: 15px 0 0 0;
}

@media (min-width: 1200px) {
  .haripUse p {
    font-size: 26px;
    line-height: 100%;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .haripUse p {
    font-size: 22px;
    line-height: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .haripUse p {
    font-size: 18px;
    line-height: 100%;
  }
}

/*------------------------------*/

.haripUsePic {
  padding: 40px 0;
}

/*------------------------------*/

.haripUse2 {
  padding: 25px 0;
  margin: 0 0 40px 0;
}

.haripUse2>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .haripUse2 {
    padding: 15px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.haripUse2Box {
  background: #f7f7f7;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  padding: 20px;
}

.haripUse2Box>.img-responsive {
  border: 1px solid #cccccc;
}

.haripUse2Box>p {
  margin: 15px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .haripUse2Box {
    font-size: 20px;
    padding: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .haripUse2Box {
    font-size: 18px;
    padding: 10px;
  }

  .haripUse2Box>p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .haripUse2Box>p br {
    display: none;
  }
}

/*------------------------------
Aluminium Stanchion
------------------------------*/

.top-banner-aluminium-stanchion {
  background: url("/assets/images/aluminium-stanchion/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.aluminiumSText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .aluminiumSText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.aluminiumSTb {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .aluminiumSTb {
    padding: 30px 0;
  }
}

/*------------------------------*/

.aluminiumSTb table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.aluminiumSTb th,
.aluminiumSTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.aluminiumSTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.aluminiumSTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSTb th {
    font-size: 12px;
  }

  .aluminiumSTb td {
    font-size: 18px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .aluminiumSTb th {
    font-size: 8px;
  }

  .aluminiumSTb td {
    font-size: 16px;
  }
}

@media (max-width: 499px) {

  .aluminiumSTb th,
  .aluminiumSTb td {
    padding: 5px;
  }

  .aluminiumSTb th {
    font-size: 5px;
  }

  .aluminiumSTb td {
    font-size: 14px;
  }

  .aluminiumSTb br {
    display: none;
  }
}

/*------------------------------*/

.aluminiumSTb table.wSame {
  table-layout: fixed;
  margin-bottom: 40px;
}

.aluminiumSTb table.wSame td {
  width: 1%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSTb table.wSame th {
    font-size: 16px;
  }

  .aluminiumSTb table.wSame td {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .aluminiumSTb table.wSame {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {
  .aluminiumSTb table.wSame th {
    font-size: 10px;
  }

  .aluminiumSTb table.wSame td {
    font-size: 18px;
  }
}

@media (max-width: 499px) {

  .aluminiumSTb table.wSame th,
  .aluminiumSTb table.wSame td {
    padding: 5px 0;
  }

  .aluminiumSTb table.wSame th {
    font-size: 7px;
  }

  .aluminiumSTb table.wSame td {
    font-size: 16px;
  }
}

/*------------------------------*/

.aluminiumSPic {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .aluminiumSPic {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .aluminiumSPic>.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .aluminiumSPic>.row>[class*="col-"] {
    float: none;
    width: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
  }

  .aluminiumSPic>.row>[class*="col-"]:first-child {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .aluminiumSPic>.row>[class*="col-"]:first-child {
    padding-bottom: 15px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .aluminiumSPic.PicOne>.row>[class*="col-"]:last-child>.img-responsive {
    float: right;
  }
}

@media (min-width: 1200px) {
  .aluminiumSPic.PicOne .img-responsive {
    height: 335px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .aluminiumSPic.PicOne .img-responsive {
    height: 275px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSPic.PicOne .img-responsive {
    height: 210px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .aluminiumSPic.PicTwo {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .aluminiumSPic.PicTwo .img-responsive {
    height: 232px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .aluminiumSPic.PicTwo .img-responsive {
    height: 190px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSPic.PicTwo .img-responsive {
    height: 140px;
  }
}

/*------------------------------*/

.aluminiumSPic p {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  margin: 5px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSPic p {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .aluminiumSPic p {
    font-size: 22px;
  }
}

/*------------------------------*/

.aluminiumSOl {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.aluminiumSOl>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .aluminiumSOl {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .aluminiumSOl {
    font-size: 22px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Rorip
------------------------------*/

.top-banner-rorip {
  background: url("/assets/images/rorip/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.roripRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .roripRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .roripRow>.row {
    position: relative;
  }

  .roripRow>.row>[class*="col-"]:nth-child(2) {
    right: 0;
    position: absolute;
  }

  .roripRow>.row>[class*="col-"]:nth-child(2)>.img-responsive {
    float: right;
  }
}

@media (max-width: 767px) {
  .roripRow>.row>[class*="col-"]:nth-child(2) {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.roripText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .roripText {
    font-size: 22px;
    text-indent: 0;
  }
}

/*------------------------------*/

.roripTb {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
}

.roripTb table {
  width: 460px;
  padding: 0;
  margin: 0 0 10px 0;
}

.roripTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.roripTb tr:nth-child(odd) {
  background: #d4d4d4;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
}

.roripTb tr:nth-child(even) {
  font-size: 22px;
}

@media (min-width: 1200px) {
  .roripTb {
    margin: 55px 0 0 0;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .roripTb {
    margin: 30px 0 0 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripTb {
    font-size: 26px;
    margin: 15px 0 0 0;
  }

  .roripTb table {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .roripTb {
    font-size: 22px;
  }

  .roripTb table {
    width: 100%;
  }

  .roripTb tr:nth-child(odd) {
    font-size: 16px;
  }

  .roripTb tr:nth-child(even) {
    font-size: 20px;
  }
}

/*------------------------------*/

.roripIngredient {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .roripIngredient {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {

  .roripIngredient>.row,
  .roripIngredient>.row>[class*="col-"] {
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .roripIngredient>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.roripUse {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripUse {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .roripUse {
    font-size: 22px;
    padding: 30px 0;
    margin: 0;
  }

  .roripUse .row,
  .roripUse [class*="col-"] {
    padding: 0;
    margin: 0;
  }

  .roripUse>ol>li>.row>[class*="col-"]>.row>[class*="col-"]:first-child {
    padding-bottom: 15px !important;
  }
}

/*------------------------------*/

.roripUse>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

/*------------------------------*/

.roripUse>ol>li>.row {
  padding: 20px 0 0 0;
}

@media (max-width: 767px) {
  .roripUse>ol>li>.row:last-child {
    padding: 0;
  }
}

/*------------------------------*/

.roripUse p {
  text-align: center;
  margin: 15px 0 0 0;
}

@media (min-width: 1200px) {
  .roripUse p {
    font-size: 24px;
    line-height: 100%;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .roripUse p {
    font-size: 20px;
    line-height: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripUse p {
    font-size: 16px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .roripUse p {
    margin-bottom: 30px;
  }
}

/*------------------------------*/

.roripUsePic {
  padding: 40px 0;
}

/*------------------------------*/

.roripSpring {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripSpring {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .roripSpring {
    font-size: 22px;
    padding: 30px 0;
  }
}

/*------------------------------*/

.roripSpring>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.roripSpring>ul>li {
  padding: 0 0 0 20px;
}

.roripSpring>ul>li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}

/*------------------------------*/

.roripSpringPic {
  width: 70%;
  padding: 0 0 40px 0;
  margin: 0 auto 40px auto;
}

@media (max-width: 767px) {
  .roripSpringPic {
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

  .roripSpringPic>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 15px;
  }
}

/*------------------------------*/

.roripList {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.roripList>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .roripList {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .roripList {
    font-size: 22px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Safety Belt
------------------------------*/

.top-banner-safety-belt {
  background: url("/assets/images/safety-belt/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.sBeltTb {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.sBeltTb table {
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
}

.sBeltTb td {
  vertical-align: middle;
  border: 1px solid #878787;
  padding: 8px 15px;
}

.sBeltTb td:first-child {
  width: 30%;
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  vertical-align: top;
  padding-top: 14px;
}

.sBeltTb td:last-child {
  width: 70%;
}

.sBeltTb tr:nth-child(odd) td:not(:first-child) {
  background: #F3F3F3;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBeltTb {
    font-size: 22px;
  }

  .sBeltTb td {
    padding: 8px;
  }

  .sBeltTb td:first-child {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .sBeltTb {
    font-size: 18px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .sBeltTb td {
    padding: 5px;
  }

  .sBeltTb td:first-child {
    font-size: 12px;
  }
}

/*------------------------------*/

.sBeltTb table.TbThree {
  table-layout: fixed;
  text-align: center;
  margin: 30px 0 0 0;
}

.sBeltTb table.TbThree td {
  width: 50% !important;
}

@media (max-width: 767px) {
  .sBeltTb table.TbThree {
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.sBeltLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 7px 10px 0 0;
}

.sBeltLabel.black {
  background: #231917;
}

.sBeltLabel.blue {
  background: #0061ae;
}

.sBeltLabel.yellow {
  background: #f9b041;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBeltLabel {
    margin-top: 5px;
  }
}

@media (max-width: 767px) {
  .sBeltLabel {
    width: 20px;
    height: 10px;
    margin-top: 4px;
  }
}

/*------------------------------*/

.sBeltList {
  position: relative;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.sBeltList>ol {
  position: relative;
  z-index: 2;
  padding: 0 0 0 25px;
  margin: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sBeltList {
    font-size: 24px;
    line-height: 130%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBeltList {
    font-size: 17px;
    line-height: 150%;
  }
}

@media (max-width: 767px) {
  .sBeltList {
    font-size: 22px;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.sBeltListPic {
  float: right;
}

.sBeltListPic .img-responsive {
  width: 100%;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .sBeltListPic {
    width: 380px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sBeltListPic {
    width: 340px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBeltListPic {
    width: 260px;
  }
}

@media (max-width: 767px) {
  .sBeltListPic {
    float: none;
    margin: 0 0 30px 0;
  }

  .sBeltListPic .img-responsive {
    padding: 0;
  }
}

/*------------------------------*/

.sBeltListPic2 {
  position: absolute;
  z-index: 1;
  right: 0;
}

.sBeltListPic2 .img-responsive {
  width: 100%;
}

@media (min-width: 1200px) {
  .sBeltListPic2 {
    width: 450px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sBeltListPic2 {
    width: 420px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBeltListPic2 {
    width: 345px;
  }
}

/*------------------------------
Safety Block
------------------------------*/

.top-banner-safety-block {
  background: url("/assets/images/safety-block/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-safety-block {
    background: url("/assets/images/safety-block/banner-bg.jpg") no-repeat 55% 0;
    background-size: cover;
  }
}

/*------------------------------*/

.sBlockText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBlockText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .sBlockText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .sBlockTextAb {
    position: absolute;
  }
}

/*------------------------------*/

.sBlockList {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 40px 25px;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBlockList {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .sBlockList {
    font-size: 22px;
    padding: 30px 0 30px 20px;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.sBlockPic>.row,
.sBlockPic>.row>[class*="col-"] {
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .sBlockPic>.row {
    width: 100%;
    display: table;
  }

  .sBlockPic>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(1)>.img-responsive {
    float: left;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2)>.img-responsive {
    float: none;
  }

}

@media (min-width: 1200px) {
  .sBlockPic>.row>[class*="col-"]:nth-child(1) {
    width: 360px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2) {
    width: 405px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3) {
    width: 370px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(1)>.img-responsive {
    width: 298px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2)>.img-responsive {
    width: 344px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3)>.img-responsive {
    width: 100%;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sBlockPic>.row>[class*="col-"]:nth-child(1) {
    width: 300px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2) {
    width: 335px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3) {
    width: 305px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(1)>.img-responsive {
    width: 246px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2)>.img-responsive {
    width: 285px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3)>.img-responsive {
    width: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sBlockPic {
    margin-top: 15px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(1) {
    width: 230px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2) {
    width: 255px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3) {
    width: 235px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(1)>.img-responsive {
    width: 189px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(2)>.img-responsive {
    width: 218px;
  }

  .sBlockPic>.row>[class*="col-"]:nth-child(3)>.img-responsive {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .sBlockPic>.row>[class*="col-"] {
    padding-top: 30px;
  }
}

/*------------------------------
reinforce hook
------------------------------*/

.top-banner-reinforce-hook {
  background: url("/assets/images/reinforce-hook/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.reinForcePage {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .reinForceText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .reinForceText {
    font-size: 22px;
  }
}

/*------------------------------*/

.reinForceRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .reinForceRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.reinForceRow1Text {
  text-indent: 30px;
}

.reinForceRow1Text.noIndent {
  text-indent: 0;
}

@media (max-width: 1199px) {
  .reinForceRow1Text br {
    display: none;
  }
}

@media (max-width: 767px) {
  .reinForceRow1Text {
    text-indent: 0;
  }
}

/*------------------------------*/

.reinForcePic1 {
  width: 380px;
  float: right;
  padding: 0 30px;
  margin: -40px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .reinForcePic1 {
    width: 300px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .reinForcePic1 {
    width: 230px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .reinForcePic1 {
    float: none;
    width: 100%;
    max-width: 250px;
    padding: 30px 0 0 0;
    margin: 0 auto;
  }
}

/*------------------------------*/

table.reinForceTb {
  width: 65%;
  padding: 0;
  margin: 40px 0;
}

table.reinForceTb th,
table.reinForceTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

table.reinForceTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

table.reinForceTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

table.reinForceTb td:not(:first-child) {
  width: 15%;
}

table.reinForceTb td:first-child {
  width: 40%;
}

@media (max-width: 767px) {
  table.reinForceTb {
    width: 100%;
    margin: 30px 0;
  }

  table.reinForceTb th,
  table.reinForceTb td {
    padding: 8px 4px;
  }

  table.reinForceTb th {
    font-size: 14px;
  }

  table.reinForceTb td {
    font-size: 18px;
  }
}

/*------------------------------*/

.reinForceProperty {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.reinForceProperty>ul {
  padding: 0;
  margin: 0;
}

.reinForceProperty>ul>li {
  display: block;
  padding: 0 0 0 15px;
}

.reinForceProperty>ul>li:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

@media (max-width: 767px) {
  .reinForceProperty {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.reinForceInstall {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .reinForceInstall {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.reinForceInsPic {
  padding: 40px 0 0 0;
}

@media (max-width: 767px) {
  .reinForceInsPic {
    padding: 30px 0 0 0;
  }
}

/*------------------------------*/

.reinForceInsText {
  margin: 15px 0 0 0;
}

@media (max-width: 1199px) {
  .reinForceInsText br {
    display: none;
  }
}

@media (max-width: 767px) {
  .reinForceInsText {
    text-align: center;
  }
}

/*------------------------------*/

.reinForceExam {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.reinForceExam ol {
  padding: 0 0 0 25px;
  margin: 0;
}

@media (max-width: 767px) {
  .reinForceExam {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .reinForceExam ol {
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

/*------------------------------
Vertical Net
------------------------------*/

.top-banner-vertical-net {
  background: url("/assets/images/vertical-net/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.vNetText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .vNetText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .vNetText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .vNetText>.row>[class*="col-"]:nth-child(2) {
    padding-left: 30px;
  }

  .vNetText>.row>[class*="col-"]:nth-child(3) {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .vNetText>.row>[class*="col-"] {
    float: none !important;
  }

  .vNetText>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.vNetRowList {
  padding: 30px 0;
  margin: 0 0 40px 0;
}

.vNetRowList>.row {
  margin: 0 -10px;
}

.vNetRowList>.row>[class*="col-"] {
  padding: 10px;
}

@media (max-width: 767px) {
  .vNetRowList {
    padding: 20px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.vNetList {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 0 0 0 25px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .vNetList {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .vNetList {
    font-size: 22px;
    padding: 0 0 0 20px;
  }
}

/*------------------------------*/

table.vNetTb {
  width: 100%;
  padding: 0;
  margin: 0 0 40px 0;
}

table.vNetTb th,
table.vNetTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

table.vNetTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

table.vNetTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

table.vNetTb td:not(:last-child) {
  width: 15%;
}

table.vNetTb td:last-child {
  width: 40%;
}

@media (max-width: 991px) and (min-width: 768px) {

  table.vNetTb th,
  table.vNetTb td {
    padding: 8px 0;
  }

  table.vNetTb th {
    font-size: 15px;
  }

  table.vNetTb td {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  table.vNetTb {
    margin-bottom: 30px;
  }

  table.vNetTb th,
  table.vNetTb td {
    padding: 8px 4px;
  }

  table.vNetTb th {
    font-size: 12px;
  }

  table.vNetTb td {
    font-size: 16px;
  }
}

/*------------------------------*/

.vNetLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 5px;
}

.vNetLabel.gray {
  background: #808185;
}

@media (max-width: 991px) and (min-width: 768px) {
  .vNetLabel {
    margin-top: 2px;
  }
}

@media (max-width: 767px) {
  .vNetLabel {
    display: block;
    margin: 2px auto 0 auto;
  }
}

/*------------------------------*/

.vNetRowPic {
  padding: 0 0 30px 0;
  margin: 0 0 40px 0;
}

.vNetRowPic>.row {
  margin: 0 -10px;
}

.vNetRowPic>.row>[class*="col-"] {
  padding: 10px;
}

@media (max-width: 767px) {
  .vNetRowPic {
    padding: 0 0 30px 0;
  }
}

/*------------------------------
Mesh Sheet
------------------------------*/

.top-banner-mesh-sheet {
  background: url("/assets/images/mesh-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.mSheetText {
  position: relative;
  z-index: 1;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.mSheetText>.img-responsive {
  padding-top: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .mSheetText {
    font-size: 26px;
  }

  .mSheetText>.img-responsive {
    width: 450px;
  }
}

@media (max-width: 767px) {
  .mSheetText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0;
  }
}

/*------------------------------*/

.mSheetList {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 40px 25px;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .mSheetList {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .mSheetList {
    font-size: 22px;
    padding: 30px 0 30px 20px;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.mSheetList li.noList {
  list-style: none;
  margin-top: 5px;
  margin-left: -25px;
}

@media (max-width: 767px) {
  .mSheetList li.noList {
    margin-left: -20px;
  }
}

/*------------------------------*/

.mSheetPic {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

.mSheetPic .img-responsive {
  width: 100%;
}

@media (min-width: 768px) {
  .mSheetPic {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .mSheetPic {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .mSheetPic>.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .mSheetPic>.row>[class*="col-"] {
    float: none;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .mSheetPic>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.mSheetTb {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.mSheetTb p {
  text-align: right;
  margin: 5px 0 0 0;
}

.mSheetTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.mSheetTb th,
.mSheetTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.mSheetTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

@media (min-width: 768px) {
  .mSheetTb {
    width: 60%;
    float: right;
    position: relative;
    z-index: 2;
    margin: -30% 0 0 0;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {

  .mSheetTb th,
  .mSheetTb td {
    padding: 8px 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .mSheetTb {
    font-size: 18px;
  }

  .mSheetTb th,
  .mSheetTb td {
    padding: 8px 0;
  }

  .mSheetTb th {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .mSheetTb {
    font-size: 16px;
    margin-bottom: 60px;
  }

  .mSheetTb th,
  .mSheetTb td {
    padding: 5px 0;
  }

  .mSheetTb th {
    font-size: 14px;
  }
}

/*------------------------------*/

.mSheetLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 0;
}

.mSheetLabel.gray {
  background: #808185;
}

.mSheetLabel.blue {
  background: #016bb5;
}

.mSheetLabel.brown {
  background: #a87c4f;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .mSheetLabel {
    width: 20px;
    height: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .mSheetLabel {
    width: 15px;
    height: 12px;
    margin: 3px 0 0 0;
  }
}

@media (max-width: 767px) {
  .mSheetLabel {
    width: 12px;
    height: 10px;
    margin: 3px 0 0 0;
  }
}

/*------------------------------
Sheet Clamp
------------------------------*/

.top-banner-sheet-clamp {
  background: url("/assets/images/sheet-clamp/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-sheet-clamp .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-sheet-clamp .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.sClampText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sClampText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .sClampText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .sClampText>.row>[class*="col-"]:nth-child(2) {
    float: none !important;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.sClampText table {
  width: 80%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.sClampText th,
.sClampText td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 5px;
}

.sClampText td:first-child {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 100%;
  text-indent: 0;
}

.sClampText td:last-child {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  text-indent: 0;
}

@media (min-width: 1200px) {
  .sClampText table {
    margin-top: 70px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sClampText table {
    margin-top: 40px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sClampText table {
    margin-top: 15px;
  }

  .sClampText td:first-child {
    font-size: 16px;
  }

  .sClampText td:last-child {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .sClampText table {
    width: 250px;
    margin: 0 auto;
  }

  .sClampText td:first-child {
    font-size: 16px;
  }

  .sClampText td:last-child {
    font-size: 22px;
  }
}

/*------------------------------
Sound Proof Sheet
------------------------------*/

.top-banner-sound-proof-sheet {
  background: url("/assets/images/sound-proof-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 499px) {
  .top-banner-sound-proof-sheet .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-sound-proof-sheet .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.SoPrShBox {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .SoPrShBox {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.SoPrShBox>.row,
.SoPrShBox>.row>[class*="col-"] {
  padding: 0;
  margin: 0;
}

@media (min-width: 768px) {
  .SoPrShBox>.row>[class*="col-"]:first-child {
    padding-right: 30px;
  }

  .SoPrShBox>.row>[class*="col-"]:last-child {
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .SoPrShBox>.row>[class*="col-"]:first-child {
    padding-bottom: 15px;
  }
}

/*------------------------------*/

.SoPrText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrText {
    font-size: 22px;
    padding: 0 0 30px 0;
  }
}

@media (max-width: 767px) {
  .SoPrText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.SoPrText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 40px 25px;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrText2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .SoPrText2 {
    font-size: 22px;
    padding: 30px 0 30px 25px;
  }
}

/*------------------------------*/

.SoPrUse {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
}

.SoPrUse p {
  margin: 5px 0 0 0;
}

.SoPrUse.row,
.SoPrUse.row>[class*="col-"] {
  padding: 0;
  margin: 0;
}

.SoPrUse.row>[class*="col-"]:first-child {
  padding-right: 5px;
}

.SoPrUse.row>[class*="col-"]:last-child {
  padding-left: 5px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrUse {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .SoPrUse.row>[class*="col-"] {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.SoPrDB {
  margin: 30px auto 0 auto;
}

@media (min-width: 1200px) {
  .SoPrDB {
    width: 255px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .SoPrDB {
    width: 215px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrDB {
    width: 165px;
  }
}

@media (max-width: 767px) {
  .SoPrDB {
    width: 200px;
  }
}

/*------------------------------*/

table.SoPrTb {
  width: 100%;
  padding: 0;
  margin: 40px 0 0 0;
}

table.SoPrTb th,
table.SoPrTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

table.SoPrTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

table.SoPrTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

table.SoPrTb td:not(:last-child) {
  width: 17%;
}

table.SoPrTb td:last-child {
  width: 32%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  table.SoPrTb th {
    font-size: 16px;
  }

  table.SoPrTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  table.SoPrTb th {
    font-size: 14px;
  }

  table.SoPrTb td {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  table.SoPrTb {
    margin: 30px 0 0 0;
  }

  table.SoPrTb th {
    font-size: 12px;
  }

  table.SoPrTb td {
    font-size: 13px;
  }
}

/*------------------------------*/

.SoPrLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 5px 0 5px;
}

.SoPrLabel.green {
  background: #5fbb46;
}

.SoPrLabel.gray {
  background: #808185;
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .SoPrLabel {
    display: block;
    margin: 2px auto 0 auto;
  }
}

/*------------------------------*/

.SoPrShBox2 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .SoPrShBox2 {
    padding: 15px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.SoPrShBox2>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.SoPrShBox2 .img-responsive {
  border: 1px solid #dddddd;
}

/*------------------------------*/

.SoPrShBox3 {
  background: #f7f7f7;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  padding: 30px;
}

.SoPrShBox3 p {
  margin: 10px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .SoPrShBox3 {
    font-size: 20px;
    padding: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .SoPrShBox3 {
    font-size: 14px;
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .SoPrShBox3 {
    padding: 12px;
  }
}

/*------------------------------*/

.SoPrShBox4 {
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .SoPrShBox4 {
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.SoPrShBox5 {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .SoPrShBox5 {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

  .SoPrShBox5>.row>[class*="col-"]:first-child {
    padding-bottom: 15px;
  }
}

/*------------------------------*/

.SoPrShBox6 {
  padding: 40px 0;
}

.SoPrShBox6 .SoPrText {
  text-indent: 0;
}

@media (min-width: 768px) {
  .SoPrShBox6 {
    margin: 0 -15px;
  }

  .SoPrShBox6>.row {
    display: table-cell;
    padding: 0;
    margin: 0;
  }

  .SoPrShBox6>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
  }

  .SoPrShBox6 .img-responsive {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .SoPrShBox6 {
    padding: 30px 0 0 0;
  }

  .SoPrShBox6>.row>[class*="col-"]:not(:first-child) {
    padding-top: 15px;
  }
}

/*------------------------------*/

.SoPrShBox7 {
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .SoPrShBox7 {
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Flame Retardant Sheet
------------------------------*/

.top-banner-flame-retardant-sheet {
  background: url("/assets/images/flame-retardant-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-flame-retardant-sheet .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-flame-retardant-sheet .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.FlReShText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 27px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .FlReShText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .FlReShText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.FlReShText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 120%;
  text-indent: 30px;
  padding: 30px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FlReShText2 {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .FlReShText2 {
    font-size: 22px;
  }
}

/*------------------------------*/

.FlReShBox {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .FlReShBox {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }

}

/*------------------------------*/

.FlReShBox>.row,
.FlReShBox>.row>[class*="col-"] {
  padding: 0;
  margin: 0;
}

@media (min-width: 1200px) {
  .FlReShBox>.row>[class*="col-"]:first-child {
    padding-left: 145px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FlReShBox>.row>[class*="col-"]:first-child {
    padding-left: 120px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .FlReShBox>.row>[class*="col-"]:first-child {
    padding-left: 95px;
  }
}

@media (max-width: 767px) {
  .FlReShBox>.row>[class*="col-"]:first-child {
    float: none !important;
    padding-bottom: 30px;
  }
}

/*------------------------------*/

table.FlReShTb {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0 0 20px 0;
}

table.FlReShTb th,
table.FlReShTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 5px;
}

table.FlReShTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

table.FlReShTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  table.FlReShTb th {
    font-size: 16px;
  }

  table.FlReShTb td {
    font-size: 18px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  table.FlReShTb th {
    font-size: 12px;
  }

  table.FlReShTb td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  table.FlReShTb th {
    font-size: 14px;
  }

  table.FlReShTb td {
    font-size: 16px;
  }
}

/*------------------------------*/

.FlReShLabel {
  width: 25px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 6px 0 0 5px;
}

.FlReShLabel.white {
  background: #ffffff;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FlReShLabel {
    margin: 4px 0 0 5px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .FlReShLabel {
    width: 20px;
    margin: 1px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .FlReShLabel {
    margin-top: 3px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .FlReShPic2 {
    width: 380px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .FlReShPic2 {
    width: 330px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .FlReShPic2 {
    width: 245px;
  }
}

@media (max-width: 767px) {
  .FlReShPic2 {
    width: 80%;
  }
}

/*------------------------------
Canvas Sheet
------------------------------*/

.top-banner-canvas-sheet {
  background: url("/assets/images/canvas-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-canvas-sheet .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-canvas-sheet .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.canvasText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 25px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .canvasText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .canvasText {
    font-size: 22px;
    padding: 30px 0 15px 0;
  }
}

/*------------------------------*/

.canvasBox {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .canvasBox {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.canvasBox>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.canvasBox p {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
  text-align: center;
  margin: 10px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .canvasBox p {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .canvasBox p {
    font-size: 22px;
  }
}

/*------------------------------
Flat Panel
------------------------------*/

.top-banner-flat-panel {
  background: url("/assets/images/flat-panel/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.flatPanelText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .flatPanelText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .flatPanelText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.flatPanelTb {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .flatPanelTb {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.flatPanelTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.flatPanelTb th,
.flatPanelTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.flatPanelTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.flatPanelTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .flatPanelTb th {
    font-size: 14px;
  }

  .flatPanelTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) and (min-width: 500px) {

  .flatPanelTb th,
  .flatPanelTb td {
    padding: 8px 0;
  }

  .flatPanelTb th {
    font-size: 11px;
  }

  .flatPanelTb td {
    font-size: 14px;
  }
}

@media (max-width: 499px) {

  .flatPanelTb th,
  .flatPanelTb td {
    padding: 5px 0;
  }

  .flatPanelTb th {
    font-size: 7px;
  }

  .flatPanelTb td {
    font-size: 8px;
  }
}

/*------------------------------*/

.flatPanelRow {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 26px;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .flatPanelRow {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .flatPanelRow {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .flatPanelRow {
    font-size: 20px;
  }
}

/*------------------------------*/

.flatPanelRow p {
  padding: 30px 0;
  margin: 0;
}

/*------------------------------*/

.flatPanelRow .img-responsive {
  width: 100%;
}

/*------------------------------*/

@media (min-width: 768px) {
  .flatPanelRow>.row {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0 0 10px 0;
    margin: 0;
  }

  .flatPanelRow>.row>[class*="col-"] {
    width: 33.33%;
    float: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
  }
}

/*------------------------------*/

.flatPanelUl {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .flatPanelUl {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.flatPanelUl>ul {
  width: auto;
  display: table;
  padding: 0;
  margin: 0;
}

.flatPanelUl>ul>li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.flatPanelUl>ul>li:nth-child(2) {
  padding: 0 20px;
}

@media (max-width: 767px) {

  .flatPanelUl>ul,
  .flatPanelUl>ul>li {
    width: 100%;
    display: block;
  }

  .flatPanelUl>ul>li:nth-child(2) {
    padding: 20px 0;
  }

}

/*------------------------------*/

@media (min-width: 1200px) {
  .flatPanelUl .img-responsive {
    width: auto;
    height: 355px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .flatPanelUl .img-responsive {
    width: auto;
    height: 294px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .flatPanelUl .img-responsive {
    width: auto;
    height: 225px;
  }
}

/*------------------------------
Plastic Fence
------------------------------*/

.top-banner-plastic-fence {
  background: url("/assets/images/plastic-fence/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.plasticFeRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .plasticFeRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.plasticFeText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 25px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .plasticFeText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .plasticFeText {
    font-size: 22px;
    text-indent: 0;
  }
}

/*------------------------------*/

.plasticFeTb {
  padding: 0 0 30px 0;
}

/*------------------------------*/

.plasticFeTb table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.plasticFeTb th,
.plasticFeTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.plasticFeTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.plasticFeTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .plasticFeTb th {
    font-size: 14px;
  }

  .plasticFeTb td {
    font-size: 19px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .plasticFeTb th {
    font-size: 12px;
  }

  .plasticFeTb td {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .plasticFeTb th {
    font-size: 12px;
  }

  .plasticFeTb td {
    font-size: 14px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .plasticFePicRow>.row {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .plasticFePicRow>.row>[class*="col-"] {
    width: auto;
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }

  .plasticFePicRow>.row>[class*="col-"]:first-child {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .plasticFePicRow>.row>[class*="col-"]:last-child {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .plasticFePicRow .img-responsive {
    height: 200px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .plasticFePicRow .img-responsive {
    height: 165px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .plasticFePicRow .img-responsive {
    height: 125px;
  }
}

/*------------------------------
KY Wall
------------------------------*/

.top-banner-ky-wall {
  background: url("/assets/images/ky-wall/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.ky-wallRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .ky-wallRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.ky-wallRow2 {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .ky-wallRow2 {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.ky-wallTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.ky-wallTb th,
.ky-wallTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.ky-wallTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.ky-wallTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .ky-wallTb th {
    font-size: 16px;
  }

  .ky-wallTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .ky-wallTb th {
    font-size: 14px;
  }

  .ky-wallTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .ky-wallTb th {
    font-size: 14px;
  }

  .ky-wallTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.ky-wallLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 5px 0 5px;
}

.ky-wallLabel.red {
  background: #ff0000;
}

.ky-wallLabel.white {
  background: #ffffff;
}

@media (max-width: 991px) and (min-width: 768px) {
  .ky-wallLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .ky-wallLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

.ky-wallLabelBox>p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .ky-wallLabelBox {
    width: auto;
    display: table;
    text-align: right;
    margin: 0 auto;
  }

  .ky-wallLabelBox>p {
    display: block;
    margin: 2px 0;
  }
}

/*------------------------------*/

.ky-wallRow3 {
  padding: 0 0 40px 0;
}

.ky-wallRow3>.row {
  margin: -15px;
}

.ky-wallRow3>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .ky-wallRow3 {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.ky-wallRow4 {
  padding: 0 0 40px 0;
}

@media (min-width: 768px) {
  .ky-wallRow4 {
    margin: 0 -15px;
  }

  .ky-wallRow4>.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .ky-wallRow4>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
  }

  .ky-wallRow4>.row>[class*="col-"]:nth-child(1) {
    width: 21.2%;
  }

  .ky-wallRow4>.row>[class*="col-"]:nth-child(2),
  .ky-wallRow4>.row>[class*="col-"]:nth-child(3) {
    width: 39.4%;
  }

  .ky-wallRow4 .img-responsive {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ky-wallRow4 {
    padding: 0 0 30px 0;
  }

  .ky-wallRow4>.row {
    margin: -15px;
  }

  .ky-wallRow4>.row>[class*="col-"] {
    padding: 15px;
  }
}

/*------------------------------
Spatter Fence Sheet
------------------------------*/

.top-banner-spatterFS {
  background: url("/assets/images/spatter-fence-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-spatterFS .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-spatterFS .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.spatterFS-row1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .spatterFS-row1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .spatterFS-row1>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.spatterFSText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .spatterFSText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .spatterFSText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.spatterFSBox1 {
  padding: 25px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .spatterFSBox1 {
    padding: 15px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.spatterFSBox1>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.spatterFSBox1 .img-responsive {
  border: 1px solid #dddddd;
}

/*------------------------------*/

.spatterFSBox2 {
  background: #f7f7f7;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  padding: 30px;
}

.spatterFSBox2 p {
  margin: 10px 0 0 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .spatterFSBox2 {
    font-size: 20px;
    padding: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .spatterFSBox2 {
    font-size: 14px;
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .spatterFSBox2 {
    padding: 12px;
  }
}

/*------------------------------*/

.spatterFS-list {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 40px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .spatterFS-list {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .spatterFS-list {
    font-size: 22px;
    padding: 30px 0 0 0;
  }
}

/*------------------------------*/

.spatterFS-list>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.spatterFS-list>ul>li {
  padding: 0 0 0 20px;
}

.spatterFS-list>ul>li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}

/*------------------------------*/

.spatterFS-row2 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .spatterFS-row2 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .spatterFS-row2>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 15px;
  }
}

/*------------------------------
Orange Protection
------------------------------*/

.top-banner-orange-mesh-fence {
  background: url("/assets/images/orange-mesh-fence/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-orange-mesh-fence .top-banner-text {
    font-size: 50px;
  }
}

@media (max-width: 499px) {
  .top-banner-orange-mesh-fence .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-orange-mesh-fence .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.orangeMeFeRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .orangeMeFeRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.orangeMeFeText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .orangeMeFeText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .orangeMeFeText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.orangeMeFeTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.orangeMeFeTb th,
.orangeMeFeTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.orangeMeFeTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.orangeMeFeTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 767px) {
  .orangeMeFeTb {
    padding: 0 0 30px 0;
  }

  .orangeMeFeTb th {
    font-size: 16px;
  }

  .orangeMeFeTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.orangeMeFeLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 5px;
}

.orangeMeFeLabel.orange {
  background: #f05a28;
}

@media (max-width: 767px) {
  .orangeMeFeLabel {
    margin-top: 3px;
  }
}

/*------------------------------
Tora Rope
------------------------------*/

.top-banner-tora-rope {
  background: url("/assets/images/tora-rope/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-tora-rope .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-tora-rope .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.toraRopeRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .toraRopeRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.toraRopeText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
  margin: 0;
}

.toraRopeText.noIndent {
  text-indent: 0;
  padding: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .toraRopeText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .toraRopeText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.toraRopeTb {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .toraRopeTb {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.toraRopeTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.toraRopeTb th,
.toraRopeTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.toraRopeTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.toraRopeTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 767px) {
  .toraRopeTb {
    padding: 0 0 30px 0;
  }

  .toraRopeTb th {
    font-size: 16px;
  }

  .toraRopeTb td {
    font-size: 18px;
  }
}

/*------------------------------*/

.toraRopeLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 5px;
}

.toraRopeLabel.yellow {
  background: #fbaf3f;
}

.toraRopeLabel.black {
  background: #231f20;
}

@media (max-width: 767px) {
  .toraRopeLabel {
    width: 15px;
    height: 10px;
    margin: 4px 0 0 0;
  }
}

/*------------------------------
Clamp Cover & Rebar Cap
------------------------------*/

.top-banner-clamp-cover-rebar-cap {
  background: url("/assets/images/clamp-cover-rebar-cap/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-clamp-cover-rebar-cap .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-clamp-cover-rebar-cap .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.ClampRebarRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .ClampRebarRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.ClampRebarText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
  margin: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .ClampRebarText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .ClampRebarText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .ClampRebarPic1 {
    width: 500px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .ClampRebarPic1 {
    width: 350px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .ClampRebarPic1 {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .ClampRebarPic1 {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.ClampRebarTB table {
  width: 70%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.ClampRebarTB th,
.ClampRebarTB td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.ClampRebarTB th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.ClampRebarTB td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

.ClampRebarTB tr:not(:last-child) td {
  border-bottom-color: transparent;
}

.ClampRebarTB tr:nth-child(even) td {
  background: #f3f3f3;
}

@media (max-width: 767px) {
  .ClampRebarTB {
    padding: 0 0 30px 0;
  }

  .ClampRebarTB table {
    width: 100%;
  }
}

/*------------------------------
McCue Barrier
------------------------------*/

.top-banner-mccue-barrier {
  background: url("/assets/images/mccue-barrier/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-mccue-barrier .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-mccue-barrier .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.mccueRow1 {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .mccueRow1 {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.mccueRow2 {
  margin: 40px 0;
}

@media (max-width: 767px) {
  .mccueRow2 {
    margin: 30px 0;
  }

  .mccueRow2>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .mccueRow3.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .mccueRow3.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
  }

  .mccueRow3.row>[class*="col-"]:not(:last-child) {
    padding-right: 40px;
  }

  .mccueRow3 .img-responsive {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .mccueRow3>.row>[class*="col-"]:not(:last-child) {
    padding-bottom: 30px;
  }
}

/*------------------------------
CN FLEX 1000
------------------------------*/

.top-banner-CN-FLEX-1000 {
  background: url("/assets/images/CN-FLEX-1000/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-CN-FLEX-1000 .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-CN-FLEX-1000 .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.cnFlexRow {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .cnFlexRow {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.cnFlexText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0;
  margin: 0;
}

.cnFlexText.noIndent {
  text-indent: 0;
}

@media (min-width: 768px) {
  .cnFlexText.noIndent {
    word-break: keep-all;
    white-space: nowrap;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cnFlexText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .cnFlexText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.cnFlexTb {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .cnFlexTb {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.cnFlexTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.cnFlexTb th,
.cnFlexTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.cnFlexTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.cnFlexTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 767px) {
  .cnFlexTb {
    padding: 0 0 30px 0;
  }

  .cnFlexTb th {
    font-size: 16px;
  }

  .cnFlexTb td {
    font-size: 18px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .cnFlexPic1 {
    width: 250px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cnFlexPic1 {
    width: 200px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cnFlexPic1 {
    width: 160px;
  }
}

@media (max-width: 767px) {
  .cnFlexPic1 {
    max-width: 50%;
  }
}

/*------------------------------
Repy Board
------------------------------*/

.top-banner-repy-board {
  background: url("/assets/images/repy-board/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.rePyBoardRow {
  padding: 40px 0 0 0;
}

@media (max-width: 767px) {
  .rePyBoardRow {
    padding: 30px 0 0 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .rePyBoardRow.Row1>.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .rePyBoardRow.Row1>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }

  .rePyBoardRow.Row1 .img-responsive {
    float: right;
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .rePyBoardRow.Row1 .img-responsive {
    max-width: 70%;
    padding: 30px 0 0 0;
    margin: 0 auto;
  }
}

/*------------------------------*/

.rePyBoardRow.Row2 {
  margin: 0 0 40px 0;
}

.rePyBoardRow.Row2 .rePyBoardText {
  padding: 15px 0 40px 0;
}

@media (max-width: 767px) {
  .rePyBoardRow.Row2 {
    margin: 0 0 30px 0;
  }

  .rePyBoardRow.Row2 .rePyBoardText {
    padding: 15px 0 30px 0;
  }
}

/*------------------------------*/

@media (max-width: 767px) {
  .rePyBoardRow.Row3>.row>[class*="col-"]:last-child {
    padding-top: 30px;
  }
}

/*------------------------------*/

.rePyBoardRow.Row4 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .rePyBoardRow.Row4 {
    padding: 30px 0;
    margin: 0;
  }

  .rePyBoardRow.Row4>.row>[class*="col-"]:first-child {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.rePyBoardRow.Row5 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .rePyBoardRow.Row5 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .rePyBoardRow.Row5>.row>[class*="col-"]:last-child {
    padding-top: 30px;
  }
}

/*------------------------------*/

.rePyBoardText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
}

.rePyBoardText.noIndent {
  line-height: 100%;
  text-indent: 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .rePyBoardText {
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .rePyBoardText {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .rePyBoardText {
    font-size: 22px;
    text-indent: 0;
  }
}

/*------------------------------*/

.rePyBoardText>ol {
  padding: 0 0 0 25px;
  margin: 0;
}

.rePyBoardText>ol>li {
  margin: 3px 0;
}

/*------------------------------*/

.rePyBoardText>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.rePyBoardText>ul>li {
  padding: 0 0 0 15px;
  margin: 3px 0;
}

.rePyBoardText>ul>li:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

/*------------------------------*/

.rePyBoardText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 20px;
  line-height: 120%;
  padding: 0 0 0 25px;
  margin: 10px 0;
}

.rePyBoardText2 img {
  float: right;
  padding-left: 5px;
}

@media (min-width: 1200px) {
  .rePyBoardText2 img {
    width: 50px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .rePyBoardText2 img {
    width: 45px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .rePyBoardText2 img {
    width: 40px;
    margin: 5px 15px 0 0;
  }
}

@media (max-width: 767px) {
  .rePyBoardText2 {
    padding: 0;
  }

  .rePyBoardText2 img {
    width: 40px;
  }
}

/*------------------------------*/

.rePyBoardText3 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  margin: 10px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .rePyBoardText3 {
    font-size: 16px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .rePyBoardText3 {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .rePyBoardText3 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

/*------------------------------
Container House / Toilet
------------------------------*/

.top-banner-container-house {
  background: url("/assets/images/container-house/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-container-house .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-container-house .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.cHouseRow {
  padding: 40px 0 0 0;
}

@media (max-width: 767px) {
  .cHouseRow {
    padding: 30px 0 0 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .cHouseRow.Row1>.row {
    margin: 0;
  }

  .cHouseRow.Row1>.row>[class*="col-"] {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .cHouseRow.Row1>.row>[class*="col-"]:first-child {
    padding-right: 40px;
  }

  .cHouseRow.Row1>.row>[class*="col-"]:last-child {
    padding-left: 60px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseRow.Row1>.row>[class*="col-"]:first-child {
    padding-right: 40px;
  }

  .cHouseRow.Row1>.row>[class*="col-"]:last-child {
    padding-left: 40px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseRow.Row1>.row>[class*="col-"]:first-child {
    padding-right: 20px;
  }

  .cHouseRow.Row1>.row>[class*="col-"]:last-child {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .cHouseRow.Row1>.row>[class*="col-"]:last-child {
    padding-top: 30px;
  }
}

/*------------------------------*/

.cHouseRow.Row1 .row1Sub {
  margin: 0 -10px;
}

.cHouseRow.Row1 .row1Sub>[class*="col-"] {
  padding: 20px 10px 0 10px;
}

@media (max-width: 767px) {
  .cHouseRow.Row1 .row1Sub>[class*="col-"] {
    padding-top: 30px;
  }
}

/*------------------------------*/

.cHouseRow.Row1 .cHouseText {
  margin-bottom: 10px;
}

/*------------------------------*/

.cHouseRow.Row2 {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row2 {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .cHouseRow.Row2>.row>[class*="col-"]:last-child>.cHouseTB tr:first-child th,
  .cHouseRow.Row2>.row>[class*="col-"]:last-child>.cHouseTB tr:first-child td {
    border-top-color: transparent;
  }
}

/*------------------------------*/

.cHouseRow.Row3 .row3Sub {
  max-width: 80%;
  padding: 90px 0 40px 0;
  margin: 0 auto;
}

.cHouseRow.Row3 .row3Sub>[class*="col-"] {
  padding: 0;
}

@media (max-width: 767px) {
  .cHouseRow.Row3 .row3Sub {
    max-width: 100%;
    padding: 30px 0;
  }
}

/*------------------------------*/

.cHouseRow.Row3 .cHouseText {
  margin-top: 10px;
}

/*------------------------------*/

@media (min-width: 1200px) {
  .cHouseRow.Row3 .img-responsive {
    width: 210px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseRow.Row3 .img-responsive {
    width: 170px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseRow.Row3 .img-responsive {
    width: 130px;
  }
}

@media (max-width: 767px) {
  .cHouseRow.Row3 .img-responsive {
    max-width: 80%;
    padding-top: 30px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .cHouseRow.Row4 .row41Sub {
    width: auto;
    display: table;
    padding: 90px 40px 40px 40px;
    margin: 0 auto;
  }

  .cHouseRow.Row4 .row41Sub>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .cHouseRow.Row4 .row41Sub {
    padding: 70px 15px 30px 15px;
  }
}

/*------------------------------*/

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseRow.Row4 .row41Sub .cHouseText {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseRow.Row4 .row41Sub .cHouseText {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .cHouseRow.Row4 .row41Sub .cHouseText {
    margin-top: 5px;
  }
}

/*------------------------------*/

.cHouseRow.Row4 .row42Sub {
  padding: 0 40px 40px 40px;
  margin: 0;
}

.cHouseRow.Row4 .row42Sub>[class*="col-"] {
  padding: 0;
}

@media (max-width: 767px) {
  .cHouseRow.Row4 .row42Sub {
    padding: 0 15px 30px 15px;
  }
}

/*------------------------------*/

.cHouseRow.Row4 .img-responsive {
  width: 100%;
}

/*------------------------------*/

.cHouseRow.Row5 .row5Sub {
  padding: 90px 40px 40px 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row5 .row5Sub {
    padding: 70px 15px 0 15px;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {
  .cHouseRow.Row5 .img-responsive {
    height: 270px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseRow.Row5 .img-responsive {
    height: 217px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseRow.Row5 .img-responsive {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .cHouseRow.Row5 .img-responsive {
    padding-bottom: 30px;
  }
}

/*------------------------------*/

.cHouseRow.Row6 .row61Sub {
  padding: 90px 40px 40px 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row6 .row61Sub {
    padding: 40px 15px 30px 15px;
  }
}

/*------------------------------*/

.cHouseRow.Row6 .row61Sub .cHouseText {
  margin: 10px 0 20px 0;
}

@media (max-width: 767px) {
  .cHouseRow.Row6 .row61Sub .cHouseText {
    margin: 10px 0 0 0;
  }
}

/*------------------------------*/

@media (max-width: 767px) {
  .cHouseRow.Row6 .row61Sub .img-responsive {
    padding-top: 30px;
  }
}

/*------------------------------*/

.cHouseRow.Row6 .row62Sub {
  padding: 0 40px 40px 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row6 .row62Sub {
    padding: 0 15px 30px 15px;
  }
}

/*------------------------------*/

.cHouseRow.Row6 .row62Sub .cHouseText {
  display: table;
  float: right;
}

@media (max-width: 767px) {
  .cHouseRow.Row6 .row62Sub .cHouseText {
    float: none;
    margin: 20px auto 0 auto;
  }
}

/*------------------------------*/

.cHouseRow.Row7 {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row7 {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

/*------------------------------*/

.cHouseRow.Row7 .row7Sub {
  padding: 90px 40px 40px 40px;
}

@media (max-width: 767px) {
  .cHouseRow.Row7 .row7Sub {
    padding: 70px 40px 30px 40px;
  }
}

/*------------------------------*/

.cHouseRow.Row7 .cHouseText {
  margin-top: 10px;
}

/*------------------------------*/

@media (min-width: 1200px) {
  .cHouseRow.Row7 .img-responsive {
    width: 330px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseRow.Row7 .img-responsive {
    width: 270px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseRow.Row7 .img-responsive {
    width: 210px;
  }
}

/*------------------------------*/

.cHouseText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseText {
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseText {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .cHouseText {
    font-size: 22px;
    text-indent: 0;
  }
}

/*------------------------------*/

.cHouseTB table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.cHouseTB th,
.cHouseTB td {
  vertical-align: middle;
  text-align: left;
  border: 1px solid #878787;
  padding: 8px 0 8px 10px;
}

.cHouseTB th {
  width: 20%;
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.cHouseTB td {
  width: 80%;
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

.cHouseTB tr:nth-child(odd) td {
  background: #f3f3f3;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseTB th {
    font-size: 14px;
  }

  .cHouseTB td {
    font-size: 18px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseTB th {
    font-size: 10px;
  }

  .cHouseTB td {
    font-size: 14px;
  }
}

@media (max-width: 767px) {

  .cHouseTB th,
  .cHouseTB td {
    padding: 8px 0 5px 5px;
  }

  .cHouseTB th {
    width: 100px;
  }

  .cHouseTB td {
    width: auto;
  }
}

/*------------------------------*/

.cHouseBox {
  background: #f7f7f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*------------------------------*/

.cHouseTitle {
  position: absolute;
  background: url("/assets/images/barTitle.jpg") no-repeat left top;
  background-size: 100% 100%;
  color: #FFFFFF;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  line-height: 100%;
  padding: 10px 0 10px 20px;
  margin: -5px 0 0 0;
}

@media (min-width: 1200px) {
  .cHouseTitle {
    width: 475px;
    font-size: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cHouseTitle {
    width: 440px;
    font-size: 28px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cHouseTitle {
    width: 410px;
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .cHouseTitle {
    width: 290px;
    font-size: 20px;
    padding-left: 10px;
  }
}

/*------------------------------*/

.cHouseLabel:not(:first-child) {
  margin: 3px 0;
}

.cHouseLabel>span {
  width: 40px;
  display: inline-block;
  border: 2px solid #000000;
  color: #000000;
  text-align: center;
  line-height: 80%;
}

/*------------------------------
LDPE
------------------------------*/

.top-banner-LDPE {
  background: url("/assets/images/LDPE/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 519px) {
  .top-banner-LDPE .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-LDPE .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.LDPEText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .LDPEText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .LDPEText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.LDPERow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .LDPERow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.LDPEText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 0 0 0 25px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .LDPEText2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .LDPEText2 {
    font-size: 22px;
  }
}

/*------------------------------*/

ul.LDPEList {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.LDPEList>li {
  padding: 0 0 0 20px;
}

ul.LDPEList>li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}

/*------------------------------
HDPE
------------------------------*/

.top-banner-HDPE {
  background: url("/assets/images/HDPE/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-HDPE .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-HDPE .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.HDPEText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .HDPEText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .HDPEText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.HDPERow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .HDPERow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.HDPEText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 0 0 0 25px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .HDPEText2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .HDPEText2 {
    font-size: 22px;
  }
}

/*------------------------------
Non Woven Geo Textile
------------------------------*/

.top-banner-nonWoven {
  background: url("/assets/images/non-woven/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-nonWoven .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-nonWoven .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.nonWovenRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .nonWovenRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.nonWovenText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 0 0 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .nonWovenText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .nonWovenText {
    font-size: 22px;
    text-indent: 0;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.nonWovenText2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  padding: 0 0 0 25px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .nonWovenText2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .nonWovenText2 {
    font-size: 22px;
  }
}

/*------------------------------*/

.nonWovenText3 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

.nonWovenText3>ul {
  padding: 0;
  margin: 0;
}

.nonWovenText3>ul>li {
  display: block;
  padding: 0 0 0 15px;
}

.nonWovenText3>ul>li:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .nonWovenText3 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .nonWovenText3 {
    font-size: 22px;
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

ul.nonWovenList {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.nonWovenList>li {
  padding: 0 0 0 20px;
}

ul.nonWovenList>li:before {
  content: '-';
  position: absolute;
  margin-left: -20px;
}

/*------------------------------*/

.nonWovenTb {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .nonWovenTb {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.nonWovenTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.nonWovenTb th,
.nonWovenTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.nonWovenTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.nonWovenTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

@media (max-width: 767px) {
  .nonWovenTb {
    padding: 0 0 30px 0;
  }

  .nonWovenTb th {
    font-size: 16px;
  }

  .nonWovenTb td {
    font-size: 18px;
  }
}

/*------------------------------*/

.nonWovenLabel {
  width: 25px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 5px;
}

.nonWovenLabel.white {
  background: #ffffff;
}

.nonWovenLabel.black {
  background: #231f20;
}

@media (max-width: 767px) {
  .nonWovenLabel {
    width: 15px;
    height: 10px;
    margin: 4px 0 0 0;
  }
}

/*------------------------------*/

.nonWovenSpec {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .nonWovenSpec {
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .nonWovenSpec {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .nonWovenSpec {
    font-size: 22px;
  }
}

/*------------------------------*/

.nonWovenSpec table {
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.nonWovenSpec th,
.nonWovenSpec td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.nonWovenSpec th:nth-child(1),
.nonWovenSpec td:nth-child(1) {
  width: 8%;
}

.nonWovenSpec th:not(:nth-child(1)),
.nonWovenSpec td:not(:nth-child(1)) {
  width: 23%;
}

.nonWovenSpec th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 100%;
}

.nonWovenSpec td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
}

.nonWovenSpec tr:nth-child(odd) td {
  background: #f3f3f3;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .nonWovenSpec th {
    font-size: 20px;
  }

  .nonWovenSpec td {
    font-size: 26px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .nonWovenSpec th {
    font-size: 18px;
  }

  .nonWovenSpec td {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .nonWovenSpec th {
    font-size: 12px;
  }

  .nonWovenSpec td {
    font-size: 14px;
  }
}

/*------------------------------
Sports Net
------------------------------*/

.top-banner-sports-net {
  background: url("/assets/images/sport-net/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.sportsNetText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sportsNetText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .sportsNetText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.sportsNetBox {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

.sportsNetBox>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .sportsNetBox {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Bird Net
------------------------------*/

.top-banner-bird-net {
  background: url("/assets/images/bird-net/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.birdNetText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .birdNetText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .birdNetText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.birdNetBox {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

.birdNetBox>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .birdNetBox {
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Bird Gel
------------------------------*/

.top-banner-gel {
  background: url("/assets/images/gel/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.gelRow1 {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .gelRow1 {
    padding: 30px 0;
  }

  .gelRow1>.row>[class*="col-"]:not(:first-child) {
    margin-top: 30px;
  }
}

/*------------------------------*/

.gelRow2 {
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .gelRow2 {
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.gelRow3 {
  margin: 0 0 40px 0;
}

@media (min-width: 768px) {
  .gelRow3>.row {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
  }

  .gelRow3>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }

  .gelRow3 .img-responsive {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .gelRow3 {
    margin: 0 0 30px 0;
  }

  .gelRow3>.row>[class*="col-"]:not(:first-child) {
    margin-top: 30px;
  }
}

/*------------------------------*/

.gelRow4 {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .gelRow4 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .gelRow4>.row>[class*="col-"]:first-child {
    margin-top: 10px;
  }

  .gelRow4>.row>[class*="col-"]:not(:first-child) {
    margin-top: 30px;
  }
}

/*------------------------------*/

.gelRow5 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.gelRow5>.row {
  margin: -8px;
}

.gelRow5>.row>[class*="col-"] {
  padding: 8px;
}

@media (max-width: 767px) {
  .gelRow5 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .gelRow5>.row>[class*="col-"]:not(:first-child) {
    margin-top: 10px;
  }
}

/*------------------------------*/

.gelRow6 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

.gelRow6>.row {
  margin: 0 -15px;
}

.gelRow6>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .gelRow6 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.gelTextSty1 {
  color: #4D4D4D;
  font-family: 'supermarket_server', sans-serif;
  font-size: 28px;
  line-height: 100%;
  margin: 0 0 10px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .gelTextSty1 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .gelTextSty1 {
    font-size: 22px;
  }
}

/*------------------------------*/

.gelTextSty2 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .gelTextSty2 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .gelTextSty2 {
    font-size: 22px;
  }
}

/*------------------------------*/

.gelTextSty3 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
  margin: 0 0 15px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .gelTextSty3 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .gelTextSty3 {
    font-size: 22px;
  }
}

/*------------------------------*/

.gelTextSty4 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  text-align: center;
  margin: 15px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .gelTextSty4 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .gelTextSty4 {
    font-size: 22px;
  }
}

/*------------------------------*/

.gelTextSty5 {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 22px;
  line-height: 100%;
  margin: 15px 0 0 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .gelTextSty5 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .gelTextSty5 {
    font-size: 22px;
  }
}

/*------------------------------
Cutting Joint, Y-Cut & U-Cut
------------------------------*/

.top-banner-cutting-joint {
  background: url("/assets/images/cutting-joint/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 1199px) and (min-width: 992px) {
  .top-banner-cutting-joint .top-banner-text {
    font-size: 50px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-cutting-joint .top-banner-text {
    font-size: 28px;
    padding-top: 34px;
  }
}

@media (max-width: 767px) {
  .top-banner-cutting-joint .top-banner-text {
    font-size: 20px;
    padding-top: 40px;
  }

  .top-banner-cutting-joint .top-banner-text>small {
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
  }
}

/*------------------------------*/

.cuttingJointRow {
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .cuttingJointRow {
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.cuttingJointText {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 28px;
  line-height: 120%;
  text-indent: 30px;
  padding: 40px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .cuttingJointText {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .cuttingJointText {
    font-size: 22px;
    text-indent: 0;
    padding: 30px 0;
  }
}

/*------------------------------*/

.cuttingJointBox {
  padding: 40px 0 0 0;
}

.cuttingJointBox [class*="col-"] {
  padding: 8px 15px;
}

.cuttingJointBox>.row>[class*="col-"]>.row {
  margin: -8px -15px;
}

@media (max-width: 767px) {
  .cuttingJointBox {
    padding: 30px 0 0 0;
  }
}

/*------------------------------
Blue Sheet / White Sheet
------------------------------*/

.top-banner-blue-white-sheet {
  background: url("/assets/images/blue-sheet_white-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-blue-white-sheet .top-banner-text {
    font-size: 46px;
    padding-top: 25px;
  }
}

@media (max-width: 499px) {
  .top-banner-blue-white-sheet .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-blue-white-sheet .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.blueWhiteSheetRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .blueWhiteSheetRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.blueWhiteSheetRow2 {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

.blueWhiteSheetRow2>.row>[class*="col-"] {
  padding: 15px;
}

@media (min-width: 768px) {
  .blueWhiteSheetRow2>.row {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .blueWhiteSheetRow2>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
  }
}

@media (max-width: 767px) {
  .blueWhiteSheetRow2 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
}

/*------------------------------*/

.blueWhiteSheetRow3>.row>[class*="col-"] {
  padding: 15px;
}

/*------------------------------*/

.blueWhiteSheetRow4 {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .blueWhiteSheetRow4 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .blueWhiteSheetRow4 {
    padding: 15px 0;
  }
}

/*------------------------------*/

.blueWhiteSheetRow5 {
  margin: 0 0 20px 0;
}

/*------------------------------*/

.bwSheetTb {
  padding: 40px 0;
}

.bwSheetTb table {
  width: 100%;
  padding: 0;
  margin: 0;
}

.bwSheetTb th,
.bwSheetTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.bwSheetTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.bwSheetTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.bwSheetTb td:first-child {
  width: 40%;
}

.bwSheetTb td:last-child {
  width: 60%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .bwSheetTb th {
    font-size: 16px;
  }

  .bwSheetTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .bwSheetTb th {
    font-size: 14px;
  }

  .bwSheetTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .bwSheetTb {
    padding: 30px 0;
  }

  .bwSheetTb th {
    font-size: 14px;
  }

  .bwSheetTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.bwSheetLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 5px 0 5px;
}

.bwSheetLabel.left,
.bwSheetLabel.right {
  width: 12px;
}

.bwSheetLabel.left {
  margin-right: 0;
  border-right: 0;
}

.bwSheetLabel.right {
  margin-left: 0;
  border-left: 0;
}

.bwSheetLabel.blue {
  background: #019eff;
}

.bwSheetLabel.black {
  background: #000000;
}

.bwSheetLabel.white {
  background: #ffffff;
}

@media (max-width: 991px) and (min-width: 768px) {
  .bwSheetLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .bwSheetLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

.bwSheetLabelBox>p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .bwSheetLabelBox {
    width: auto;
    display: table;
    text-align: right;
    margin: 0 auto;
  }

  .bwSheetLabelBox>p {
    display: block;
    margin: 2px 0;
  }
}

/*------------------------------
Clamp for Board
------------------------------*/

.top-banner-clamp-for-board {
  background: url("/assets/images/clamp-for-board/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-clamp-for-board .top-banner-text {
    font-size: 46px;
    padding-top: 25px;
  }
}

@media (max-width: 499px) {
  .top-banner-clamp-for-board .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-clamp-for-board .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.cfbRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .cfbRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.cfbRow2 {
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .cfbRow2 {
    margin: 0 0 30px 0;
  }
}

/*------------------------------
Main Gate
------------------------------*/

.top-banner-main-gate {
  background: url("/assets/images/main-gate/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-main-gate .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-main-gate .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.mainGateTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.mainGateTb th,
.mainGateTb td {
  width: 1%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px;
}

.mainGateTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.mainGateTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (min-width: 1200px) {
  .mainGateTb table {
    width: 80%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .mainGateTb th {
    font-size: 16px;
  }

  .mainGateTb td {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .mainGateTb th {
    font-size: 14px;
  }

  .mainGateTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.mainGateRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .mainGateRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.mainGateRow2 {
  margin: 40px 0;
}

.mainGateRow2>.row>[class*="col-"] {
  padding: 15px;
}

.mainGateRow2 .img-responsive {
  width: 100%;
}

@media (max-width: 767px) {
  .mainGateRow2 {
    margin: 0;
  }

  .mainGateRow2 .pull-right {
    float: none !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
}

/*------------------------------*/

.mainGateRow3 {
  margin: 40px 0;
}

@media (min-width: 768px) {
  .mainGateRow3 {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .mainGateRow3 {
    margin: 15px 0;
  }
}

/*------------------------------
Caster Gate
------------------------------*/

.top-banner-caster-gate {
  background: url("/assets/images/caster-gate/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-caster-gate .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-caster-gate .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.casterGateRow1 {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .casterGateRow1 {
    padding: 30px 0;
  }
}

/*------------------------------*/

.casterGateRow2 {
  margin: 40px 0;
}

.casterGateRow2>.row>[class*="col-"] {
  padding: 15px;
}

@media (max-width: 767px) {
  .casterGateRow2 {
    margin: 30px 0;
  }
}

/*------------------------------*/

.casterGateRow3 {
  margin: 40px 0;
}

.casterGateRow3>ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.casterGateRow3>ul>li {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .casterGateRow3 {
    margin: 30px 0;
  }

  .casterGateRow3>ul>li {
    width: 100%;
    display: block;
  }
}

/*------------------------------
Barricade
------------------------------*/

.top-banner-barricade {
  background: url("/assets/images/barricade/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 767px) {
  .top-banner-barricade {
    background: url("/assets/images/barricade/banner.jpg") no-repeat center;
    background-size: cover;
  }
}

/*------------------------------*/

.barricadeRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .barricadeRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.barricadeRow2 {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .barricadeRow2 {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .barricadeRow3 {
    margin: -50px -15px 0 -15px;
  }

  .barricadeRow3 .img-responsive {
    width: 100%;
  }

  .barricadeRow3>.row {
    display: table;
    padding: 0;
    margin: 0;
  }

  .barricadeRow3>.row>[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
  }
}

/*------------------------------*/

.barricadeTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.barricadeTb th,
.barricadeTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.barricadeTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.barricadeTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .barricadeTb th {
    font-size: 16px;
  }

  .barricadeTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .barricadeTb th {
    font-size: 14px;
  }

  .barricadeTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.barricadeLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 5px 0 5px;
}

.barricadeLabel.green {
  background: #0fba81;
}

.barricadeLabel.green2 {
  background: #71ce5d;
}

.barricadeLabel.gray {
  background: #bfbfbf;
}

.barricadeLabel.pink {
  background: #ea6cc0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .barricadeLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .barricadeLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

.barricadeLabelBox>p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .barricadeLabelBox {
    width: auto;
    display: table;
    text-align: right;
    margin: 0 auto;
  }

  .barricadeLabelBox>p {
    display: block;
    margin: 2px 0;
  }
}

/*------------------------------*/

@media (min-width: 1200px) {

  .barricade_img_002,
  .barricade_img_003 {
    width: auto;
    height: 450px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {

  .barricade_img_002,
  .barricade_img_003 {
    width: auto;
    height: 370px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {

  .barricade_img_002,
  .barricade_img_003 {
    width: auto;
    height: 280px;
  }
}

@media (max-width: 767px) {
  .barricade_img_003 {
    margin-bottom: 20px !important;
  }
}

/*------------------------------
Slant Sheet
------------------------------*/

.top-banner-slant-sheet {
  background: url("/assets/images/slant-sheet/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 767px) {
  .top-banner-slant-sheet {
    background: url("/assets/images/slant-sheet/banner.jpg") no-repeat center;
    background-size: cover;
  }
}

/*------------------------------*/

@media (max-width: 1199px) and (min-width: 992px) {
  .top-banner-slant-sheet .top-banner-text {
    font-size: 44px;
    padding-top: 45px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .top-banner-slant-sheet .top-banner-text {
    font-size: 34px;
    padding-top: 35px;
  }
}

@media (max-width: 767px) and (min-width: 515px) {
  .top-banner-slant-sheet .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-slant-sheet .top-banner-text>small {
    display: block;
  }
}

@media (max-width: 514px) {
  .top-banner-slant-sheet .top-banner-text {
    line-height: 100%;
    padding-right: 15px;
    padding-top: 5px;
  }

  .top-banner-slant-sheet .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.slantSheetRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .slantSheetRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.slantSheetRow2 {
  padding: 0 0 40px 0;
}

@media (max-width: 767px) {
  .slantSheetRow2 {
    padding: 0 0 30px 0;
  }
}

/*------------------------------*/

.slantSheetTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.slantSheetTb th,
.slantSheetTb td {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 0;
}

.slantSheetTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.slantSheetTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .slantSheetTb th {
    font-size: 16px;
  }

  .slantSheetTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) {
  .slantSheetTb th {
    font-size: 14px;
  }

  .slantSheetTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.slantSheetLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 5px 0 5px;
}

.slantSheetLabel.green {
  background: #0fba81;
}

.slantSheetLabel.black {
  background: #000000;
}

@media (max-width: 991px) and (min-width: 768px) {
  .slantSheetLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .slantSheetLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

.slantSheetLabelBox>p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .slantSheetLabelBox {
    width: auto;
    display: table;
    text-align: right;
    margin: 0 auto;
  }

  .slantSheetLabelBox>p {
    display: block;
    margin: 2px 0;
  }
}

/*------------------------------
Corner Guard
------------------------------*/

.top-banner-corner-guard {
  background: url("/assets/images/corner-guard/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

@media (max-width: 499px) {
  .top-banner-corner-guard .top-banner-text {
    padding-top: 25px;
  }

  .top-banner-corner-guard .top-banner-text>small {
    display: block;
  }
}

/*------------------------------*/

.cornerGuardRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .cornerGuardRow1 {
    padding: 30px 0;
    margin: 0;
  }

  .cornerGuardRow1 .pull-left,
  .cornerGuardRow1 .pull-right {
    float: none !important;
  }

  .cornerGuardRow1 .img-responsive {
    margin-bottom: 30px;
  }
}

/*------------------------------*/

.cornerGuardTb {
  padding: 40px 0;
}

.cornerGuardTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.cornerGuardTb th,
.cornerGuardTb td {
  width: 50%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 4px;
}

.cornerGuardTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.cornerGuardTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cornerGuardTb th {
    font-size: 16px;
  }

  .cornerGuardTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cornerGuardTb th {
    font-size: 14px;
  }

  .cornerGuardTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .cornerGuardTb {
    padding: 30px 0;
  }

  .cornerGuardTb th {
    font-size: 14px;
  }

  .cornerGuardTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.cornerGuardLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 0;
}

.cornerGuardLabel.left,
.cornerGuardLabel.right {
  width: 12px;
}

.cornerGuardLabel.left {
  margin-right: 0;
  border-right: 0;
}

.cornerGuardLabel.right {
  margin-left: 0;
  border-left: 0;
}

.cornerGuardLabel.blue {
  background: #019eff;
}

.cornerGuardLabel.black {
  background: #000000;
}

.cornerGuardLabel.white {
  background: #ffffff;
}

.cornerGuardLabel.green {
  background: #00A64F;
}

.cornerGuardLabel.yellow {
  background: #FFE600;
}

.cornerGuardLabel.gray {
  background: #7F7F7F;
}

@media (max-width: 991px) and (min-width: 768px) {
  .cornerGuardLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .cornerGuardLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

.cornerGuardLabelBox>p {
  display: inline-block;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .cornerGuardLabelBox {
    width: auto;
    display: table;
    text-align: right;
    margin: 0 auto;
  }

  .cornerGuardLabelBox>p {
    display: block;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .cornerGuardPic1 {
    margin-top: -310px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cornerGuardPic1 {
    margin-top: -335px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .cornerGuardPic1 {
    margin-top: -320px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .cornerGuardPic2 {
    margin-bottom: 30px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .cornerGuardPic3 {
    margin-bottom: 40px;
  }
}

/*------------------------------
Crack Bond
------------------------------*/

.top-banner-crack-bond {
  background: url("/assets/images/crack-bond/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.crackBondRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .crackBondRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }

  .crackBondRow1 .img-responsive {
    margin-top: 30px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .crackBondPic1 {
    width: 65%;
    margin: 30px auto 0 auto;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .crackBondPic2 {
    margin-bottom: 30px;
  }
}

/*------------------------------*/

@media (min-width: 768px) {
  .crackBondPic3 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/*------------------------------
Safety Flags & Pole
------------------------------*/

.top-banner-sfp {
  background: url("/assets/images/safety-flags-and-pole/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.sfpRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;
}

@media (max-width: 767px) {
  .sfpRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.sfpRow2 {
  padding: 40px 0 0 0;
}

@media (max-width: 767px) {
  .sfpRow2 {
    padding: 30px 0 0 0;
  }
}

/*------------------------------*/

.sfpTb table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}

.sfpTb th,
.sfpTb td {
  width: 50%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #878787;
  padding: 8px 4px;
}

.sfpTb th {
  background: #d4d4d4;
  font-family: supermarket_server, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
}

.sfpTb td {
  color: #4D4D4D;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sfpTb th {
    font-size: 16px;
  }

  .sfpTb td {
    font-size: 22px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sfpTb th {
    font-size: 14px;
  }

  .sfpTb td {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .sfpTb th {
    font-size: 14px;
  }

  .sfpTb td {
    font-size: 20px;
  }
}

/*------------------------------*/

.sfpLabel {
  width: 24px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #000000;
  margin: 5px 0 0 0;
}

.sfpLabel.green {
  background: #016839;
}

.sfpLabel.red {
  background: #ed1b24;
}

.sfpLabel.blue {
  background: #034ea1;
}

@media (max-width: 991px) and (min-width: 768px) {
  .sfpLabel {
    width: 20px;
    height: 12px;
    margin: 3px 2px 0 2px;
  }
}

@media (max-width: 767px) {
  .sfpLabel {
    margin-top: 1px;
  }
}

/*------------------------------*/

@media (max-width: 767px) {
  .row>[class*="col-"]:not(:first-child) .sfpPic {
    margin-top: 30px !important;
  }
}

/*------------------------------
Download
------------------------------*/

.top-banner-dl {
  background: url("/assets/images/download/banner-bg.jpg") no-repeat center;
  background-size: cover;
}

/*------------------------------*/

.dlRow1 {
  padding: 40px 0;
  margin: 0 0 40px 0;

}

@media (max-width: 767px) {
  .dlRow1 {
    padding: 30px 0;
    margin: 0 0 30px 0;
  }
}

/*------------------------------*/

.dlBox {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 15px;
  margin: 0 0 20px 0;
}

.dlBox>.row {
  width: 100%;
  position: relative;
  display: table;
  padding: 0;
  margin: 0;
}

.dlBox>.row>[class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top;
  padding: 0;
}

@media (min-width: 768px) {
  .dlBox>.row>[class*="col-"]:first-child {
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .dlBox {
    padding: 10px;
  }

  .dlBox>.row>[class*="col-"]:last-child {
    padding-left: 15px;
  }
}

/*------------------------------*/

.dlImg {
  width: 100%;
  border: 1px solid #dddddd;
}

/*------------------------------*/

.dlTitle {
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
  padding-top: 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .dlTitle {
    font-size: 28px;
    line-height: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .dlTitle {
    font-size: 26px;
    line-height: 100%;
  }
}

@media (max-width: 767px) {
  .dlTitle {
    font-size: 22px;
    line-height: 100%;
    padding: 0 0 1px 0;
  }
}

/*------------------------------*/

.dlTitle2 {
  font-family: supermarket_server, sans-serif;
  font-size: 24px;
  line-height: 100%;
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}

.dlTitle2:before {
  position: absolute;
  content: "\f101";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-decoration: inherit;
  color: #dd7f01;
  margin: 0 0 0 -15px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .dlTitle2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .dlTitle2 {
    font-size: 20px;
  }
}

/*------------------------------*/

.dlLinkBtn {
  position: absolute;
  bottom: 0;
  color: #4D4D4D;
  font-family: supermarket_server, sans-serif;
  font-size: 22px;
  line-height: 100%;
}

.dlLinkBtn>a {
  position: relative;
  width: 120px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #81bc3e;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  padding: 6px 0 0 0;
  margin: 0 0 1px 0;
}

.dlLinkBtn>a:hover {
  opacity: .7;
}

.dlLinkBtn>a:after {
  content: '';
  width: 22px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -35px;
  background: url("/assets/images/pdfIcon.jpg") no-repeat;
  background-size: 100% 100%;
  margin-top: -14px;
}

@media (max-width: 767px) {
  .dlLinkBtn {
    font-size: 18px;
    line-height: 100%;
  }

  .dlLinkBtn>a {
    width: 100px;
    height: 25px;
    font-size: 16px;
    line-height: 100%;
  }

  .dlLinkBtn>a:after {
    width: 19px;
    height: 24px;
    right: -30px;
    margin-top: -13px;
  }
}

/*------------------------------*/

.dlText {
  font-family: supermarket_server, sans-serif;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  margin: 15px 0 0 0;
}

/*------------------------------*/

a.dlLink {
  display: block;
  color: #4D4D4D;
  text-decoration: none;
}

a.dlLink:hover {
  color: #dd8000;
}

/*------------------------------*/

.dlRow2>.row {
  margin: 0 -5px;
}

.dlRow2>.row>[class*="col-"] {
  padding: 15px 5px;
}

.dlRow2 .img-responsive {
  width: 180px;
  border: 1px solid #dddddd;
}

@media (min-width: 768px) {
  .dlRow2>.row>[class*="col-"] {
    width: 20% !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .dlRow2 .img-responsive {
    width: 160px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .dlRow2 .img-responsive {
    width: 130px;
  }
}

@media (max-width: 767px) {
  .dlRow2>.row {
    margin: 0 -10px;
  }

  .dlRow2>.row>[class*="col-"] {
    padding: 15px 10px;
  }

  .dlRow2>.row>[class*="col-"] {
    width: 50% !important;
  }

  .dlRow2 .img-responsive {
    width: 100%;
  }
}

/*------------------------------*/

.cookieBottom {
  width: 100%;
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 0;
  background: rgba(0, 112, 167, .9);
  color: #ffffff;
  font-family: supermarket_server, sans-serif;
  /*font-weight: 400;*/
  font-size: 18px;
  line-height: 150%;
  padding: 15px 0;
}

.cookieBottom .btn {
  width: 100%;
  float: right;
  border: 1px solid #ffffff;
  background: none;
  color: #ffffff;
  font-size: 18px;
  line-height: 100%;
  text-decoration: none;
  padding: 8px 0;
}

.cookieBottom .btn:hover {
  background: #ffffff;
  color: #0070a7;
}

.cookieBottom a {
  color: #ffffff;
  text-decoration: underline;
}

.cookieBottom a:hover {
  color: #de8000;
}

.cookieBottom ul {
  width: 100%;
  display: table;
  padding: 0;
  margin: 0;
}

.cookieBottom ul>li {
  display: table-cell;
  vertical-align: middle;
}

.cookieBottom ul>li:last-child {
  width: 130px;
}

@media (min-width: 768px) {
  .cookieBottom ul>li:not(:last-child) {
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .cookieBottom ul>li {
    display: block;
    margin: 0 auto;
  }

  .cookieBottom ul>li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/*------------------------------*/

ul.footer-copyright {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
}

ul.footer-copyright>li {
  display: table-cell;
}

ul.footer-copyright>li:first-child {
  text-align: left;
}

ul.footer-copyright>li:last-child {
  text-align: right;
}

@media screen and (max-width:767px) {
  ul.footer-copyright>li {
    display: block;
    width: 100%;
  }

  ul.footer-copyright>li:first-child,
  ul.footer-copyright>li:last-child {
    text-align: center;
  }

  ul.footer-copyright>li:not(:last-child) {
    padding-bottom: 5px;
  }
}

/*------------------------------*/

ul.footer-copyright a {
  color: #ffffff;
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1px;
}

@media screen and (max-width:767px) {
  ul.footer-copyright a {
    font-size: 14px;
  }
}

/*------------------------------*/

.privacy-title {
  border-bottom: 1px dashed #aaaaaa;
  margin: 60px 0 0 0;
}

.privacy-title>ul {
  width: auto;
  display: table;
  border-left: 10px solid #82bd3f;
  padding: 8px 0 5px 5px;
  margin: 0 0 10px 0;
}

.privacy-title>ul>li {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
}

.privacy-title>ul>li:nth-child(1) {
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 30px;
  line-height: 100%;
}

.privacy-title>ul>li:nth-child(2) {
  color: #4d4d4d;
  /*font-family: Arial, sans-serif;*/
  font-family: supermarket_server, sans-serif;
  font-size: 16px;
  line-height: 100%;
}

.privacy-title.tSmall>ul>li:nth-child(1) {
  font-size: 22px;
}

.privacy-title.tSmall>ul>li:nth-child(2) {
  font-size: 13px;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .privacy-title.tSmall>ul>li {
    display: block;
  }
}

@media (max-width: 767px) {
  .privacy-title>ul>li {
    display: inline-block;
  }

  .privacy-title>ul>li:nth-child(1),
  .privacy-title.tSmall>ul>li:nth-child(1) {
    font-size: 28px;
  }

  .privacy-title>ul>li:nth-child(2),
  .privacy-title.tSmall>ul>li:nth-child(2) {
    font-size: 14px;
  }
}

/*------------------------------*/

.privacy-title-1 {
  border-bottom: 1px solid #eeeeee;
  margin: 60px 0 0 0;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 28px;
  line-height: 100%;
}

@media screen and (max-width:767px) {
  .privacy-title-1 {
    font-size: 26px;
  }
}

/*------------------------------*/

.privacy-title-2 {
  margin: 30px 0 0 0;
  padding-left: 30px;
  color: #4d4d4d;
  font-family: supermarket_server, sans-serif;
  font-size: 26px;
  line-height: 100%;
}

@media screen and (max-width:767px) {
  .privacy-title-2 {
    padding-left: 15px;
    font-size: 20px;
  }
}

/*------------------------------*/

.privacy-text-container {
  margin: 15px 0 0 0;
  color: #4d4d4d;
  font-family: KittithadaRoman55, sans-serif;
  font-size: 26px;
  line-height: 100%;
}

.privacy-text-container.indent-1 {
  padding-left: 30px;
}

@media screen and (max-width:767px) {
  .privacy-text-container {
    font-size: 22px;
  }

  .privacy-text-container.indent-1 {
    padding-left: 15px;
  }
}


/*------------------------------*/