/*Баннеры*/
.banner_block {background-color: #F0F1EB; border-radius: 12px;}
.banner_block.about {padding: 10%;}
.banner_block.about img {max-width: 60%}

.header_banner {height: 400px; padding: 50px 125px; background-color: #F0F1EB; border-radius: 12px;}
.header_banner h1 {font-size: 48px; max-width: 650px;}
.header_banner .text {font-size: 24px; font-weight: 500; max-width: 600px; margin:  25px 0;}

.header_banner.ipoteka {background: #F0F1EB url("/include/page_block/bank.svg") 95% 100% no-repeat;}
@media screen and (max-width: 1200px)
{
    .header_banner {padding: 10%; height: auto;}   
    .header_banner h1 {font-size: 30px;}
    .header_banner .text {font-size: 20px;}
}

/*page_tile_block*/
.page_tile_block > div {flex: 0 0 50%; max-width: 50%;}
.page_tile_block img {width: 100%;}
.page_tile_block .content {padding: 0 10%;}
.page_tile_block .content > div {max-width: 450px; }
.page_tile_block .content h2 {margin: 0;}
.page_tile_block .text {margin:  25px 0;}

@media screen and (max-width: 767px)
{
    .page_tile_block > div {flex: 0 0 100%; max-width: 100%;}
    .page_tile_block .img {display: none;}  
    .page_tile_block .content > div {max-width: 450px; padding: 30px 0;} 
}

/*about*/
.about_descr_block .right_col {flex: 0 0 750px; max-width: 750px;}
.about_descr_block .left_col .about_text {max-width: 450px; margin: 0 auto;}

.about_descr_block .about_tile .item {
    flex: 0 0 330px; 
    max-width: 330px; height: 320px; 
    background-color: #F0F1EB; border-radius: 12px; position: relative; padding: 38px;
    margin: 0 0 32px 32px;
}
.about_descr_block .about_tile .item .name {font-size: 32px; font-weight: 500;}
.about_descr_block .about_tile .item .descr {position: absolute; bottom: 32px; left: 32px;}

.about_directions {margin-right: -32px;}
.about_directions .item_container {width: 33.3%; padding-right: 32px;}
.about_directions .item img {max-width: 456px; width: 100%;}

@media screen and (max-width: 1200px)
{
    .about_descr_block {flex-wrap: wrap;}
    .about_descr_block .right_col {flex: 0 0 100%; max-width: 100%;}    
    .about_descr_block .left_col .about_text {max-width: 100%; margin-bottom: 20px;} 
    
    .about_descr_block .about_tile .item {flex: 0 0 1650px; max-width: 165px; height: 160px; padding: 18px; margin: 0 18px 18px 0;}
    .about_descr_block .about_tile .item .name {font-size: 16px;}
    .about_descr_block .about_tile .item .descr {position: absolute; bottom: 18px; left: 18px; font-size: 12px;}
    
   .about_directions {margin-right: -16px;} 
   .about_directions .item_container {padding-right: 16px;}
}