.title-small {
    letter-spacing: 0.03em;
    line-height: 82px;
    margin-bottom: 35px;
}

.left {
    max-width: 288px;
}
.header__content {
    margin-top: -80px;
}
.portfolio__catalog.work__wrapper.work__item {
    margin: 1%;
}
.work__item:last-child img { max-width: 98%; }
.portfolio__catalog > .container > .work__wrapper > figure > img {
    margin: 1% 1% 16px 1%;
}
.portfolio__catalog > img {
    margin: 5%;
}
.a_href {
    color: #013476;
    text-decoration: underline;
}
.menu__items {text-align: center;}
.active_menu {width: 100%;
    line-height: 50px;
    background: #131629;
    display: inline-block;}
/*============== большие привьюшки ======================================================================*/
.work-single {
    margin-top: 30px;
}
.work-single__title{
    text-transform: none;
    margin-top: 78px;
    text-align: center;
}
.work-single__category {
    color: #f6f6f6;
    font-family: Arial;
    font-size: 85px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 50px;
    color: #f0f0f0;
    margin: -90px auto 68px auto;
    text-align: center;
}
.work-single__text {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    text-align: center;
}    
.work-single__img {
    max-width: 900px;
    height: auto;
    margin: 30px auto 0;
    display: block;
    -webkit-box-shadow: 1px 8px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 8px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 8px 20px 0px rgba(0,0,0,0.15);
    margin-bottom: 10px;
}
.work-single__multy {
    margin-top: 90px;
}
.work-single__multy img{
    margin-top: 22px;
}
.btn-fix {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    
}
.btn-fix_center {
    right: 0;
    left: 0;
    width: 370px;
    background: #1363aa;
    color: #fff;
}    
.btn-fix_left {
    left: 0;
    width: 260px;
}
.btn-fix_right {
    right: 0;
    width: 260px;
}

.arr {
    position: fixed;
    top: 51%;
    width: auto;
    cursor: pointer;
    font-family: 'icomoon';
    font-size: 50px;
    color: #1363aa;
    background: #e2e8ee;
    padding: 19px;
    line-height: 19px;
    border-radius: 100%;
    transition: all .4s;
}
.arr:hover {
    background: #bacee0;
}
.arr_left {
    left: 25px;
}
.arr_left:before {  content: "\f104";}
.arr_right:before {  content: "\f105";}
.arr_right {
    right: 25px;
}

/* для баннеров */
.banners {
    width: 48%;
    height: auto;
    margin-bottom: 30px;
}
.ban_catalog {
    margin-top: -30px;
}
.ban_catalog .col {max-width: 32%;}
.ban_catalog .col-last {max-width: 32%;}
.bg {padding-bottom: 40px; }
/* ==================================================================================================== */
@media (max-width: 1200px) {
    .ban_catalog .col,.ban_catalog .col-last {max-width: 100%;}
}
@media (max-width: 1100px) {
    .ban_catalog .col-last {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;}
}
@media (max-width: 1000px) {
    .work-single__img {max-width: 100%;}
}
@media (max-width: 600px) {
    .title-small {font-size: 48px; line-height: 66px;     margin-bottom: 0px;}
    .work__wrapper { margin-top: 30px; }
    .banners { width: 100%; }
}
@media (max-width: 500px) { 
    .portfolio__catalog {    padding-bottom: 50px !important; }
}
@media (max-width: 400px) { 
    .title-small {    font-size: 35px;    line-height: 45px;}
    .title__big {    font-size: 50px;}
    .work-single__multy { margin-top: 70px; }
    .ban_catalog {margin-top: -15px;}
    .ban_catalog .col {align-items: center; max-width: 99%;}
    .ban_catalog .col img {max-width: 99%;}
    .ban_catalog .col-last {align-items: center; max-width: 99%;}
    .ban_catalog .col-last img { max-width: 99%;}
}
@media (max-width: 350px) { 
    .banners { width: 100%; }
    .title__big {         font-size: 43px;    }
}