@media screen and (max-width: 900px) {
  .mainsearchbar {
    border-radius: 0;
  }

  .store-name {
    display: none;
  }

  .navhome .mainnav, .nav .mainnav {
    right: 0;
    left: 0;
  }

  .gotop {
    right: initial;
    left: 10px;
  }

  .logingrid {
    right: 10px;
    position: fixed;
    top: initial;
    bottom: 45px;
    padding: 0 5px;
    background: #f5f5f5;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  }
  .logingrid a {
    margin: 5px auto;
  }
  .logingrid a span {
    color: #333;
  }
}
@media screen and (max-width: 800px) {
  .navhome .mainnav .hidesearchbtn, .nav .mainnav .hidesearchbtn {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .item {
    width: 40%;
  }
}
@media screen and (max-width: 600px) {
  .mainsearchbar {
    min-height: initial;
  }
  .mainsearchbar h4, .mainsearchbar .searchbox a, .mainsearchbar .searchbox input, .mainsearchbar .btn {
    font-size: 0.875em;
    padding: 5px 10px;
  }
  .mainsearchbar .searchbox .button {
    width: 20px;
    height: 20px;
  }

  .location {
    font-size: 0.875em;
  }

  .belowmenu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 40px;
  }
  .belowmenu a {
    font-size: 0.813em;
    line-height: 30px;
    padding: 0 6px;
    min-width: 50px;
  }

  .navhome, .nav {
    font-size: 0.875em;
  }
  .navhome .mainnav li, .nav .mainnav li {
    margin: 0;
  }
  .navhome .mainnav li a, .nav .mainnav li a {
    padding: 5px 10px;
  }

  .pd-pic {
    height: 260px;
  }
}
@media screen and (max-width: 540px) {
  .mainsearchbar h4, .mainsearchbar .searchbox a, .mainsearchbar .searchbox input, .mainsearchbar .btn {
    padding: 5px 8px;
  }
  .mainsearchbar .btn {
    padding: 0;
  }
  .mainsearchbar .btn .hide {
    display: none;
  }

  .navhome .mainnav li a, .nav .mainnav li a {
    padding: 5px;
  }
}
@media screen and (max-width: 480px) {
  .mainsearchbar .searchbox form .searchkey {
    width: 110px;
  }

  .popup_box .column span {
    font-size: 0.938em;
  }

  .backgroundimg .bg {
    min-width: 480px;
    left: initial;
    right: -75%;
  }
  .backgroundimg .bg2 {
    left: -100%;
    right: -100%;
    min-width: 480px;
  }

  .navhome .mainnav li a, .nav .mainnav li a {
    min-width: 50px;
  }

  .searchminor {
    display: block;
  }

  .search {
    display: none;
  }

  .belowmenu a {
    min-width: 40px;
  }
  .belowmenu .texthide {
    display: none;
  }

  .logingrid a span {
    font-size: 0.75em;
  }

  .item:hover .pd-name {
    letter-spacing: normal;
  }

  .pd-info {
    line-height: 125%;
    font-size: 0.875em;
  }
  .pd-info .pd-name {
    font-size: 1em;
  }
  .pd-info .pd-name i {
    font-size: 0.75rem;
  }

  .pd-pic {
    height: 210px;
  }

  .pd-price div {
    font-size: 0.813rem;
  }
  .pd-price div div span {
    font-size: 0.813rem;
    padding: 0;
  }

  .pd-country, .pd-siez, .pd-special {
    font-size: 0.75rem;
    line-height: 120%;
  }
  .pd-country big, .pd-country small, .pd-siez big, .pd-siez small, .pd-special big, .pd-special small {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 420px) {
  .homebtn {
    display: none;
  }

  .pd-pic {
    height: 180px;
  }

  .pd-siez span {
    margin: 0 2px;
  }

  .pd-price div {
    font-size: 0.75rem;
  }
  .pd-price div div span {
    font-size: 0.75rem;
  }

  .newslist .column, .main_newslist .column {
    width: 90%;
    margin: auto 5%;
    text-align: center;
  }
}
@media screen and (max-width: 380px) {
  .mainsearchbar .searchbox {
    padding: 0;
    margin: auto;
  }
  .mainsearchbar .searchbox form .searchkey {
    width: 90px;
  }

  .belowmenu li a .hide {
    display: none;
  }

  .navhome .mainnav li a, .nav .mainnav li a {
    border: solid 1px #fff;
  }

  .pd-pic {
    height: 150px;
  }

  .pd-siez big, .pd-siez small {
    display: none;
  }
}
@media screen and (max-width: 340px) {
  body {
    width: 340px;
  }

  .nav-dot {
    opacity: .7;
  }

  .nav, .navhome {
    display: none;
  }

  .nav-cssbutton {
    display: block;
  }

  .belowmenu a {
    font-size: 0.75em;
  }

  .footer-info .grid1 .child {
    display: block;
    margin: 30px auto;
  }
}