/******************************************************общие для экранов*/


/******************************************************размеры экранов*/
/* Портретные планшеты и средние настольные компьютеры */
@media (min-width: 1025px){
    .price{
        background: grey;
        background-image: url(/images/u260.jpg);
        background-size: cover;
        width: 100% !important;
    }
    .price_container{
        display: flex;
        align-items: center;
        flex-flow: column nowrap;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .price_header{
        width: 100%;

        margin: 0;
        text-align: center;
        font-size: 2.875vw;
        font-family: Philosopher, sans-serif;
        color: white;
    }
    .price_block{
        width: 77.59882vw; /*1060/1366*/
        background-color: transparent;
        margin-top: 3vw;

        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;

    }
    .price_head{
        width: 24.8%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 2.635431vw; /*36/1366*/
        height: 3.733528vw; /*51/1366*/
        background-color: rgba(0, 194, 255, 0.57);
        transition: background-color 500ms;

        font-family: Ubuntu, sans-serif;
        font-size: 1.1416666vw;
        color: white;
    }
    .price_head_active{
        background-color: rgba(0, 194, 255, 1);
    }
    .price_content{
        width: 100%;
        background-color: rgba(0, 194, 255, 1);
        display: none;
        flex-flow: column nowrap;
        justify-content: space-between;
        overflow: hidden;
        padding: 2.635431vw; /*36/1366*/
        margin-top: -0.1vw;
    }
    .price_content_active{
        display: flex;
    }
    .price_cont_row{
        width: 100%;
        background-color: white;
        border-radius: 0.5vw;
        height: 3.660322vw; /*50/1366*/
        margin-top: 2px;

        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;

    }
    .price_cont_block_cell1{
        padding-left: 1vw;
        width: 37%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.1416666vw;
        color: #666666;
    }
    .price_cont_block_cell2{
        width: 29%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.4416666vw;
        color: #666666;
    }
    .price_cont_block_cell3{
        width: 30%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.1416666vw;
        color: #666666;
    }

}
/* Горизонтальные телефоны и вертикальные планшеты */
@media (min-width: 576px) and (max-width: 1024px) {
    .price{
        background: grey;
        background-image: url(/images/u260.jpg);
        background-size: cover;
        width: 100% !important;
    }
    .price_container{
        display: flex;
        align-items: center;
        flex-flow: column nowrap;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .price_header{
        width: 100%;

        margin: 0;
        text-align: center;
        font-size: 3.9765319vw;
        font-family: Philosopher, sans-serif;
        color: white;
    }
    .price_block{
        width: 100%;
        background-color: transparent;
        margin-top: 3vw;

        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;

    }
    .price_head{
        width: 24.8%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 2.135431vw;
        height: 5.733528vw;
        background-color: rgba(0, 194, 255, 0.57);
        transition: background-color 500ms;

        font-family: Ubuntu, sans-serif;
        font-size: 2.086049vw;
        color: white;
    }
    .price_head_active{
        background-color: rgba(0, 194, 255, 1);
    }
    .price_content{
        width: 100%;
        background-color: rgba(0, 194, 255, 1);
        display: none;
        flex-flow: column nowrap;
        justify-content: space-between;
        padding: 2.135431vw;
        margin-top: -0.2vw;

    }
    .price_content_active{
        display: flex;

    }
    .price_cont_row{
        width: 100%;
        background-color: white;
        border-radius: 0.8vw;
        height: 4.960322vw;
        margin-top: 2px;

        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;

    }
    .price_cont_block_cell1{
        padding-left: 1vw;
        width: 33%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.9vw;
        color: #666666;
    }
    .price_cont_block_cell2{
        width: 26%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.9vw;
        font-weight: 700;
        color: #666666;
    }
    .price_cont_block_cell3{
        width: 38%;
        font-family: Ubuntu, sans-serif;
        font-size: 1.9vw;
        color: #666666;
    }

}
/* Вертикальные телефоны и меньше */
@media (max-width: 575.98px) {
    .price{
        background: grey;
        background-image: url(/images/u260.jpg);
        background-size: cover;
        width: 100% !important;
    }
    .price_container{
        display: flex;
        align-items: center;
        flex-flow: column nowrap;
        padding-top: 5.7vw;
        padding-bottom: 5.7vw;
    }
    .price_header{
        width: 100%;

        margin: 0;
        text-align: center;
        font-size: 6.1631944vw;
        font-family: Philosopher, sans-serif;
        color: white;
    }
    .price_block{
        width: 100%;
        background-color: transparent;
        margin-top: 3vw;

        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;

    }
    .price_head{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 2.135431vw;
        height: 11.631944vw;
        background-color: rgba(0, 194, 255, 0.57);
        transition: background-color 500ms;

        font-family: Ubuntu, sans-serif;
        font-size: 4.6vw;
        color: white;
        border-bottom: white 2px solid;
    }
    .price_head_active{
        background-color: rgba(0, 194, 255, 1);
    }
    .price_content{
        width: 100%;
        background-color: rgba(0, 194, 255, 1);
        display: none;
        flex-flow: column nowrap;
        justify-content: space-between;
        padding: 2.135431vw;

    }
    .price_content_active{
        display: flex;

    }
    .price_cont_row{
        width: 100%;
        background-color: white;
        border-radius: 1.4vw;
        height: 19.960322vw;
        margin-top: 4px;

        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: center;
        padding-top: 1vw;
        padding-bottom: 1vw;

    }
    .price_cont_block_cell1{
        padding-left: 1vw;
        width: 100%;
        font-family: Ubuntu, sans-serif;
        font-size: 3.298611vw;
        color: #666666;
        order: 1;

    }
    .price_cont_block_cell2{
        padding-left: 1vw;
        width: 100%;
        font-family: Ubuntu, sans-serif;
        font-size: 3.298611vw;
        font-weight: 700;
        color: #666666;
        order: 2;
    }
    .price_cont_block_cell3{
        padding-left: 1vw;
        width: 100%;
        font-family: Ubuntu, sans-serif;
        font-size: 2.698611vw;
        color: #666666;
        order: 3;
    }
    .price_order1{
        order: 1;
    }
    .price_order2{
        order: 2;
    }
    .price_order3{
        order: 3;
    }
    .price_order4{
        order: 4;
    }
    .price_order5{
        order: 5;
    }
    .price_order6{
        order: 6;
    }
    .price_order7{
        order: 7;
    }
    .price_order8{
        order: 8;
    }

}