@charset "UTF-8";

@font-face {
  font-family: DIN-Alternate-Bold;
  src: url(font/DINAlternate-Bold.eot);
  src: url(font/DINAlternate-Bold.eot?#iefix) format("embedded-opentype"), url(font/DINAlternate-Bold.otf) format("opentype"), url(font/DINAlternate-Bold.svg) format("svg"), url(font/DINAlternate-Bold.ttf) format("truetype"), url(font/DINAlternate-Bold.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DIN-Medium;
  src: url(font/DIN-Medium.eot);
  src: url(font/DIN-Medium.eot?#iefix) format("embedded-opentype"), url(font/DIN-Medium.otf) format("opentype"), url(font/DIN-Medium.svg) format("svg"), url(font/DIN-Medium.ttf) format("truetype"), url(font/DIN-Medium.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: DIN-Alternate-Medium;
  src: url(font/DINAlternate-Medium.eot);
  src: url(font/DINAlternate-Medium.eot?#iefix) format("embedded-opentype"), url(font/DINAlternate-Medium.otf) format("opentype"), url(font/DINAlternate-Medium.svg) format("svg"), url(font/DINAlternate-Medium.ttf) format("truetype"), url(font/DINAlternate-Medium.woff) format("woff");
  font-weight: 400;
  font-style: normal
}

#seo {
  display: none
}

form {
  margin: 0
}

* {
  margin: 0;
  padding: 0
}

body {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  -webkit-font-smoothing: antialiased
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

a {
  outline: none;
  hlbr: expression(this.onFocus=this.blur());
  text-decoration: none
}

a:hover {
  text-decoration: none
}

a img {
  border: 0
}

header {
  width: 100%;
  background: #FFF;
  position: absolute;
  box-shadow: #444 2px 2px 10px;
  padding: 15px 0;
  height: 65px;
  z-index: 99
}

#header {
  width: 98%;
  margin: 0 auto;
  padding: 0 1%
}

#logo {
  float: left;
  width: 40%;
  padding: 0 0 0 3%
}

#logo img {
  width: 100%
}

#m_nav_btn {
  float: right;
  width: 11%;
  padding: 2% 2% 0 0;
  display: block
}

#m_nav_btn img {
  width: 80%
}

#navigation {
  display: none
}

#m_nav {
  display: none;
  position: absolute;
  background: #788289;
  z-index: 99;
  width: 80%;
  padding: 7% 10% 15%;
  top: 0;
  left: 0
}

#m_nav .close_btn {
  float: right;
  margin: 0 0 15px;
  text-align: right
}

#m_nav .close_btn img {
  width: 50%
}

#m_nav .m_nav_i {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  float: right;
  width: 100%;
  text-align: right;
  font-size: 1.5em;
  text-transform: uppercase;
  padding: 0 0 20px
}

#m_nav .m_nav_i a {
  color: #fff
}

#m_nav .m_nav_i_green {
  float: right;
  width: 100%;
  text-align: right;
  padding: 0 0 40px
}

#m_nav .m_nav_i_green .m_nav_i_title {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  float: right;
  width: 50%;
  text-align: right;
  font-size: 1.5em;
  text-transform: uppercase;
  padding: 0 0 10px;
  border-bottom: 1px #FFF solid;
  margin: 0 0 20px
}

#m_nav .m_nav_i_green .m_nav_i_title a {
  color: #8ab941
}

#m_nav .m_nav_i_green .m_nav_i_link {
  float: right;
  width: 100%;
  font-size: 1.4em;
  padding: 6px 0
}

#m_nav .m_nav_i_green .m_nav_i_link a {
  color: #fff
}

.m_subnav {
  float: right;
  width: 100%
}

.m_subnav .snav_i {
  float: right;
  padding: 10px 30px 10px 0;
  text-transform: uppercase
}

.m_subnav .snav_i a {
  color: #656f77;
  font-size: 1.4em
}

.m_subnav .lang {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  padding: 7px 70px 10px 0;
  background: url(../images/lang_bg.svg) no-repeat right;
  font-size: 1.4em;
  color: #0d246b;
  cursor: pointer;
  text-align: right
}

ul#langlist {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #859199;
  position: relative
}

ul#langlist li a {
  color: #fff;
  font-size: 1.4em;
  padding: 8px 10%;
  width: 80%;
  text-align: right;
  display: block
}

.m_subnav .lang.active {
  display: block
}

article {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 95px
}

#index_banner {
  width: 100%;
  margin: 0 auto
}

#index_banner .bannerbox {
  position: relative
}

#index_banner .bannerbox .bannertxt {
  width: 88%;
  margin: 0 auto;
  padding: 0 6%
}

#index_banner .bannerbox .bannertxt .bannertext_c {
  position: absolute;
  margin: 4% 0 0;
  width: 100%
}

#index_banner .bannerbox .bannertxt .bannertext_c2 {
  position: absolute;
  margin: 4% 0 0
}

#index_banner .bannerbox .bannertxt .bannertext_c .title,
#index_banner .bannerbox .bannertxt .bannertext_c2 .title {
  width: 80%;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-size: 3.2em;
  line-height: 100%;
  font-family: DIN-Alternate-Bold, Arial, sans-serif
}

#index_banner .bannerbox .bannertxt .contenttxt {
  width: 45%;
  font-size: 1.2em;
  line-height: 120%;
  padding: 10px 0;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

#index_banner .bannerbox .bannertxt .contenttxt2 {
  width: 45%;
  font-size: 1.2em;
  line-height: 120%;
  padding: 10px 0;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

#index_banner .bannerbox .bannertxt .contenttxt3 {
  width: 40%;
  font-size: 1.2em;
  line-height: 120%;
  padding: 10px 0;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

#index_banner .bannerbox .bannertxt .contenttxt4 {
  width: 40%;
  font-size: 1.2em;
  line-height: 120%;
  padding: 10px 0;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

#index_banner .bannerbox .bannertxt .contenttxt5 {
  width: 44%;
  font-size: 1.2em;
  line-height: 120%;
  padding: 10px 0;
  color: #fff;
  text-shadow: #222 1px 1px 2px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

#index_banner .bannerbox img {
  width: 100%
}

#index_category {
  width: 100%
}

#index_category #in_clist {
  width: 90%;
  padding: 30px 0 20px;
  margin: 0 auto
}

#index_category #in_clist .inp {
  float: left;
  width: 48%;
  margin: 0 1% 8%
}

#index_category #in_clist .inp img {
  width: 100%
}

#index_category #in_clist .inp .inp_text {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  background: #78838a;
  width: 90%;
  float: left;
  padding: 8% 5% 5%;
  color: #fff;
  font-size: 1.2em;
  line-height: 140%;
  display: none
}

a.in_more {
  width: 100%;
  float: left;
  margin: 10px 0 0;
  color: #fff;
  font-size: .9em;
  padding: 0 0 0 20px;
  background: url(../images/arrow3.png) left 3px no-repeat;
  background-size: 3%
}

.inptitle_navyblue,
.inptitle_red,
.inptitle_green,
.inptitle_blue,
.inptitle_light-green {
  font-family: DIN-Alternate-Bold, Arial, sans-serif;
  font-size: 2em;
  line-height: 130%;
  text-align: center;
  margin: 0 0 20px;
  text-transform: uppercase
}

.inptitle_navyblue {
  border-bottom: 10px #11377c solid
}

.inptitle_red {
  border-bottom: 10px #9b0d1e solid
}

.inptitle_green {
  border-bottom: 10px #00722f solid
}

.inptitle_blue {
  border-bottom: 10px #0069b8 solid
}
.inptitle_light-green {
  border-bottom: 10px #04b596 solid
}

.container_white {
  width: 100%;
  float: left;
  padding: 2% 0 4%
}

.c_white_inside {
  width: 90%;
  padding: 0 5%;
  margin: 0 auto
}

.c_white_inside h3 {
  color: #0d246b;
  font-size: 3em;
  padding: 0 0 15px;
  border-bottom: #0d246b 1px solid;
  float: left
}

.c_white_inside #wtext {
  float: left;
  width: 100%;
  margin: 2% 0 0
}

.c_white_inside #wtext .wtext1 {
  width: 95%;
  font-size: 2.3em;
  color: #657078;
  float: left
}

.c_white_inside #wtext .t1,
.c_white_inside #wtext .t2,
.c_white_inside #wtext .t3,
.c_white_inside #wtext .t4 {
  color: #657078;
  float: left;
  padding: 20px 0 0
}

.c_white_inside #wtext .count {
  font-size: 1.6em;
  width: 16%;
  color: #0d246b;
  float: left;
  text-align: center;
  margin-top: 5px;
  font-family: DIN-Medium, Arial, sans-serif
}

.c_white_inside #wtext .count1 {
  font-size: 1.6em;
  width: 10%;
  color: #0d246b;
  float: left;
  text-align: center;
  margin-top: 5px;
  font-family: DIN-Medium, Arial, sans-serif
}

.c_white_inside #wtext .wfocustext {
  width: 16%;
  font-size: 7.5em;
  color: #0d246b;
  float: left;
  margin-top: 5px;
  font-family: DIN-Medium, Arial, sans-serif
}

.c_white_inside #wtext .wtext2 {
  width: 95%;
  font-size: 2.3em
}

.index_com {
  width: 96%;
  float: left;
  margin: 0 2% 6%;
  opacity: 1
}

.index_com h3 {
  font-size: 1.5em;
  color: #657078;
  border-bottom: none;
  text-transform: uppercase;
  float: left;
  padding: 0 0 5px
}

.index_com h3 a,
.index_com h3 a:visited {
  color: #657078
}

.index_com h4 {
  width: 100%;
  float: left;
  font-size: 2.2em;
  color: #11377c;
  padding: 10px 0 0
}

.index_com .index_text {
  font-size: 1.4em;
  line-height: 140%;
  width: 100%;
  float: left;
  padding: 20px 0;
  color: #666;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.index_com img {
  width: 100%
}

.in_exhibitions {
  font-weight: 700;
  text-transform: uppercase;
  width: 96%;
  float: left;
  margin: 3% 2% 0
}

.innewstitle {
  font-size: 1.5em;
  color: #788088;
  padding: 0 0 10px;
  margin: 0 0 20px;
  border-bottom: 1px #788088 solid
}

.innewstitle a,
.innewstitle a:visited {
  color: #788088
}

.innews,
.innews2 {
  width: 50%;
  float: left;
  font-size: 1.5em;
  line-height: 150%;
  padding: 15px 0;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal;
  font-weight: 400;
  color: #666;
  text-transform: capitalize
}

.innews2 {
  width: 100%
}

.innews span,
.innews2 span {
  font-size: 1.6em;
  line-height: 130%;
  display: block;
  width: 100%;
  padding: 0 0 10px;
  font-family: DIN-Medium, Arial, sans-serif;
  color: #000
}

.innews_img {
  width: 100%;
  float: right;
  padding: 0
}

.innews_img img {
  width: 100%
}

.innews_img2 {
  width: 100%;
  float: left;
  padding: 3% 4% 0 0
}

.innews_img2 img {
  width: 100%
}

.index_hot_product {
  width: 100%;
  float: left;
  background: url(../images/in_blue_m_img.jpg?2019-06-30) no-repeat center bottom #171c2f;
  background-size: 100%;
  padding: 0 0 530px
}

.index_hot_product .ih_inside {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative
}

.index_hot_product .ih_inside h3 {
  position: static;
  text-align: left;
  color: #fff;
  width: 86%;
  font-size: 3.5em;
  line-height: 130%;
  margin: 12% 7% 0
}

.index_hot_product .ih_inside .in_inside_text {
  position: static;
  text-align: left;
  color: #fff;
  width: 86%;
  font-size: 1.8em;
  line-height: 0;
  margin: 2% 7% 0;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.index_hot_product .ih_inside .in_inside_text p{
  line-height: 150%;
}

.index_hot_product .ih_inside .img {
  width: 100%;
  float: left;
  display: none
}

.index_hot_product .ih_inside .img img {
  width: 100%
}

.locations {
  float: right;
  width: 100%;
  margin: 5% 0 0
}

.locations h3 {
  color: #7dba30;
  font-size: 3em;
  font-family: DIN-Alternate-Medium, Arial, sans-serif;
  text-transform: uppercase;
  border: none;
  padding: 0
}

.loc_info {
  width: 100%;
  float: left
}

.loc_info h4 {
  width: 91.5%;
  padding: 3% 4%;
  color: #373535;
  font-size: 2.5em;
  font-weight: 400;
  font-family: Arial, sans-serif;
  cursor: pointer;
  background: url(../images/arrow1.png?2019-06-30) right no-repeat #fff;
  background-size: 10%;
  margin: 10px 0 0;
  border: 1px #1a1311 solid
}

.loc_info .loc_info_i {
  background: #78b134;
  padding: 3%;
  width: 94%;
  position: inherit;
  float: left;
  color: #fff;
  font-family: Arial, sans-serif;
  display: block
}

.loc_title {
  font-size: 2.2em;
  float: left;
  width: 100%;
  line-height: 180%;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.loc_address {
  width: 100%;
  float: left;
  line-height: 140%;
  font-size: 1.6em;
  padding: 5px 0 10px;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.loc_phone {
  width: 30%;
  float: left;
  line-height: 180%;
  font-size: 1.6em;
  padding: 0 0 0 40px;
  margin: 0;
  background: url(../images/phone.png?2019-06-30) left no-repeat;
  background-size: 13%;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.loc_fax {
  width: 30%;
  float: left;
  line-height: 180%;
  font-size: 1.6em;
  padding: 0 0 0 40px;
  margin: 0;
  background: url(../images/fax.png?2019-06-30) left no-repeat;
  background-size: 13%;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.loc_mail {
  width: 90%;
  float: left;
  line-height: 180%;
  font-size: 1.6em;
  padding: 0 0 0 40px;
  margin: 0;
  background: url(../images/mail.png?2019-06-30) left no-repeat;
  background-size: 5%;
  font-family: Frutiger, Arial, sans-serif;
  letter-spacing: normal
}

.loc_mail a {
  color: #fff
}

.loc_mail a:hover {
  text-decoration: underline
}

.worldmap {
  width: 100%;
  float: left;
  margin: 0 0 50px
}

.worldmap img {
  width: 100%
}

#top_box {
  width: 100%;
  float: left;
  margin-top: -90px;
  position: initial
}

#top_box .top_email {
  display: none
}

#top_box img {
  width: 80%
}

#top {
  width: 12%;
  float: right;
  margin-right: 3%;
  margin-top: 2%;
  cursor: pointer
}

footer {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 0 60px;
  background: #0d246b;
  margin-top: -5px
}

#footer {
  width: 94%;
  padding: 0 3%;
  margin: 0 auto;
  color: #fff;
  font-size: .8em
}

#footer a {
  color: #fff
}

#footer .links {
  width: 60%;
  float: left
}

#footer .copyright {
  width: 36%;
  float: right;
  text-align: right
}

.commtitle {
  float: left;
  padding: 0 5px 0 0
}

.commicon {
  float: left;
  margin: 0 2px
}

#submenu {
  display: none
}

#submenu_com {
  display: none
}

#submenu_world {
  display: none
}

#submenu_news {
  display: none
}

.bottom_links {
  display: none
}

footer#white {
  background: #fff;
  padding: 0 0 36px
}

#footer_white {
  width: 98%;
  color: #788088;
  font-size: 1.333em;
  border-top: 1px #282828 solid;
  padding: 25px 0 0
}

.copyright {
  width: 50%;
  float: left;
  text-align: left
}

.links {
  width: 30%;
  float: right;
  text-align: right
}

#footer_white a {
  color: #657078
}

@media screen and (max-width: 414px) {
  #logo {
    width: 60%
  }

  #m_nav_btn {
    padding: 5% 7% 0 0
  }

  #m_nav_btn img {
    width: 100%
  }

  #index_banner .bannerbox .bannertxt {
    width: 100%;
    padding: 0
  }

  #index_banner .bannerbox .bannertxt .bannertext_c,
  #index_banner .bannerbox .bannertxt .bannertext_c2 {
    position: static;
    padding: 8% 5% 5%;
    width: 90%;
    background: #123575;
    color: #fff;
    margin: 0;
    height: 180px
  }

  #index_banner .bannerbox .bannertxt .bannertext_c .title,
  #index_banner .bannerbox .bannertxt .bannertext_c2 .title {
    width: 100%;
    font-size: 4.3em
  }

  #index_banner .bannerbox .bannertxt .bannertext_c .contenttxt,
  #index_banner .bannerbox .bannertxt .bannertext_c2 .contenttxt {
    font-size: 1.2em;
    width: 100%
  }

  #index_banner .bannerbox .bannertxt .contenttxt2 {
    width: 100%
  }

  #index_banner .bannerbox .bannertxt .contenttxt3 {
    width: 100%
  }

  #index_banner .bannerbox .bannertxt .contenttxt4 {
    width: 100%
  }

  #index_banner .bannerbox .bannertxt .contenttxt5 {
    width: 100%
  }

  .inbtext1 {
    font-size: .57em;
    line-height: 100%
  }

  .inbtext2 {
    font-size: .8em;
    line-height: 100%
  }

  .inbtext3 {
    font-size: .85em;
    line-height: 100%
  }

  #index_category #in_clist .inp {
    width: 98%;
    overflow: hidden;
    margin: 20px 0 30px
  }

  .inptitle_navyblue,
  .inptitle_red,
  .inptitle_green,
  .inptitle_blue,
  .inptitle_light-green {
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-size: 2em
  }

  .index_com {
    width: 96%;
    margin: 4% 2% 10%
  }

  .index_com h4 {
    font-size: 2.2em;
    line-height: 120%
  }

  .index_com .index_text {
    padding: 10px 0 20px
  }

  .innews,
  .innews2 {
    width: 100%;
    font-size: 1.3em
  }

  .innews_img {
    width: 100%;
    float: right
  }

  .innews_img img {
    width: 100%
  }

  .index_hot_product {
    background: url(../images/in_blue_m_img.jpg?2019-06-30) no-repeat bottom center;
    background-size: 100%;
    padding: 0 0 400px
  }

  .index_hot_product .ih_inside h3 {
    font-size: 2.5em
  }

  .index_hot_product .ih_inside .in_inside_text {
    font-size: 1.45em;
    margin: 5% 7% 0
  }

  .c_white_inside #wtext .t1 {
    padding: 15px 0 0
  }

  .c_white_inside #wtext .t2,
  .c_white_inside #wtext .t3 {
    padding: 5px 0 0
  }

  .c_white_inside #wtext .t4 {
    padding: 15px 0 0
  }

  .c_white_inside #wtext .count1 {
    width: 15%
  }

  .locations h3 {
    font-size: 2.4em
  }

  .loc_info h4 {
    font-size: 1.5em
  }

  .loc_title {
    font-size: 1.8em;
    line-height: 160%
  }

  .loc_address {
    font-size: 1.3em
  }

  .loc_phone,
  .loc_fax {
    font-size: 1.3em;
    width: 40%;
    padding: 0 0 0 23px
  }

  .loc_mail {
    font-size: 1.3em;
    line-height: 160%;
    padding: 0 0 0 23px
  }

  .worldmap {
    margin: 20px 0 50px
  }

  #top_box {
    margin-top: -60px
  }

  #top {
    width: 15%;
    margin-top: 2%
  }

  #footer .links {
    width: 100%;
    text-align: center
  }

  #footer .copyright {
    width: 36%;
    float: left;
    padding: 4% 32% 0;
    text-align: center
  }

  .commtitle {
    display: none
  }

  #footer_white {
    width: 100%
  }

  .copyright {
    width: 100%;
    text-align: center
  }

  .links {
    width: 100%;
    text-align: center
  }
}

@media screen and (max-width: 375px) {

  #index_banner .bannerbox .bannertxt .bannertext_c .title,
  #index_banner .bannerbox .bannertxt .bannertext_c2 .title {
    font-size: 4em
  }

  #index_banner .bannerbox .bannertxt .bannertext_c .contenttxt,
  #index_banner .bannerbox .bannertxt .bannertext_c2 .contenttxt {
    font-size: 1.1em
  }

  .index_com h4 {
    font-size: 2em
  }

  .index_com .index_text {
    font-size: 1.4em;
    line-height: 150%
  }

  .innews span,
  .innews2 span {
    font-size: 1.4em
  }

  .index_hot_product {
    padding: 0 0 270px
  }

  .index_hot_product .ih_inside h3 {
    font-size: 2.4em;
    margin: 8% 7% 0
  }

  .index_hot_product .ih_inside .in_inside_text {
    font-size: 1.35em;
    font-family: Frutiger, Arial, sans-serif;
    letter-spacing: normal
  }

  .locations h3 {
    font-size: 2.2em
  }

  .loc_info h4 {
    font-size: 1.6em
  }

  #top_box {
    margin-top: -55px
  }

  #footer .links {
    width: 60%;
    float: left;
    text-align: center;
    padding: 0 20% 10px;
    line-height: 160%
  }

  #footer .copyright {
    width: 40%;
    padding: 10px 30% 0
  }
}

@media screen and (max-width: 320px) {
  header {
    height: 45px
  }

  article {
    margin-top: 65px
  }

  #index_banner .bannerbox .bannertxt .bannertext_c .title,
  #index_banner .bannerbox .bannertxt .bannertext_c2 .title {
    font-size: 3.3em
  }

  .index_com h3 {
    font-size: 1.6em;
    padding: 0 0 5px
  }

  .index_com h4 {
    font-size: 1.9em
  }

  .index_com .index_text {
    font-size: 1.4em
  }

  #index_category #in_clist .inp {
    height: 270px
  }

  .index_hot_product {
    padding: 0 0 210px
  }

  .index_hot_product .ih_inside h3 {
    font-size: 2.1em
  }

  .index_hot_product .ih_inside .in_inside_text {
    font-size: 1.25em
  }

  .inptitle_navyblue,
  .inptitle_red,
  .inptitle_green,
  .inptitle_blue,
  .inptitle_light-green {
    font-size: 1.6em
  }

  .c_white_inside #wtext .wtext1 {
    font-size: 1.8em
  }

  .c_white_inside #wtext .wfocustext {
    font-size: 5em
  }

  .c_white_inside #wtext .wtext2 {
    font-size: 1.8em
  }

  .locations h3 {
    font-size: 1.8em
  }

  .loc_title {
    font-size: 1.5em
  }

  .loc_address {
    font-size: 1.2em
  }

  .loc_phone,
  .loc_fax,
  .loc_mail {
    font-size: 1.15em
  }

  #top_box {
    margin-top: -50px
  }

  #footer .links {
    width: 64%;
    padding: 0 18% 10px
  }

  #footer .copyright {
    width: 46%;
    padding: 10px 27% 0
  }
}

@media screen and (max-width: 414px) {
  .index_hot_product .ih_inside h3 {
    padding: 8% 7% 0;
    margin: 0;
    background: url(../images/in_blue_m_img.jpg?2019-06-30) center top;
    background-size: 100%;
    margin: 0
  }
}

@media screen and (max-width: 629px) {

  .inptitle_navyblue,
  .inptitle_red,
  .inptitle_green,
  .inptitle_blue,
  .inptitle_light-green {
    font-size: 1.5em
  }
}

@media screen and (max-width: 490px) {

  .inptitle_navyblue,
  .inptitle_red,
  .inptitle_green,
  .inptitle_blue,
  .inptitle_light-green {
    font-size: 1.3em
  }
}