/**
 * Общие стили
 */
.b-shops {}
    .b-shops-map {
        background-color: rgb(250, 247, 243);
        height: 480px;
        position: relative;
        /*width: 640px;*/
    }
        .b-shops-map:before {
            content: attr('data-loading-msg');
            /*content: 'Загрузка карты…';*/
            display: block;
            font-size: 32px;
            line-height: 1;
            position: absolute;
            text-align: center;
            top: 50%;
            margin-top: -16px;
            width: 100%;
        }
        #i-ymap {
            height: 100%;
            width: 100%;
        }
    .b-shop-list {
        /*float: right;*/
        margin: 0;
        padding: 0;
        /*width: calc(100% - 660px);*/
    }
        .b-shop {
            border: 1px solid rgb(242, 237, 230);
            border-radius: 2px;
            list-style: none;
            margin-bottom: 5px;
            padding: 5px 10px;
        }
            .b-shop_name {
                font-weight: bold;
            }
            .b-shop_description {
                font-size: 14px;
            }

/** 
 * Стили для телефонов 
 */
@media all and (max-width: 767px) {
    .b-shops-map {
        height: 360px;
        width: 100%;
    }    
}


/** 
 * Стили для НЕ телефонов (компьютеров, ноутбуков, планшетов)
 */
@media all and (min-width: 768px) {
    .b-shop-list {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        /*float: right;*/
        margin: 0;
        padding: 10px 0 0 0;
        /*width: calc(100% - 660px);*/
    }
        .b-shop {
            box-sizing: border-box;
            display: inline-block;
            margin: 0 0 10px 0;
            /*padding: 0 0 10px 0;*/
            width: 100%;
        }
    .b-shops-map {
        height: 480px;
        /*width: 640px;*/
    }
}