﻿
@media (max-width: 1199px) {
    .header_block.home {
        height: 719px;
    }
    .header_content_left_bl, .header_content_text {
        height: 629px;
    }
    .header_content_text h1 {
        font-size: 40px;
    }
    .advantages_bl_title h3 {
        font-size: 17px;
    }
    .services_bl_list {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .footer_contakt_text span, .footer_contakt_text a {
        font-size: 10px;
    }
    .portfolio_fon_bl {
        padding: 25px 40px 20px;
    }

    .portfolio_fon_bl h3 {
        margin-top: 9px;
    }
    .car-lights {
        -moz-transform: scale(0.9); /* Для Firefox */
        -ms-transform: scale(0.9); /* Для IE */
        -webkit-transform: scale(0.9); /* Для Safari, Chrome, iOS */
        -o-transform: scale(0.9); /* Для Opera */
        transform: scale(0.9);
    }
    .services_bl_text p {
        margin: 0 0 20px;
    }
}
@media (max-width: 991px) {
    .heade_logo {
        justify-content:center;
    }
    .header-menu {
        display: flex;
        justify-content: space-around;
        height: 70px;
    }
    .header_top.fixed #header_bl_tel span, .header_top.fixed #header_bl_tel .fa-angle-down, .header_top.fixed #header_bl_menu span{
        display: none;
    }
    .header_top.fixed #header_bl_tel {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ee3131;
    }
    .header_top.fixed #header_bl_tel .fa-phone {
        margin-right: 0px; 
        color: #ffffff;
    }
    .header_top.fixed .header-menu {
        justify-content: flex-end;
        height: 90px;
    }
    .header_top.fixed .heade_logo {
        position: absolute;
        top: 0;
        left: 15px;
    }
    .header_top.fixed .heade_logo.home img {
        width: 250px;
        height: 46px;
    }
    .header_top.fixed .header_line {
        display: none;
    }
    .header_top.fixed #header_bl_menu {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ee3131;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header_top.fixed #header_bl_menu .icon-menu, .header_top.fixed #header_bl_menu .icon-close {
        margin-left: 0px;
        width:18px;
        height:18px;
        margin-bottom:0;
    }
    .header_top.fixed #header_bl_menu .icon-close {
        margin-right: 0px; 
    }
    .header_content_text h1 {
        font-size: 32px;
    }
    .header_content_text h2 {
        font-size: 24px;
    }
    .header_content_text p {
        font-size: 12px;
    }
    .header_content_left_bl, .header_content_text {
        height: 408px;
    }
    .header_content_left_bl {
        align-items: center;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 15px;
    }
    .header_content_left_bl a {
        padding-right: 0px; 
    }
    .header_block.home {
        height: 569px;
    }
    .baner_bl_text {
        height: 400px;
    }
    .baner_bl_text {
        padding-bottom: 30px;
    }
    .baner_bl_text_title {
        font-size: 12px;
    }
    .baner_bl_text_tel a {
        font-size: 45px;
    }
    .advantages_bl {
        margin-top: 40px;
    }
    .advantages_bl_title h3 {
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .advantages_bl_text p {
        padding: 0px 50px;
    }
    .services_bl_text p {
        line-height: 24px;
        margin-bottom: 30px;
    }
    .services_bl_list {
        -webkit-column-width: 200px;
        -moz-column-width: 200px;
        column-width: 200px;
        margin-bottom: 60px;
    }
    .services_bl_list li {
        width: 200px;
    }
    .baner_bl {
        margin-bottom: 60px;
    }
    .recording_bl_title h1 {
        font-size: 44px;
        margin-top: 60px;
        margin-bottom: 10px;
    }
    .recording_bl {
        height: 434px;
    }
    .lastNews_bl_com {
        flex-direction: column;
    }
    .footer_bl_map {
        padding-top: 60px;
    }
    .footer_bl_contakts {
        padding: 60px 0px 0px 50px;
    }
    .completed_work_bl .number {
        font-size: 38px;
    }
    .completed_work_bl span {
        font-size: 13px;
    }
    .my_modal_bl .recording_bl {
        height:auto;
    }
    .recording_form_bl_btn {
        margin-bottom: 30px;
    }
    .header_top.fixed {
        border-bottom: 2px solid #ee3131;
    }
    .col-md-3.col-sm-6.map {
        padding-right: 15px;
        padding-left: 15px;
    }
    .footer_contakt_text span, .footer_contakt_text a {
        font-size: 14px;
    }
    .heade_blog {
        height: 269px;
    }
    .header_block.blog, .header_block.contacts, .header_block.portfolio, .header_block.services {
        height: 430px;
    }
    .lastNews_bl_com.newblock_com{
        flex-direction:row;
    }
    .drop_bl_tel {
        right: auto;
        left: 0;
    }
    .lastNews_bl_pagination {
        padding: 0px 0px 50px;
    }
    .lastNews_block.lastNews_block_blog .lastNews_bl {
        margin-bottom: 50px;
    }
    .footer_bl_map.contacts_bl_map {
        padding-top: 0px;
    }
    .portfolio_fon_bl {
        padding: 25px 20px 20px;
    }
    .portfolio_fon_bl h3 {
        line-height: 26px;
    }
    .portfolio_fon_bl p {
        font-size: 12px;
        line-height: 20px;
        margin:0;
    }
    .portfolio_fon_bl a {
        line-height: 24px;
    }
    .portfolio_sing_img img {
        margin: 0 auto;
    }

    .portfolio_sing_bl .owl-pagination {
        text-align: center;
        right: 0;
    }
    .car-lights {
        -webkit-transform-origin: 20% 50%;
        -moz-transform-origin: 20% 50%;
        -o-transform-origin: 20% 50%; 
        -ms-transform-origin: 20% 50%; 
        transform-origin: 20% 50%;
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        bottom: 0px;
    }
}
@media (max-width: 767px) {
    .header_content > div > div{
        display:flex;
        flex-direction:column-reverse;
    }
    #header_bl_tel span, #header_bl_tel .fa-angle-down, #header_bl_menu span {
        display: none;
    }

    #header_bl_tel {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ee3131;
    }

     #header_bl_tel .fa-phone {
        margin-right: 0px;
    }

    .header-menu {
        justify-content: flex-end;
        height: 90px;
    }

    .heade_logo {
        position: absolute;
        top: 0;
        left: 15px;
    }

    .heade_logo.home img {
        width: 250px;
        height: 46px;
    }

    .header_line {
        display: none;
    }

    #header_bl_menu {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #ee3131;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #header_bl_menu .icon-menu, #header_bl_menu .icon-close {
        margin-left: 0px;
        width: 18px;
        height:18px;
        margin-bottom:0;
    }
    .header_block_tel, .header_block_tel a {
        margin-right: 9px;
    }
    .header_block_tel a {
        margin-right: 0px;
    }
    .my_button {
        margin-left: 15px;
    }
    #header_bl_menu {
        margin-left: 15px;
    }
    .heade_logo.home img, .header_top.fixed .heade_logo.home img {
        width: 200px;
        height: 41px;
    }
    .header_block.home {
        height: 469px;
    }
    .header_content_left_bl {
        align-items: center;
        flex-direction: row; 
        justify-content: center; 
        padding-bottom: 15px;
        height: auto;
        padding-top: 30px;
    }
    .header_content_left_bl a {
        padding-right: 40px;
    }
    .header_content_text {
        height: 300px;
    }
    .header_content_left_bl {
        height: auto;
    }
    .header_content_text h2 {
        margin-top: 0;
    }
    .header_content_text p {
        margin-bottom: 40px;
    }
    .baner_bl_text {
        height: 250px;
    }
    .baner_bl_text_title {
        font-size: 9px;
    }
    .baner_bl_text_tel a {
        font-size: 35px;
    }
    .services_bl_img {
        justify-content: center;
    }
    .services_bl_text {
        text-align:center;
    }
    .services_bl_list li {
        width: 300px;
    }
    .services_bl_list {
        -webkit-column-width: 280px;
        -moz-column-width: 280px;
        column-width: 280px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .reviews_car_comment, .reviews_car_foto {
        width: 95%;
    }
    .lastNews_bl_com {
        flex-direction: row;
        justify-content: center;
    }
    .lastNews_text {
        padding:15px 50px 0px;
        text-align:center;
    }
    .lastNews_bl_title {
        text-align: center;
    }
    .lastNews_bl {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .lastNews_bl_btn {
        padding-top: 25px;
    }
    .weWorkAvto .lastNews_title {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer_bl_logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
    }
    .footer_bl_logo .footer_text,.footer_bl_logo .header_block_social {
        align-self: flex-start;
    }
    .footer_bl_clients {
        padding: 0;
    }
    .footer_clients_cont {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 125px;
        justify-content: center;
        align-items: center;
    }
    .footer_map {
        display: flex;
        justify-content: center;
    }
    .footer_clients_cont a {
        width: 250px;
    }
    .my_modal_bl .recording_form label {
        color: #141414;
        font-size: 13px;
    }
    .header_block.blog .heade_logo > a > img, .header_block.contacts .heade_logo > a > img, .header_block.portfolio .heade_logo > a > img, .header_block.services .heade_logo > a > img {
        width: 200px;
        height: 39px;
    }
    .header_block.blog, .header_block.contacts, .header_block.portfolio, .header_block.services {
        height: 361px;
    }
    .contacts_form {
        max-width: 400px;
        margin: 0 auto;
        margin-top: 37px;
    }
    .contacts_form .my_button {
        margin-bottom: 0px; 
    }
    .contacts_bl_map {
        margin-bottom: 60px;
    }
    .lastNews_block_port .advantages_tabs li a {
        padding: 10px;
    }
    .portfolio_fon_bl a {
        line-height: 54px; 
    }
    .portfolio_fon_bl p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 10px;
    }
    .portfolio_fon_bl h3 {
        line-height: 46px;
        margin-top: 45px;
    }
    .portfolio_fon_bl {
        padding: 45px 40px 30px;
    }
    #header_bl_menu .icon-close {
        margin-right: 0px;
    }
    .car-lights {
        -webkit-transform-origin: 10% 70%;
        -moz-transform-origin: 10% 70%;
        -o-transform-origin: 10% 70%;
        -ms-transform-origin: 10% 70%;
        transform-origin: 10% 70%;
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        -o-transform: scale(0.4);
        transform: scale(0.4);
        bottom: 0px;
    }
}
@media (max-width: 640px) {
    .heade_logo {
        position: static;
        height: 60px;
    }
    .header-menu {
        justify-content: space-around;
        height: 60px;
    }
    .header_block.home {
        height: 486px;
        background-position: 65% center;
    }
    .completed_work_bl {
        margin-right: 10px;
    }
    .completed_work_block {
        flex-wrap: wrap;
        height: 120px;
    }
    .completed_work_bl .number {
        font-size: 28px;
        line-height: 34px;
    }
    .completed_work_bl span {
        font-size: 10px;
        line-height: 12px;
    }
    .advantages_block_title {
        margin-top: 40px;
    }
    .header_top.fixed .heade_logo {
        height: 90px; 
    }
    .header_top.fixed .header_block_tel, .header_top.fixed .header_block_tel a {
        margin-right: 0px;
    }
    .baner_bl_text {
        justify-content: flex-start;
        padding-top: 50px;
    }
    .services_bl_list {
        padding-left:40px;
    }
    .recording_form {
        flex-direction: column;
        align-items:center;
    }
    .recording_form_bl_left, .recording_form_bl_right {
        width: 100%;
    }
    .form-group_textArea{
        margin-top:30px;
    }
    .recording_bl {
        height: 610px;
    }
    .reviews_car_comment, .reviews_car_foto {
        width: 412px;
    }
    .reviews_car_comment {
        padding: 30px 28px 40px;
    }
    .reviews_car_comment p {
        font-size: 12px;
        padding: 0px 0px 0px 18px;
    }
    .lastNews_title {
        padding-top: 60px;
    }
    .footer_clients_cont a {
        width: 200px;
    }
    .footer_bl_contakts {
        padding: 60px 0px 0px 0px;
    }
    .header_block.blog, .header_block.contacts, .header_block.portfolio, .header_block.services {
        height: 390px;
        background-position: 37% center;
    }
    .newblock_bl {
        padding: 60px 20px 0px;
    }
    .header_block.blog .heade_logo > a > img, .header_block.contacts .heade_logo > a > img, .header_block.portfolio .heade_logo > a > img, .header_block.services .heade_logo > a > img {
        width: 150px;
        height: 29px;
    }
    .reviews_bl {
        text-align: center;
        padding-top: 60px;
        margin-bottom: 60px;
    }
    .portfolio_fon_bl {
        padding: 25px 20px 20px;
    }
    .portfolio_fon_bl h3 {
        margin-top: 9px;
        line-height: 33px;
    }
    .lastNews_block_port .advantages_tabs li a {
        padding: 5px;
        font-size: 13px;
    }
    .services_block.services {
        margin: 60px 0px;
    }

    .weWorkAvto.services .owl-carousel {
        margin: 0 0 60px;
    }

    .reviews_car_comment {
        margin-top: 10px;
    }

    .newblock_bl.single_service .newblock_text {
        margin-bottom: 60px;
    }
    .header_top.fixed #header_bl_menu {
        margin-left: 10px;
    }

    .header_top.fixed .header-menu .header_bl_btn_enroll .my_button {
        margin-left: 6px;
        width: 120px;
    }
    .header_top.fixed .header-menu .header_block_social a {
        padding: 4px;
        display: inline-block;
    }
    .header_top.fixed .header_block_tel, .header_block_tel a {
        margin-right: 3px;
    }
    .header_top.fixed .heade_logo.home img {
        width: 140px;
        height: 29px;
    }
}
@media (max-width: 480px) {
    .header_content_text h1 {
        font-size: 26px;
        line-height: 26px;
    }
    .header_content_text h2 {
        font-size: 18px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .header_content_text p {
        font-size: 10px;
        text-shadow: 0px 0px 15px #000000;
    }
    .header-menu .header_block_social a {
        padding: 4px;
        display: inline-block;
    }
    .header_block_tel, .header_block_tel a {
        margin-right: 3px;
    }
    .header_content_left_bl {
        align-items: center;
        flex-direction: column;
    }
    .header_content_left_bl a {
        padding-right: 0px;
    }
    .header_block.home {
        height: 506px;
        background-position: 50% center;
    }
    .completed_work_bl .number {
        font-size: 38px;
        line-height: 40px;
    }
    .completed_work_bl span {
        font-size: 13px;
        line-height: 18px;
    }
    .completed_work_bl {
        margin: 0px 30px 20px;
        margin-bottom: 20px;
    }
    .completed_work_block {
        height: 350px;
        justify-content: center;
    }
    .header_top.fixed .heade_logo {
        position: static;
        height: 60px;
    }
    .header_top.fixed .header-menu {
        justify-content: center;
        height: 60px;
    }
    .services_bl_img img {
        width: 100%;
        height: auto;
    }
    .services_bl_img {
        display:block;
    }
    .services_bl_list li {
        width: auto;
    }
    .recording_bl_title h1 {
        font-size: 34px;
    }
    .recording_bl_title p {
        font-size: 14px;
        line-height: 24px;
    }
    .reviews_car_comment, .reviews_car_foto {
        width: 95%;
    }
    .reviews_car_comment {
        padding: 30px 18px 40px;
    }
    .reviews_car_comment i {
       font-size: 24px;
   }
    .reviews_car_comment p {
       line-height: 18px;
   }
   .services_bl_text h2, .reviews_bl h2, .lastNews_title h2 {
       font-size: 26px;
   }
   .lastNews_bl_img a {
       display: block; 
       left: auto; 
       margin-left: 0px; 
    }
    .lastNews_text {
        padding: 15px 0px 0px;
    }
    .footer_clients_cont a {
        width: 120px;
    }
    .footer_map {
        display: block;
    }
    .footer_bl_contakts {
        padding: 60px 0px 0px 0px;
    }
    .footer_copyright_text, .footer_copyright_text i {
        font-size: 9px;
    }
    .heade_blog h1 {
        font-size: 18px;
    }
    .breadcrumb > li > a, .breadcrumb > li > span {
        font-size: 9px;
    }
    .breadcrumb > li + li:before {
        font-size: 9px;
        padding:0;
    }
    .heade_blog {
        height: 179px;
    }
    .header_block.blog, .header_block.contacts, .header_block.portfolio, .header_block.services {
        height: 300px;
        background-position: 35% center;
    }
    .lastNews_bl_com.newblock_com {
        flex-direction: column;
        align-items: flex-start;
    }
    .lastNews_bl_com.newblock_com .header_block_social.newblock_social{
        text-align:left;
    }
    .lastNews_bl_com.newblock_com .header_block_social.newblock_social, .lastNews_bl_com.newblock_com .lastNews_stars, .lastNews_bl_com.newblock_com .lastNews_comments.newblock_comments{
        margin-bottom:15px;
        margin-left: 0px;
    }
    .newblock_bl {
        padding: 60px 0px 0px;
    }
    .lastNews_title .nav-tabs > li > a {
        padding: 10px;
        font-size: 13px;
    }
    .portfolio_fon_bl h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .portfolio_fon_bl {
        padding: 15px 20px 10px;
    }
    .portfolio_fon_bl h3 {
        line-height: 24px;
        font-size: 18px;
    }
    .portfolio_fon_bl p {
        font-size: 10px;
        line-height: 16px;
        margin: 0 0 5px;
    }
    .portfolio_fon_bl a {
        line-height: 24px;
    }
    .drop_bl_menu > li > .top_menu {
        font-size: 40px;
    }
    .header_top.fixed .heade_logo {
        display: none;
    }
    .header-menu {
       justify-content:center;
        height: 60px;
    }
    .header_block_tel, .header_bl_btn_enroll, .header_block_menu, .header_block_social {
        float: left;
    }
    #header_bl_menu {
        margin-left: 10px;
    }
    .header-menu .header_bl_btn_enroll .my_button {
        margin-left: 6px;
        width: 120px;
    }
    .header-menu:before,
    .header-menu:after {
        content: "";
        display: table;
    }

    .header-menu:after {
        clear: both;
    }
    .portfolio_fon_bl {
        opacity: 1;
    }
}
@media (max-width: 340px) {
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 750px;
    }
}

@media (max-width: 767px) {
    .modal-content {
        width: 100%;
    }
}
