/* common */
.hifi-history .main-visual {
  margin-top:0;
}
.hifi-history{
  width:100%;
  max-width:740px;
  margin:0 auto;
}
.hifi-history .cmn-nav .brown-bar ul,
.hifi-history .cmn-nav .black-bar ul{
  margin:0;
}
.hifi-history .child-main{
  overflow:hidden;
}
.foot-nav ul{
  width:100%;
  padding:0;
  list-style:none;
}

  /* top */
#history-top .top-main ul{
  width:100%;
  padding:0;
  list-style:none;
}


@media (max-width: 991px){
  /* top */
  #history-top .top-main li {
    width:49.8%;
  }
  
  /* begin */
  #history-begin .single-issue .figure,
  #history-begin .single-issue .text,
  #history-begin .single-issue .text .text-in{
    width:50%;
  }
  #history-begin .single-issue .text .text-in h4,
  #history-begin .single-issue .text .text-in p{
    width:90%;
  }
  #history-begin .single-issue .text .text-year,
  #history-begin .issue-foot{
    width:100%;
  }
  
  /* history */
  #history-history .his-main .his-row .left,
  #history-history .his-main .his-row .right{
    float:none;
    width:100%;
    margin-bottom:25px;
    text-align:left;
  }
  #history-history .his-main .his-row .left p,
  #history-history .his-main .his-row .left div,
  #history-history .his-main .his-row .left h4 {
    margin-left: 35px;
    margin-right: 0;
  }
  #history-history .his-main .his-row .left .arrow,
  #history-history .his-main .his-row .right .arrow{
    left:10px;
    right:inherit;
  }
  
  /* product */
  .history-product .single-product .single-head,
  .history-product .single-product .single-head .prd-h-text h4,
  .history-product .single-product .single-head .prd-h-figure .text-year,
  .history-product .single-product .single-ctrl,
  .history-product .single-product .single-foot{
    width:100%;
  }
  .history-product .single-product.open-right .prd-h-figure,
  .history-product .single-product.open-right .prd-h-text,
  .history-product .single-product .single-head .prd-h-figure,
  .history-product .single-product .single-head .prd-h-text,
  .history-product .single-product .left,
  .history-product .single-product .right{
    width:50%;
  }
  .history-product .single-product .single-head,
  .history-product .single-product .single-head .prd-h-text .text-catch,
  .history-product .single-product .single-head .prd-h-figure,
  .history-product .single-product .single-head .prd-h-text{
    height:182px;
  }
  .history-product .single-product .single-head .prd-h-text h4 {
    bottom: 15px;
    font-size: 17px;
  }
  .history-product .single-product .single-head .prd-h-text .text-catch {
    padding: 0 15px;
  }
  .history-product .single-product.open-left .open {
    left: 123px;
  }
  .history-product .single-product.open-right .open{
    right: 123px;
  }
  .history-product .single-product .single-ctrl .close {
    left: 255px;
  }
  .history-product .single-product.open-left .open,
  .history-product .single-product.open-right .open,
  .history-product .single-product .single-ctrl .close {
    bottom: -10px;
  }
}

@media (max-width: 767px){
  
  /* common */
  .hifi-history .cmn-nav .black-bar li{
    height:auto;
  }
  
  /* begin */
  #history-begin .single-issue .figure,
  #history-begin .single-issue .text,
  #history-begin .single-issue .text .text-in{
    width:100%;
    height:auto;
  }
  #history-begin .single-issue .text .text-year{
    bottom:-2em;
    
  }
  #history-begin .issue-foot{
    height:45px;
  }
  
  /* product */
  .history-product .single-product .single-head .prd-h-text h4 {
    position:relative;
  }
  .history-product .single-product.open-right .prd-h-figure,
  .history-product .single-product.open-right .prd-h-text,
  .history-product .single-product .single-head .prd-h-figure,
  .history-product .single-product .single-head .prd-h-text,
  .history-product .single-product .left,
  .history-product .single-product .right{
    width:100%;
  }
  .history-product .single-product .single-head,
  .history-product .single-product .single-head .prd-h-text .text-catch,
  .history-product .single-product .single-head .prd-h-figure,
  .history-product .single-product .single-head .prd-h-text{
    height:auto;
  }
  .history-product .single-product .single-head .prd-h-text .text-catch {
    padding:30px;
    text-align: left;
  }
  .history-product .single-product.open-left .open,
  .history-product .single-product.open-right .open,
  .history-product .single-product .single-ctrl .close{
    left: 0;
    right: 0;
    bottom:0;
    margin:0 auto;
  }
  
  /* amplifier */
  #history-amplifier .cmn-nav {
    height: auto;
  }
}

@media (max-width: 369px){
  
  /* top */
  #history-top .top-main li {
    width:100%;
  }
  
}