@media (min-width: 321px) and (max-width: 640px) {
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
  .am-topbar-btn {
    padding: 0.4em 0.8em;
  }
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
}

@media (min-width: 641px) and (max-width: 1024px) {}

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

@media only screen and (max-width: 640px) {
  .cont-m .col-r dd{height: auto;}
  .cont-m .col-r,.cont-m .col-l{ width: 100%; float: none; }
  .cont{margin:1em;}
  .tab-d-cont{ padding: 1em; }
  .am-breadcrumb{ display: none; }
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
  .am-topbar-btn {
    padding: 0.4em 0.8em;
  }
  .am-pagination > li > a,
  .am-pagination > li > span {
    padding: 0.3em 0.5em;
    font-size: 12px;
  }
}

@media only screen and (max-width: 720px) {
  #header .search{display: none;}
}

@media only screen and (min-width: 641px) {
  .tab-d-cont{ font-size: 14px; }
  .am-with-topbar-fixed-top{padding-top: 0;}
}

@media only screen and (max-width: 1024px) {
  .main{ width: 100%; padding:0 10px;}
  .main img{max-width: 100%;}
  #header .stock{display: none;}
  .am-topbar-brand img {
    height: 40px;
  }
  .am-topbar {
    margin-bottom: 0;
  }
  .am-gotop-fixed {
    width: 50px;
    height: 50px;
    right: 10px;
  }
  #top>ul{padding: 0 5px;}
  #top .lang{margin-left: 5px;}
  #header{height: auto;}
  #header .logo{padding: 10px 0;}
  .am-topbar-brand{width: 50px; overflow: hidden;}
  #index-col .col-c{width:100%; margin-left: 0;margin-bottom: 20px;}
  #index-col .col-l, #index-col .col-r{width: 100%; }
  .list-buy{padding: 0;}
  .list-buy li{width: 18%; margin: 1%;}
  .col-main{width: 100%;}
  .col-side{display: none;}
}

@media only screen and (min-width: 1025px) {}