@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 bold 20px/30px "Arial";}
    .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 bold 18px/30px "Arial";}
}

@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 bold 25px "Arial"; 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;
    }


	.logo_name p {
		margin: 0 0 0 8px;
	}
    .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) {
	.logo_name:before{font-size: 58px;}
	.menu li :before{
		font:normal normal 36px 'TransWest-Glyphs';
		vertical-align: middle;
		color:#fff;
	}
	.menu li:nth-child(1) :before{content: '\f643';}
	.menu li:nth-child(2) :before{content: '\f642';}
	.menu li:nth-child(3) :before{content: '\f637';}
	.menu li:nth-child(4) :before{content: '\f639';}
	.menu li:nth-child(5) :before{content: '\f638';}
	.menu li:nth-child(6) :before{content: '\f640';}
	
	.menu>ul>li>a {padding-left: 16px;}
	
    #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{
        display: none;
    }
	 .menu{
        height: auto;
    }

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


    .menu>ul>li>a {
        color: #fff;
		background: #45AD70;
        text-align: left;
		padding-left: 12px;
    }

    .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 Arial;
    }

    .logo_name {
        width: 310px;
    }

    .logo_name p {
        font: normal bold 24px "Arial";
        margin: 0 0 0 5px;
    }

    .logo_name p span {
        font: normal bold 17px "Arial";
    }
}

@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: 0px;
    }

    .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 "Arial";
    }

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

    .logo_name p span {
        font: normal bold 14px "Arial";
    }

    .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;
    }
}