#header .bottomCnt { display: none; }
#header #logo {margin-top:28px;}
#header_conts img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; }
#header_conts ul { list-style: none; }

#header_conts { overflow: hidden; *zoom: 1;width: 100%;margin-bottom:5px; }
#header_conts #head_center { float: left; width: 283px; margin-top: 5px; margin-left: 21px; }
#header_conts .freeShipping { margin-bottom:0; }
#header_conts .hadRight { float: right; width: 480px; margin-top: 0; }
#header_conts .hadRight .cartArea { position: relative; }
#header_conts .hadRight .telNumber { margin: 8px 0; }
#header_conts .hadRight .cartBtn { position: absolute; top: 0; right: 0; }
#header_conts .hadRight .bottomArea ul { margin: 5px 0 0 0; padding: 0; list-style: none; overflow: hidden; *zoom: 1; }
#header_conts .hadRight .bottomArea ul li { float: left; margin-right: 8px; }
#header_conts .hadRight .bottomArea ul li:nth-child(1) { width: 143px; }
#header_conts .hadRight .bottomArea ul li:nth-child(2) { width: 143px; }
#header_conts .hadRight .bottomArea ul li:nth-child(3) { width: 85px; }
#header_conts .hadRight .bottomArea ul li:nth-child(4) { width: 85px; margin-right: 0; }

@media screen and (max-width: 1199px) and (min-width: 980px){
  #header_conts #head_center{width:27%;}
  #header_conts #head_center img{width:100%;}
}

@media screen and (max-width: 979px) and (min-width: 768px){
  #header_conts{width:100%;}
  #header_conts #logo{width:18%;max-width:100%;}
  #header_conts #head_center{width:28%;}
  #header_conts #head_center img{width:100%;height: 100%;}
  #header_conts .hadRight{width:50%;}
  #header_conts .hadRight .telNumber img{width:60%;height: 100%;}
  #header_conts .hadRight .cartBtn{width:37%;}
  #header_conts .hadRight .cartBtn img{width:100%;height:100%;}
  #header_conts .hadRight .bottomArea ul li { margin-right: 0; }
  #header_conts .hadRight .bottomArea ul li:nth-child(1) { width:30%; }
  #header_conts .hadRight .bottomArea ul li:nth-child(2) { width: 30%; }
  #header_conts .hadRight .bottomArea ul li:nth-child(3) { width: 18%;margin-left:3.5%; }
  #header_conts .hadRight .bottomArea ul li:nth-child(4) { width: 18%;float:right; margin-right: 0; }
  }


@media (max-width: 767px) { #header { border: none !important; }
  #header .container { margin: 0; padding: 0; }
  #header_conts #head_center { display: none; }
  #header_conts .hadRight { display: none; }
  #header_conts #xs-nav { overflow: hidden; *zoom: 1; }
  #header_conts #xs-nav ul.capArea { list-style: none; }
  #header_conts #xs-nav ul.capArea img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; }
  #header_conts { border: none !important; }
  #header_conts #logo { max-width: 37% !important; margin: 0 !important; padding: 10px 0; }
  #header_conts #xs-nav { max-width: 60%; margin: 0 !important; padding: 10px 0; }
  #header_conts #xs-nav ul.capArea { margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
  #header_conts #xs-nav ul.capArea li { box-sizing: border-box; width: 25%; padding: 0 5px; }
  #header_conts #xs-nav ul.capArea li a#menuBtn { position: relative; display: block; box-sizing: border-box; margin: 0 auto; padding-bottom: 10px; padding-left: 15%; color: #fff; background-color: #090; }
  #header_conts #xs-nav ul.capArea li a#menuBtn .svg-inline--fa { font-size: 28px; }
  #header_conts #xs-nav ul.capArea li a#menuBtn span { position: absolute; right: 0; bottom: 0; left: 0; display: block; margin: 0 auto; text-align: center; }
  #header img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; }
  #header ul { list-style: none; }
  #header .bottomCnt { display: block; padding: 2px 0; background-color: #090; }
  #header .bottomCnt ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
  #header .bottomCnt ul li:nth-child(1) { width: 65%; }
  #header .bottomCnt ul li:nth-child(1) img { padding-top: 1.5%; }
  #header .bottomCnt ul li:nth-child(2) { width: 35%; }
  #header .bottomCnt ul li a { display: block; } }