/*/ Экстрамалые девайсы («телефоны», < 576px)
// Нет @media, т.к. это по умолчанию в Bootstrap
*/
.wrapper.burger {display: none;}

@media (max-width: 360px) {
    /* главная */
    .container-fluid {width: 100%; overflow: hidden;}
    .container {max-width: 100%; padding: 10px; overflow: hidden;}
    .container.breadcrumb_wrapper {padding-left: 20px;}
    .wrapper.burger {display: block;}
    .container-fluid.main_header {display: none;}
    
    .about_us_wrapper h1 {font-size: 42px;}
    .about_us_wrapper p {font-size: 26px; line-height: 34px;}
    .about_us_wrapper a.see_more {margin-top: 30px;}
    .container-fluid.about_us {background-image: url(../img/bg_top_block_768.jpg);}
    .why_we_wrapped {flex-direction: column;}
    .why_we_wrapped .single_factor .number {text-align: center;}
    .why_we_wrapped .single_factor .desc {text-align: left;}
    
    .our_servises_wrapped .btn_all_services {width: 80%;}
    .our_works_wrapped .works_catalog a.work_ithem {margin-bottom: 20px;}
    .our_works_wrapped .btn_all_works {width: 80%;}
    .about_us_desc_wrapped .about_us_body {flex-direction: column; }
    .about_us_desc_wrapped .about_us_body .desc {width: 100%;}
    .about_us_desc_wrapped .about_us_body .our_img {display: none;}
    .container.contact_map_wrapped .contact_map_body {flex-direction: column;}
    
    .container-fluid.our_footer ul.menu_footer_line {flex-direction: column;}
    .down_line_footer .footer_logo {margin: 20px auto;}
    .down_line_footer {flex-direction: column;}
    .down_line_footer .get_call {justify-content: center; margin: 20px auto;}
    
    .reviews_wrapper .single_review {flex-direction: column;}
    .reviews_wrapper img.avatar{display: block; margin: 0 auto 20px auto;}
    .reviews_wrapper .review_body {margin: 0 auto; width: 90%;}
    
    /*---- Общее -----*/
    .container-fluid.title_breadcrumbs {height: 400px;}
    .container-fluid .title_breadcrumbs_wrapper h2 {font-size: 28px; line-height: 28px;}
    
    /*---- услуги ----*/
    .container.catalog_works_wrapper {flex-direction: column;}
    .container.catalog_works_wrapper a.tile_ithem {width: 100%; margin-bottom: 20px;}
    .container.works_wrapper {flex-direction: column;}
    .container.works_wrapper .work_ithem {width: 100%;}
    .container.works_wrapper .sidebar_wrapper {width: 100%;}
    /*--- Контакты----*/
    .contacts_full_wrapper .contact_map_body {flex-direction: column;}
    
    /*----- Модальные окна-----*/
    .modal-body {flex-direction: column;}
    .modal-body .modal_desc,.modal-body .modal_form {width: 100%;}
    .modal-body .modal_form input {width: 100%; margin: 10px auto;}
    .wrapper.burger label {font-size:24px; top:13px;}
    .container-fluid.about_us {height:400px;
    display: flex;
    align-items: center;}
    

}

@media (min-width: 361px) and (max-width: 575.98px) {

        /* главная */
    .container-fluid {width: 100%; overflow: hidden;}
    .container {max-width: 100%; padding: 10px; overflow: hidden;}
    .container.breadcrumb_wrapper {padding-left: 20px;}
    .wrapper.burger {display: block;}
    .container-fluid.main_header {display: none;}
    
    .about_us_wrapper h1 {font-size: 42px; padding-top: 20%;}
    .about_us_wrapper p {font-size: 26px; line-height: 34px;}
    .about_us_wrapper a.see_more {margin-top: 30px;}
    .container-fluid.about_us {background-image: url(../img/bg_top_block_768.jpg);}
    .why_we_wrapped {flex-direction: column;}
    .why_we_wrapped .single_factor .number {text-align: center;}
    .why_we_wrapped .single_factor .desc {text-align: center; width: 100%;}
    
    .our_servises_wrapped .services_catalog a.single_service {margin: 10px auto;}
    .our_servises_wrapped .btn_all_services {width: 80%;}
    .our_works_wrapped .works_catalog a.work_ithem {margin: 10px auto;}
    .our_works_wrapped .btn_all_works {width: 80%;}
    .about_us_desc_wrapped .about_us_body {flex-direction: column; }
    .about_us_desc_wrapped .about_us_body .desc {width: 100%;}
    .about_us_desc_wrapped .about_us_body .our_img {display: none;}
    .container.contact_map_wrapped .contact_map_body {flex-direction: column;}
    
    .container-fluid.our_footer ul.menu_footer_line {flex-direction: column;}
    .down_line_footer .footer_logo {margin: 20px auto;}
    .down_line_footer {flex-direction: column;}
    .down_line_footer .get_call {justify-content: center; margin: 20px auto;}
    
        
    .reviews_wrapper .single_review {flex-direction: column;}
    .reviews_wrapper img.avatar{display: block; margin: 0 auto 20px auto;}
    .reviews_wrapper .review_body {margin: 0 auto; width: 90%;}
    
        
    /*---- Общее -----*/
    .container-fluid.title_breadcrumbs {height: 400px;}
    .container-fluid .title_breadcrumbs_wrapper h2 {font-size: 28px; line-height: 28px;}
    
    /*---- услуги ----*/
    .container.catalog_works_wrapper {flex-direction: column;}
    .container.catalog_works_wrapper a.tile_ithem {width: 100%; margin-bottom: 20px;}
    .container.works_wrapper {flex-direction: column;}
    .container.works_wrapper .work_ithem {width: 100%;}
    .container.works_wrapper .sidebar_wrapper {width: 100%;}
    /*--- Контакты----*/
    .contacts_full_wrapper .contact_map_body {flex-direction: column;}
    
        /*----- Модальные окна-----*/
    .modal-body {flex-direction: column;}
    .modal-body .modal_desc,.modal-body .modal_form {width: 100%;}
    .modal-body .modal_form input {width: 100%; margin: 10px auto;}
    
}
 
    

/* Малые девайсы («ландшафтные телефоны», >= 576px)*/
@media (min-width: 576px) and (max-width: 767.98px) {
            /* главная */
    .container-fluid {width: 100%; overflow: hidden;}
    .container {max-width: 100%; padding: 10px; overflow: hidden;}
    .container.breadcrumb_wrapper {padding-left: 20px;}
    .wrapper.burger {display: block;}
    .container-fluid.main_header {display: none;}
    
    .about_us_wrapper h1 {font-size: 42px; padding-top: 20%;}
    .about_us_wrapper p {font-size: 26px; line-height: 34px;}
    .about_us_wrapper a.see_more {margin-top: 30px;}
    .container-fluid.about_us {background-image: url(../img/bg_top_block_768.jpg);}
    .why_we_wrapped {flex-direction: column;}
    .why_we_wrapped .single_factor .number {text-align: center;}
    .why_we_wrapped .single_factor .desc {text-align: center; width: 100%;}
    
    .our_servises_wrapped .services_catalog a.single_service {margin: 10px auto;}
    .our_servises_wrapped .btn_all_services {width: 80%;}
    .our_works_wrapped .works_catalog a.work_ithem {margin: 10px auto;}
    .our_works_wrapped .btn_all_works {width: 80%;}
    .about_us_desc_wrapped .about_us_body {flex-direction: column; }
    .about_us_desc_wrapped .about_us_body .desc {width: 100%;}
    .about_us_desc_wrapped .about_us_body .our_img {display: none;}
    .container.contact_map_wrapped .contact_map_body {flex-direction: column;}
    
    .container-fluid.our_footer ul.menu_footer_line {flex-direction: column;}
    .down_line_footer .footer_logo {margin: 20px auto;}
    .down_line_footer {flex-direction: column;}
    .down_line_footer .get_call {justify-content: center; margin: 20px auto;}
    
        
    .reviews_wrapper .single_review {flex-direction: column;}
    .reviews_wrapper img.avatar{display: block; margin: 0 auto 20px auto;}
    .reviews_wrapper .review_body {margin: 0 auto; width: 90%;}
    
    /*---- Общее -----*/
    .container-fluid.title_breadcrumbs {height: 400px;}
    .container-fluid .title_breadcrumbs_wrapper h2 {font-size: 28px; line-height: 28px;}
    
    /*---- услуги ----*/
    .container.catalog_works_wrapper {flex-direction: column;}
    .container.catalog_works_wrapper a.tile_ithem {width: 100%; margin-bottom: 20px;}
    .container.works_wrapper {flex-direction: column;}
    .container.works_wrapper .work_ithem {width: 100%;}
    .container.works_wrapper .sidebar_wrapper {width: 100%;}
    /*--- Контакты----*/
    .contacts_full_wrapper .contact_map_body {flex-direction: column;}
    
        /*----- Модальные окна-----*/
    .modal-body {flex-direction: column;}
    .modal-body .modal_desc,.modal-body .modal_form {width: 100%;}
    .modal-body .modal_form input {width: 100%; margin: 10px auto;}

    
}


/* Средние девайсы («таблетки», >= 768px)*/
@media (min-width: 768px) and (max-width: 991.98px) {


}

/* Большие девайсы (десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px)
{
    

}

/* Экстрабольшие девайсы (большие десктопы, >= 1200px)*/
@media (min-width: 1200px) and (max-width:1399px) {
    

    
}