@media (max-width: 1600px) {

  .main-frame {width: 1200px;}
  
  #menuCategoryFrame .inner .item .name {padding: 0 10px; font-size: 14px;}
  
  NAV UL LI A {padding: 8px 14px;}
}

@media (max-width: 1260px) {
  
  .main-frame {width: 100%; padding: 0 10px;}
  
  #menuCategoryFrame .inner .item .name {font-size: 14px;}
  
  #productList .item {width: 32%; margin-right: 2%;}
  #productList .item:nth-child(3n) {margin-right: 0;}
}


@media (max-width: 1200px) {
  
  #nsslider .slide_content_wrap .inner {padding: 0 20px 50px 20px;}
  
  NAV UL LI A {padding: 4px 10px;}
}


@media (max-width: 1050px) {
  
  .main-frame {width: 100%; padding: 0 10px;}
  
  HEADER .inner {padding: 0 5px; flex-wrap: wrap;}
  HEADER .inner .left {width: 100%;}
  HEADER .inner .left .logo {display: block; text-align: center;}
  HEADER .inner .left .logo IMG {display: inline-block;}
  
  HEADER .inner .right {width: 100%; align-items: center; justify-content: space-between;}
  HEADER .inner .right .flags {width: auto; justify-content: flex-start;}
  HEADER .inner .right .bottom {width: auto;}  
}


@media (max-width: 1150px) {
  
  HEADER .inner {position: relative;}
  
  NAV {width: 100%; height: auto; margin: 0; position: absolute; top: 100%; left: 0; z-index: 5000000000;}
  NAV.flexbox {display: none;}
  NAV UL {flex-wrap: wrap; background-color: #f49e42; color: #fff;}
  NAV UL LI {width: 100%; margin: 0;}
  NAV UL LI:after {display: none;}
  NAV UL LI A {border: 0; border-bottom: 1px solid #fff; padding: 12px 10px; text-align: center;}
  NAV UL LI A:HOVER, NAV UL LI A.active {background-image: none;}
  NAV UL LI:first-child {border-top: 1px solid #fff;}
  NAV UL LI:last-child A {padding-right: 10px;}
  NAV UL LI A:HOVER, NAV UL LI A.active {color: inherit; border-color: inherit;}
  NAV UL LI A.arrow-down {background-position: right 20px center;}  
  NAV UL LI A {color: #fff;}
  
  UL.submenu {position: relative; width: 100%; background-color: rgb(172, 177, 183, 1);}
  NAV UL LI:first-child {border-top: 0;}
  
  #hamburger {display: block; width: 100%; height: 50px; float: right; position: relative; padding: 0; margin: 0; background-color: #fff; line-height: 1;}
  #hamburger .text {width: 70px; height: 50px; float: left; padding-left: 10px; line-height: 50px; color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase;}
  #hamburger .icon { width: 35px; position: absolute; top: calc(50% - 1px); right: 0; transition: all .5s; }
  #hamburger.active .icon { width: 27px; background: transparent; }
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background: #2c2c2c; }
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  #hamburger .icon:before { top: -10px; }
  #hamburger .icon:after { bottom: -10px; }
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg); }
}


@media (max-width: 850px) {

  
  HEADER .inner .right .flags {width: 50%; justify-content: flex-start;}
  HEADER .inner .right .bottom {width: 50%;}
}


@media (max-width: 680px) {
  
}


@media (max-width: 650px) {
  
  .main-frame {padding: 0 5px;}
  
  #navigation {display: none;}
  
  #nsslider {display: none;}
  
  FOOTER .inner {padding: 10px; flex-wrap: wrap;}
  FOOTER .inner .item {flex: none; width: 100%; padding: 10px 0; text-align: center;}
  FOOTER .inner .item.left {justify-content: center;}
  FOOTER .inner .item.right {text-align: right; justify-content: center;}
     
  #productList {padding: 0;}
  #productList .inner .data-list .item {width: 100%; margin-right: 0;}
  
  #productDetail {flex-wrap: wrap; flex-direction: column-reverse; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
  #productDetail .left {width: 100%; margin-top: 20px;}
  #productDetail .right {width: 100%;}
  
  #hpTextFrame .inner {flex-wrap: wrap;}
  #hpTextFrame .inner .left {width: 100%;}
  #hpTextFrame .inner .left H1 {text-align: center;}
  #hpTextFrame .inner .left P {width: 100%; text-align: center; padding-bottom: 15px;}
  #hpTextFrame .inner .right {width: 100%;}
  
  #hpNewsFrame .inner {flex-wrap: wrap;}
  #hpNewsFrame .inner .left {width: 100%;}
  #hpNewsFrame .inner .right {width: 100%; flex-wrap: wrap;}
  #hpNewsFrame .inner .right .item {width: 100%; margin: 0 0 5px 0;}
  
  FOOTER .inner .links {flex-wrap: wrap;}
  FOOTER .inner .links .link {width: 100%; text-align: center;}
  FOOTER .inner .links .delimiter {display: none;}
}


@media (max-width: 460px) {
  
}


@media (max-width: 320px) {
  
}