/**
   Файл:    <шаблон>/css/prices/prices.css
   Раздел:  Стили страницы "Цены"
   Автор:   BVP
   -----------------------------------------------------------
 */

#h2-additional {
    margin-top: 4%;
}
 
/*  Таблица цен на дополнительные услуги */
#arb-additional {
    display:       table;
    margin:        4% 0 6%;
    padding:       0 0 1%;
    text-align:    center;
    border-top:    solid 2px;
    border-bottom: solid 2px;
}

/*  Заголовки */
#arba-headers {
    display: table-row;
}
#arba-headers > div {
    display:       table-cell;
    font-weight:   bold;
    padding:       1em 3em;
    border-bottom: solid 1px;
}

/*  Категории */
.arba-row {
    display: table-row;
    padding: 1em 0;
}
.arba-row > div {
    display: table-cell;
    padding: 1em 3em;
    border-bottom: solid 1px;
}
.arba-row-last > div {
    border-bottom: none;
}


@media only screen and (max-width : 900px) 
{
    #arba-headers > div,
    .arba-row     > div {
        padding: 1em 2em;
    }
}

@media only screen and (max-width : 800px) 
{
    #arba-headers > div,
    .arba-row     > div {
        padding: 1em 1em;
    }
}

@media only screen and (max-width : 700px) 
{
    #arba-headers > div:first-of-type,
    .arba-row     > div:first-of-type {
        padding-left: 0;
    }
    #arba-headers > div:last-of-type,
    .arba-row     > div:last-of-type {
        padding-right: 0;
    }
}

@media only screen and (max-width : 600px) 
{
    #arba-headers > div:nth-of-type(2),
    .arba-row     > div:nth-of-type(2) {
        padding-right: 0;
    }
}

@media only screen and (max-width : 450px) 
{
    /*  не влезают копейки в последнем столбце */
    #arba-headers > div:nth-of-type(1),
    .arba-row     > div:nth-of-type(1) {
        padding-right: 0;
    }
}