/********************************LOCALIT*******************************/

.list-image {
display:inline-block;   
position:relative;
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.list-image-title {
font-size:11px;
display:block;
position:absolute;
left:2px;
bottom:2px;
width:99%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:5px;
background-color:rgba(0,0,0,.7);
}

.sidebar-cities {
box-sizing: border-box; /*div will include padding and border*/
margin: 1.4em 0 0.7em 0;
padding:1em;
width:100%;
background-color:#FFFFCC; 
font-size:1em;
text-align:justify;
}

.sidebar-cities select {
font: 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color:#FFFFFF;
border: 1px solid #b2b2b2;
padding: 3px;
margin: 0px 0px 0px 0px;
width:100%;
}

/*****************************************************************************/
/*******************************MOBILE****************************************/
/*****************************************************************************/


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


/********************************LOCALIT*******************************/

.list-image {
display:inline-block;   
    position:relative;
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.list-image img {
max-width:90px;
}

.list-image-title {
font-size:11px;
display:block;
position:absolute;
left:2px;
bottom:2px;
width:99%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
color:#fff;
padding:5px;
background-color:rgba(0,0,0,.7);
}

.sidebar-cities {
display:none;
}

}