﻿@media screen and (max-width: 1450px) {
    .footer div {
        width: 95%;
    }
}

@media screen and (max-width: 1370px) {
    .top_block {
        width: 85%;
    }

    .fleet_text {
        width: 85%;
    }
}

@media screen and (max-width: 1300px) {
    .footer div {
        width: 100%;
    }

    .button_header a+a {
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .top_block {
        width: 90%;
    }

    .fleet_text {
        width: 90%;
    }
}

@media screen and (max-width: 1200px) {
    .newform_calc section > div {
        width: 100%;
        display: block;
        margin: 10px 0;
    }
}

@media screen and (max-width: 1180px) {
    .menu>ul>li {
        margin: 10px 0;
    }
}

@media screen and (max-width: 1150px) {
    .header {
        height: auto;
    }

    .header > div {
        width: 100%;
    }

    .logo_name {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        padding-top: 5px;
        margin-left: 20px;
    }

    .geography>div {
        width: 90%;
    }

    .title p {
        font: normal normal 20px/30px "Roboto Bold";
    }

    .client_reviews {
        margin: 0 5px;
    }

    .news_block {
        margin: 0 5px;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 1100px) {
    .footer div {
        width: 70%;
    }

    .footer ul {
        margin-top: 20px;
        width: calc(100% / 2);
    }

    .fleet {
        margin: 15px 5px;
    }

    .news_block_list_img {
        float: none;
        display: block;
        margin: 0 10px 10px 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 1080px) {
    .client_reviews {
        margin: 0 auto 20px;
        display: block;
        width: 100%;
        max-width: 600px;
        height: auto;
    }

    .client_reviews p span:only-child {
        height: auto;
    }

    .news_block {
        margin: 10px 10px;
        width: 350px;
        max-width: 600px;
        height: auto;
        padding: 20px 20px 15px;
        overflow: auto;
    }

    .news_block p {
        vertical-align: top;
        box-sizing: border-box;
        height: auto;
    }

    .news_block p+p {
        display: block;
        padding-top: 0;
        width: 100%;
    }

    .news_block p+p:before {
        content: '';
        display: table;
        clear: both;
    }

    .reviews {
        padding: 0 15px 30px;
    }

    .reviews a {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .footer div {
        width: 80%;
    }

    .social div:not(.social_link) {
        width: 70%;
    }

    .top_block {
        width: 100%;
    }

    .fleet_text {
        width: 95%;
    }

    .pages_block {
        width: 90%;
    }

    .title p {
        padding-left: 20px;
    }
}

@media screen and (max-width: 990px) {
    .contact_header {
        margin-right: 20px;
    }
}

@media screen and (max-width: 940px) {
}

@media screen and (max-width: 930px) {
    .button_header a {
        display: none;
    }
}

@media screen and (max-width: 906px) {
    .footer div {
        width: 90%;
    }

    .pages_block {
        width: 100%;
    }

    .pallet_list div {
        width: 100%;
    }

    .text_block {
        padding: 0 20px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .sidebar {
        width: 100%;
        float: none;
    }

    .news_block_list div {
        border-left: none;
        border-bottom: 2px solid #89a;
        margin-bottom: 15px;
        padding: 0 0 10px 0px;
    }

    .news_block_list div:last-child {
        border-bottom: none;
    }

    .news_block_list img {
        max-width: 100%;
    }

    .calc_form {
        width: 100%;
        margin: 0 auto 20px;
        display: none;
        float: none;
    }

    .add_block_info {
        display: none;
    }

    .text_contain {
        width: 100%;
        padding: 0 15px;
        margin-left: 0;
    }

    .calc_form select, .calc_form input {
        display: block;
        width: 100%;
    }

    .expanded_form section input {
        display: inline;
    }

    .top_block {
        min-height: auto;
    }

    .show_hide form {
        display: none;
    }

    .show_hide > p {
        position: relative;
    }

    .show_hide > p:after {
        content: '\25BC';
        padding-left: 15px;
        color: #616E7B;
        font: normal normal 17px Roboto;
    }

    .click_show_form:after {
        display: none;
    }

    .img_block {
        text-align: center;
    }

    .map_pages {
        display: none;
    }

    .text {
        margin-top: 20px;
    }

    .fleet {
        margin: 15px;
    }
}

@media screen and (max-width: 870px) {
    .fleet {
        margin: 15px 7px;
    }

    .map {
        transform: scale(0.8);
    }
}

@media screen and (max-width: 830px) {
    .client_reviews {
        width: 100%;
        max-width: 100%;
    }

    .news_block {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
    }

    .news_block img {
        display: none;
    }

    .news_block {
        padding: 10px;
    }

    .footer div {
        width: 95%;
    }
}

@media screen and (max-width: 840px) {
    .title p {
        font: normal normal 18px/30px "Roboto Bold";
    }
}

@media screen and (max-width: 820px) {
    .fleet {
        margin: 15px;
    }
}

@media screen and (max-width: 780px) {
    .contact_header_add {
        display: none;
    }
}

@media screen and (max-width: 770px) {
    .title {
        display: none;
    }

    .map {
        transform: scale(0.7);
    }
}

@media screen and (max-width: 735px) {
    .advantages_sub {
        width: 100%;
        display: block;
    }

    .map_block {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    .footer ul {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 660px) {
    .geography>div {
        text-align:center;
    }

    .geography_left, .geography_right {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        display: block;
    }

    .geography_right {
        display: inline-block;
    }

    .geography_left p {
        font: normal normal 25px "Roboto Bold";
        padding: 5px 0 0;
    }

    .geography_left p+p {
        padding: 0 0 5px;
    }

    .news_block p {
        display: block;
        width: 100%;
        padding: 0 0 0 15px;
        height: auto;
    }

    .news_block p+p {
        padding-top: 15px;
    }

    .social div:not(.social_link) {
        text-align: center;
        width: 100%;
    }

    .social p {
        display: none;
    }

    .social_link {
        position: relative;
    }
}

@media screen and (max-width: 630px) {
    .iti-mobile .intl-tel-input.iti-container {
        left: 0 !important;
        right: 0 !important;
        z-index: 99999999;
    }

    .right_header {
        display: none;
    }

    .link_index {
        display: inline-block;
    }
}

@media screen and (max-width: 625px) {
    .logo_name {
        margin: 0 10px;
    }

    .contact_header {
        display: none;
    }

    .right_header {
        position: relative;
        top: 0px;
        right: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        background: #fff;
    }
}

@media screen and (max-width: 600px) {
    #close_call_back {
        display: block;
        font: normal normal 18px Roboto;
        text-decoration: none;
        color: #F44336;
        padding: 15px 0;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        width: 100%;
        border: none;
        border-radius: 0;
        background: transparent;
    }

    #close_call_back:after {
        display: none;
    }

    .calc_form_page {
        max-width: 100%;
        padding: 15px 7px;
    }

    .calc_form_page select, .calc_form_page input {
        display: block;
    }

    .calc_form_page select {
        width: 100%;
    }

    .calc_form_page input {
        width: 100%;
    }

    .calc_form_page input[name="name_cargo"], .calc_form_page input[name="name_client"], .calc_form_page input[name="tel"], .calc_form_page input[name="packaging"] {
        max-width: 100%;
    }

    .calc_form_page label[for^="trans"] {
        display: block;
        overflow: auto;
        width: 100px;
        margin: 5px 5px 5px 45px;
        text-align: left;
    }

    .calc_form_page section input {
        display: inline;
    }

    .calc_form_page label[for="temp"] {
        margin-right: 5px;
    }

    .search_town {
        width: 100%;
    }

    .calc_volume_arbor {
        width: 100%;
    }

    .calc_volume {
        width: 100%;
    }

    .select_trans {
        width: 100%;
        max-width: 370px;
    }

    .table_volume_arbor {
        display: none;
    }

    .fleet {
        width: 100%;
        margin: 15px 0;
    }

    .fleet div p {
        text-align: center;
        padding: 10px 0 10px 0;
    }

    .fleet a {
        display: block;
        margin: 0px 20px;
    }

    .fixed_block {
        box-shadow: none;
    }

    .button_header_mobile {
        display: block;
    }

    .list_articles {
        padding: 0;
    }

    .list_articles ul {
        padding: 10px 0 15px 15px;
    }

    .menu_hide {
        display: none;
    }

    .list_contact ul {
        margin: 10px 0;
        display: block;
        width: 100%;
    }

    .top_block {
        margin: 10px auto 20px;
    }

    #hide_menu {
        display: block;
    }

    .menu {
        height: auto;
    }

    .menu>ul>li {
        display: block;
        width: 90%;
        margin: 10px auto;
    }

    .edit_page select {
        display: block;
    }

    .edit_page div i {
        display: block;
        padding: 0 8px 0 5px;
    }

    .edit_page input {
        display: block;
    }

    .edit_page textarea {
        max-width: 400px;
        width: 100%;
    }

    .add_reviews img {
        vertical-align: 0;
        display: block;
        margin: 0 0 10px 0;
        border-radius: 4px;
    }
}

@media screen and (max-width: 550px) {
    .pallet_list img {
        float: none;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }

    .pallet_list ul {
        margin: 10px 0 5px;
    }
}

@media screen and (max-width: 530px) {
    .news_block p {
        padding: 0;
    }

    .slider {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .geography_left p {
        padding: 11px 0;
    }

    .geography_left p+p {
        display: none;
    }

    .calc_route span {
        display: block;
    }

    .calc_route input {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    .geography_left p+p {
        display: none;
    }

    .error_page span {
        font: normal normal 20px Open Sans;
    }

    .logo_name {
        width: 310px;
    }

    .logo_name p {
        font: normal normal 24px "Roboto Bold";
        margin: 0 0 0 5px;
    }

    .logo_name p span {
        font: normal normal 17px "Roboto Bold";
    }
}

@media screen and (max-width: 460px) {
    .img_block img {
        outline: none;
        outline-offset: 0;
        max-width: 100%;
    }

    .list_service li {
        margin: 5px;
    }
}

@media screen and (max-width: 440px) {
    .client_reviews_block {
        width: 100%;
    }

    .client_reviews_block u {
        display: block;
    }

    .client_reviews_block p span {
        vertical-align: middle;
    }
}

@media screen and (max-width: 410px) {
    .news_block_list section {
        text-align: center;
    }

    .news_block_list section span {
        margin-right: 10px;
    }

    .expanded_form label[for^="trans"] {
        display: block;
        overflow: auto;
        width: 100px;
        margin: 5px 5px 5px 45px;
        text-align: left;
    }

    .error_page a {
        font: normal normal 20px Open Sans;
    }

    .logo_name p {
        font: normal normal 19px "Roboto Bold";
        margin: 9px 0 0 5px;
        margin: 9px 0 0 5px;
    }

    .logo_name p span {
        font: normal normal 14px "Roboto Bold";
    }

    .calc_volume_arbor span {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 390px) {
    .list_service li {
        width: 100%;
        margin: 5px 0;
        height: auto;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 370px) {
    .select_trans span {
        width: 100px;
    }

    .img_block img {
        max-width: 100%;
        width: 100%;
    }

    .related_articles ul {
        padding: 0
    }

    .docs_vss li {
        padding-left: 0;
    }

    .list_docs .counter_docs {
        position: relative;
        right: 0;
        top: 0;
    }
}

@media screen and (max-width: 320px) {
    .img_block img {
        max-width: 100%;
        width: 100%;
    }

    .logo_name {
        margin: 0 0;
    }

    .link_index {
        right: 4px;
    }
}
