@media (min-width: 980px) {

    /*-----*/
}

@media (min-width: 768px) and (max-width: 1023px) {
  #pre-header #hello {font-size: 10px} 
  .navbar-default .navbar-nav > li.dropdown{margin: 0 18px}
  #item-product{max-height:317px;}
  #item-product #img-product #view a{font-size: 10px; padding: 7px}
  .quantity input.input-text{width: 60px;}
  .quantity .button a.btn-addcart {font-size: 12px; padding: 12px 18px;}
  ul.list-group li{margin-bottom: 10px;}
}

@media (max-width: 768px) {
  #item-product{max-height:none;}
  #img-promo img {margin: 10px auto}
  #section-about #title h1, #section-product #title h2, #section-news #title h3, #section-customer #title h3, #section-partner #title h3, #title h3, #detail h1{padding-left: 10px;}
  #info {}
  #info img {margin: auto}
  #left-content {display: none;}
  #section-customer,#section-partner {display: none;}
}
@media (max-width: 640px)
{
     #item-product #img-product #view {display: none;}
  #item-product #img-product #view a{font-size: 9px; padding: 10px 2px;}
 #section-about #title h1, #section-product #title h2, #section-news #title h3, #section-customer #title h3, #section-partner #title h3, #title h3, #detail h1{font-size: 14px;}
 #item-news a h4 {font-size: 14px;}
 #item-news p {font-style: 12px}
}
@media (max-width: 480px) {
 #item-product #img-product #view a{font-size: 9px; padding: 10px 2px;}
 #section-about #title h1, #section-product #title h2, #section-news #title h3, #section-customer #title h3, #section-partner #title h3, #title h3, #detail h1{font-size: 14px;}
 #item-news a h4 {font-size: 14px;}
 #item-news p {font-style: 12px}
}
@media (max-width:360px) {
   #item-product #img-product #view {display: none;}
   #detail-info p {font-size: 12px;}
   .quantity button.minus, .quantity button.plus {width: 30px; height: 30px}
   .quantity input.input-text {width: 60px; height: 30px;}
   .quantity .button {margin: 0}
   .quantity .button a.btn-addcart {padding: 12px 10px;font-size: 12px;margin-top: 10px;}
   #item-news p {display: none;}

}

@media (max-width:320px) {
  #pre-header #cart a{padding: 0.4em 0 1em;}
  #item-news{width: 100%}
  #item-news a {font-size: 12px;}
  #item-news span {font-size: 11px;}
}