/*----------------------- index shops ------------------------*/
.index-shops { padding: 30px 0px; border-top: 1px solid #f2f2f2; background: #fff; }
.index-shops .title { text-align: center; }

/*------------------------ all stores -----------------------*/
.all-stores { margin-bottom: 20px; }
.all-stores ul { margin:0; padding:0; list-style:none; }
.all-stores ul li { display: inline-table; width: 33.33%; font-size: 15px; color: #484848; line-height: 18px; margin-right: -4px; padding: 0 15px; vertical-align: bottom; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.index-shops .all-stores ul li { margin-bottom: 20px; vertical-align: top; }
.all-stores ul li a { padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.1); display:block; color: #000; font-weight: bold; text-transform: uppercase; }
.all-stores ul li a:hover { color:#e60000; text-decoration:none }
.all-stores ul li i { background-color:#fff; color:#dc2b19; display:inline-block; height:18px; margin-right: 8px; text-align:center; width:18px; }
.all-stores ul li i:before { font-size: 11px; }
.all-stores ul li a figure { float: left; border: 1px solid #f6f6f6; width: 100px; text-align: center; margin-right: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.shop-title { font-size: 17px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.shop-title:hover { color:#e60000; }
.shop-info { color: #878787; font-weight: normal; text-transform: none; font-size: 16px; line-height: 22px; max-height: 65px; overflow: hidden; }
.all-stores .text { margin-bottom: 35px; }

@media only screen and (max-width: 1480px) {
.index-shops .all-stores ul li { width: 50%; }
}
@media only screen and (max-width: 1280px) {
.all-stores ul li { width: 50%; }
}
@media only screen and (max-width: 990px) {
.index-shops .all-stores ul li { display: block; width: auto; padding: 0px; }
.all-stores ul li a figure { width: 30%; }
}
@media only screen and (max-width: 800px) {
.all-stores ul li { display: block; float: none; width: auto; padding: 0px; margin-right: 0px; }
}
@media only screen and (max-width: 700px) {
.index-shops { padding-bottom: 0px; }
.index-shops .all-stores ul li { margin-bottom: 15px; }
}
@media only screen and (max-width: 560px) {
.shop-title { font-size: 15px; }
.all-stores ul li a figure { width: 25%; }
.shop-info { max-height: none; }
.all-stores ul li { font-size: 14px; }
}
@media only screen and (max-width: 370px) {
.all-stores ul li a figure { width: 30%; }
}