/* Г Л А В Н А Я  С Т Р А Н И Ц А */

/* правим первый экран на мобилке на главной */
@media screen and (max-width: 767px) {
    .uc-intro .t050__title {
        font-size:20px;
    }
    .t795__title {
        font-size:20px;
    }
}

/* модифицируем стандартные блоки с портфолио 
@media screen and (min-width: 980px) {
    #rec1035673241 .t404 .t-container, #rec1035674281 .t404 .t-container {
        display: flex;
    }
    .promo-1, .promo-4, .promo-5, .promo-8, .promo-9, .promo-12, .promo-13, .promo-16 {
        width: 460px;
    }
    .promo-1 .t404__imgbox, .promo-4 .t404__imgbox, .promo-5 .t404__imgbox, .promo-8 .t404__imgbox, .promo-9 .t404__imgbox, .promo-12 .t404__imgbox, .promo-13 .t404__imgbox, .promo-16 .t404__imgbox {
       height: 740px !important;
       width: 460px;
    } 
    .promo-2, .promo-3, .promo-6, .promo-7, .promo-10, .promo-11, .promo-14, .promo-15 {
        width: 660px !important;
        max-width: 660px !important;
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .promo-2 .t404__imgbox, .promo-3 .t404__imgbox, .promo-6 .t404__imgbox, .promo-7 .t404__imgbox, .promo-10 .t404__imgbox, .promo-11 .t404__imgbox, .promo-14 .t404__imgbox, .promo-15 .t404__imgbox {
        width: 660px !important;
        max-width: 660px !important;
    }
}
@media screen and (max-width: 767px) {
    #rec1035673241 .t404__title, #rec1035674281 .t404__title {
        font-size:15px !important;
    }
} */


/* правим отображение цитат на главной на мобилке */
@media screen and (max-width: 979px) {
    .uc-cites .t528__col {
        max-width: 100% !important;
        text-align: left !important;
    }
    .uc-cites .t528__bgimg {
        text-align: left !important;
        width: 320px !important;
        height: 320px !important;
    }
    .uc-cites .t528__text {
        max-width:100% !important;
    }
}

/* правим отображение услуг на главной на мобилке */
@media screen and (max-width: 767px) {
    .uc-services .t-card__title {
        padding-top: 0px !important;
        font-size:15px !important;
        width: calc(100% - 72px)  !important;
    }
    .uc-services .t-card__descr {
        font-size: 15px !important;
        margin-top: 4px !important;
        width: calc(100% - 100px)  !important;
    }
    .uc-services .t503__img {
        width: 64px !important;
        position: absolute !important;
        right:20px !important;
    }
    .t-rec_pt_60 {
        padding-top:24px !important;
    }  
    .uc-services ul li { 
        border-top: 0.5px solid #88888888;
        margin-top: 24px !important;
    }
}

/* список этапов на главной */

.uc-stepslist ul li {
    padding: 24px 0;
    border-top: 0.5px solid #88888888;
    max-width: 760px;
    margin: auto;
}
.uc-stepslist .t1095 .t-list__item {
    margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
    .uc-stepslist .t-name, .uc-stepslist .t-descr {
        font-size:15px !important;
        width: calc(100%-56px) !important;
        padding-right: 60px !important;
    }
    .uc-stepslist .t-descr {
        padding-top:8px !important;
    }
    .uc-stepslist .t1095__imgwrapper {
        position: absolute;
        right: 20px; 
    }
}

/* П Р О Е К Т Ы */

/* делаем шапку на страницах проектов поверх интро картинки */
#rec811695278 {
    position: absolute;
    z-index: 1;
    width: 100%;
}
#rec811695278 .t396 .tn-elem__8116952781729709945841 div.tn-atom {
	padding: 0 10px;
}

/* меняем фон попапов с белого на черный */
.t-zoomer__container {
    background-color: #000000 !important;
}

/* меняем отображение блока с 3 картинками в проектах на мобильном, чтобы показывались не маленькими картинками в 3 ряда, а большими друг под другом */
@media screen and (max-width: 767px) {
    .t156 .t-col {
	padding-left: 10px !important;
	padding-right: 10px !important;
    }
.t156__wrapper {
	flex-direction: column;
	gap: 5px;
    }
}
/* меняем отображение блока с 3 картинками в проектах на десктопе, чтобы показывались на всю ширину экрана */
@media screen and (min-width: 767px) {
.t156 {
    padding: 0 20px !important;
}
.t156 .t-container {
	max-width: 100% !important;
    }
.t156 .t-container .t-col_12 {
	max-width: 100% !important;
	margin: 0 !important;
    }
}