header nav#path {
    z-index: 1;
}

section#contacts .top-bg p {
    color: #fff;
}

@media only screen and  (min-width: 992px) {
    header #top-header {
        height: 35px;
    }
    
    header nav#menu {
        top: 70px;
    }
    
    header nav#path {
        top: 135px;
    }
    
    .section {
        padding-top: 220px;
    }
}

@media only screen and  (max-width: 992px) {
    .section {
        padding-top: 55px;
    }

    header #top-header h1 {
        flex-basis: auto;
    }

    header #top-header .wrapper div.main {
        float: none;
        display: block;
        visibility: visible;
    }

    header .second-line div, header .first-line div  {
        float: none;
        display: none;
        visibility: hidden;
    }

    header #top-header .main .first-line div.cell {
        display: block;
        visibility: visible;
        text-align: right;
    }


    header .second-line .search input {
        width: 100%;
        padding-right: 130px;
    }

    header .cell {
        padding-top: 0;
    }

    header .cell img {
        margin-left: 0;
    }

    header .cell .mts {
        padding-right: 0;
    }

    header .second-line div.mobile_humburger {
        background: url(../img/humburger.png);
        display: block;
        visibility: visible;
        width: 55px;
        height: 53px;
        margin-bottom: 5px;
    }

    header .second-line, header .first-line {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    header #top-header .main .first-line {
        padding-bottom: 20px;
    }

    header nav#path {
        position: initial;
        box-shadow: none;
    }

    header nav#menu {
        position: initial;
    }

    .section h1 {
        font-size: 35px;
    }

    .table-prices table {
        width: 100%;
    }

    .main .wrapper {
        padding-top: 0;
    }

    .table-prices {
        margin-top: 55px;
        padding-top: 0;
    }

    .table-prices table th:first-child {
        padding: 10px 10px;
    }

    .table-prices table td {
        width: 100px;
        padding: 10px 5px;
        vertical-align: middle;
    }

    .table-prices table caption {
        font-size: 26px;
    }
}

@media only screen and  (max-width: 768px) {
    header #top-header .wrapper div.main {
        flex-basis: 100%;
    }

    header #top-header h1 {
        display: none;
        visibility: hidden;
    }

    header #top-header .wrapper div.mobile_logo {
        display: block;
        visibility: visible;
    }
    header .cell span {
        font-size: 17px;
    }

    header .cell img {
        display: none;
        visibility: hidden;
    }

    header #top-header .main .first-line div.cell {
        flex-basis: 60%;
    }
    header .cell .mts, header .cell .kyivstar {
        background-position-y: 0px;

    }
}

@media only screen and  (max-width: 568px) {
    .table-prices .wrapper {
        margin: auto;
    }
}

@media only screen and  (max-width: 520px) {
    header .second-line .search input {
        background-image: none;
    }
    header .second-line, header .first-line {
        justify-content: space-between;
    }

    header #top-header .main .first-line div.cell {
        height: auto;
    }

    header #top-header .main .first-line div.cell {
        flex-basis: 100%;
        text-align: left;
    }

    header .second-line .search {
        flex-basis: 75%;
    }

    header .second-line .search input {
        padding: 0;
        text-align: center;
    }

    header .second-line .search button {
        position: initial;
        display: block;
        width: 100%;
    }

    header .cell {
        margin-top: 10px;
    }

    header .cell .kyivstar {
        background: url("../img/kyivstar.png") 6px 1px no-repeat;
        margin-left: 0;
    }

    header .cell img {
        display: none;
        visibility: hidden;
    }

    header .cell span {
        margin-top: 15px;
    }

    header #top-header .main .first-line {
        padding: 0 0 20px;
    }
}