Смотрите обучающее видео на YouTube канале
стандартные блоки по window-контейнеру
Смотреть
В коде ниже есть две части с кодом, первая часть отвечает за стандартные блоки именно с карточками – это класс uc-window, а вторая часть за блоки из раздела "Заголовок" или "Текстовый блок" – это класс uc-title
При определённых знаниях CSS вы можете доработать этот код под свои задачи и адаптировать блоки не только под десктопное разрешение, но и планшеты и мобилки, чтобы у вас блок всегда максимально тянулся на всю ширину экрана
В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться
При определённых знаниях CSS вы можете доработать этот код под свои задачи и адаптировать блоки не только под десктопное разрешение, но и планшеты и мобилки, чтобы у вас блок всегда максимально тянулся на всю ширину экрана
В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться
Раздел «Магазин»
Раздел «Новости и потоки»
Раздел «Плитка и ссылка»
Раздел «Услуги»
Раздел «Преимущества»
Раздел «Тарифы»
У этой категории блоков максимальное количество карточек в одном ряду может быть не больше 4, и также на адаптивах это могут быть 4, 2 или 1 карточка в одном ряду
Раздел «Отзывы»
Раздел «Команда»
<!--https://dsgnmax.ru/useful--> <style>
.js-store-grid-cont,
.t754__parent{
max-width: 100vw;
padding: 0 40px; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-store-grid-cont:before,
.js-store-grid-cont:after,
.t754__parent:before,
.t754__parent:after,
.t-store__grid-separator,
.t754__separator {
display: none;
}
.js-product:not(.js-product-relevant),
.t754__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.js-store-grid-cont,
.t754__parent{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.js-store-grid-cont,
.t754__parent{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-store-grid-cont,
.t754__parent{
padding: 0 10px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-store-grid-cont,
.t776__parent{
max-width: 100vw;
padding: 0 40px; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-store-grid-cont:before,
.js-store-grid-cont:after,
.t776__parent:before,
.t776__parent:after,
.t-store__grid-separator,
.t776__separator {
display: none;
}
.js-product:not(.js-product-relevant),
.t776__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.js-store-grid-cont,
.t776__parent{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.js-store-grid-cont,
.t776__parent{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-store-grid-cont,
.t776__parent{
padding: 0 10px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-store-grid-cont,
.t778__container{
max-width: 100vw;
padding: 0 40px; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-store-grid-cont:before,
.js-store-grid-cont:after,
.t778__container:before,
.t778__container:after,
.t-store__grid-separator,
.t778__separator {
display: none;
}
.js-product:not(.js-product-relevant),
.t778__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-store__card__wrap_all,
.t778__wrapper {
height: 100%;
}
@media screen and (max-width: 1000px){
.js-store-grid-cont,
.t778__container{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.js-store-grid-cont,
.t778__container{
padding: 0 20px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-store-grid-cont,
.t778__container{
padding: 0 10px; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-store-grid-cont,
.t786__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-store-grid-cont:before,
.js-store-grid-cont:after,
.t786__container:before,
.t786__container:after,
.t-store__grid-separator,
.t786__separator {
display: none;
}
.js-product:not(.js-product-relevant),
.t786__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.js-store-grid-cont,
.t786__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.js-store-grid-cont,
.t786__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-store-grid-cont,
.t786__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-store-grid-cont,
.t951__grid-cont{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-store-grid-cont:before,
.js-store-grid-cont:after,
.t951__grid-cont:before,
.t951__grid-cont:after,
.t-store__grid-separator{
display: none;
}
.js-product:not(.js-product-relevant){
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.js-store-grid-cont,
.t951__grid-cont{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.js-store-grid-cont,
.t951__grid-cont{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-store-grid-cont,
.t951__grid-cont{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-feed-container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-feed-container:before,
.js-feed-container:after{
display: none !important;
}
.js-feed-post{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-feed__col-grid__post-wrapper {
height: 100%;
}
@media screen and (max-width: 1000px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 960px){
.t-feed__container_inrow3 .t-feed__post:nth-child(-n+3) {
margin: 0 !important;
}
.t-feed__grid-col:not(.t-slds__item) {
margin: 0 !important;
}
}
@media screen and (max-width: 768px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-feed-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-feed-container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-feed-container:before,
.js-feed-container:after{
display: none !important;
}
.js-feed-post{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-feed__col-grid__post-wrapper {
height: 100%;
}
@media screen and (max-width: 1000px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 960px){
.t-feed__container_inrow3 .t-feed__post:nth-child(-n+3) {
margin: 0 !important;
}
.t-feed__grid-col:not(.t-slds__item) {
margin: 0 !important;
}
}
@media screen and (max-width: 768px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-feed-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.js-feed-container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.js-feed-container:before,
.js-feed-container:after{
display: none !important;
}
.js-feed-post{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-feed__col-grid__post-wrapper {
height: 100%;
}
@media screen and (max-width: 1000px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 960px){
.t-feed__container_inrow3 .t-feed__post:nth-child(-n+3) {
margin: 0 !important;
}
.t-feed__grid-col:not(.t-slds__item) {
margin: 0 !important;
}
}
@media screen and (max-width: 768px){
.js-feed-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.js-feed-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t686__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t686__container:before,
.t686__container:after,
.t686__separator{
display: none !important;
}
.t686__container .t-card__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t686__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t686__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t686__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t692 .t-card__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t692 .t-card__container:before,
.t692 .t-card__container:after,
.t692__separator{
display: none !important;
}
.t692__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t692 .t-card__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t692 .t-card__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t692 .t-card__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t649 .t-card__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t649 .t-card__container:before,
.t649 .t-card__container:after,
.t649__separator{
display: none !important;
}
.t649__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t649 .t-card__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t649 .t-card__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t649 .t-card__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t772__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t772__container:before,
.t772__container:after,
.t772__separator{
display: none !important;
}
.t772__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t772__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t772__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t772__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t774__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t774__container:before,
.t774__container:after,
.t774__separator{
display: none !important;
}
.t774__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t774__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t774__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t774__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t650__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t650__container:before,
.t650__container:after,
.t650__separator{
display: none !important;
}
.t650__container .t-card__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t650__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t650__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t650__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t844__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t844__container:before,
.t844__container:after,
.t844__separator{
display: none !important;
}
.t844__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t844__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t844__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t844__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t858__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t858__container:before,
.t858__container:after,
.t858__separator{
display: none !important;
}
.t858__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t858__inner-col {
height: 100% !important;
}
@media screen and (max-width: 1000px){
.t858__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t858__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t858__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t850__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t850__container:before,
.t850__container:after,
.t850__separator{
display: none !important;
}
.t850__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t850__inner-col {
height: 100% !important;
}
@media screen and (max-width: 1000px){
.t850__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t850__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t850__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t848__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t848__container:before,
.t848__container:after,
.t848__separator{
display: none !important;
}
.t848__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t848__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t848__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t848__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t845__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t845__container:before,
.t845__container:after,
.t845__separator{
display: none !important;
}
.t845__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t845__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t845__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t845__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t859__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t859__container:before,
.t859__container:after,
.t859__separator{
display: none !important;
}
.t859__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t859__inner-col {
height: 100% !important;
}
@media screen and (max-width: 1000px){
.t859__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t859__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t859__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t842__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t842__container:before,
.t842__container:after,
.t842__separator{
display: none !important;
}
.t842__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t842__inner-col {
height: 100% !important;
}
@media screen and (max-width: 1000px){
.t842__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t842__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t842__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t851__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t851__container:before,
.t851__container:after,
.t851__separator{
display: none !important;
}
.t851__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t851__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t851__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t851__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t853__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t853__container:before,
.t853__container:after,
.t853__separator{
display: none !important;
}
.t853__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t853__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t853__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t853__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t856__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t856__container:before,
.t856__container:after,
.t856__separator{
display: none !important;
}
.t856__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t856__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t856__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t856__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t857__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t857__container:before,
.t857__container:after,
.t857__separator{
display: none !important;
}
.t857__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t857__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t857__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t857__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t852__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t852__container:before,
.t852__container:after,
.t852__separator{
display: none !important;
}
.t852__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t852__scroll-icon-wrapper{
display: none !important;
}
@media screen and (max-width: 1000px){
.t852__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t852__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t852__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t860__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t860__container:before,
.t860__container:after,
.t860__separator{
display: none !important;
}
.t860__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t860__scroll-icon-wrapper{
display: none !important;
}
@media screen and (max-width: 1000px){
.t860__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t860__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t860__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t849 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t849 .t-container:before,
.t849 .t-container:after{
display: none !important;
}
.t849 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t849 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t849 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t849 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t508__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t508__container:before,
.t508__container:after{
display: none !important;
}
.t508 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t508__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t508__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t508__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1095__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1095__container:before,
.t1095__container:after{
display: none !important;
}
.t1095 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t1095__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1095__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1095__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t510__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t510__container:before,
.t510__container:after{
display: none !important;
}
.t510 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t510__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t510__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t510__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t490__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t490__container:before,
.t490__container:after,
.t490__separator{
display: none !important;
}
.t490 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t490__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t490__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t490__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1007__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1007__container:before,
.t1007__container:after,
.t1007__separator{
display: none !important;
}
.t1007 .t-col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t1007__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1007__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1007__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t499__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t499__container:before,
.t499__container:after,
.t499__separator{
display: none !important;
}
.t499__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t499__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t499__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t499__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t497__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t497__container:before,
.t497__container:after,
.t497__separator{
display: none !important;
}
.t497__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t497__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t497__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t497__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t491__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t491__container:before,
.t491__container:after,
.t491__separator{
display: none !important;
}
.t491__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t491__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t491__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t491__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t503__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t503__container:before,
.t503__container:after,
.t503__separator{
display: none !important;
}
.t503__container .t-card__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t503__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t503__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t503__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t502__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t502__container:before,
.t502__container:after,
.t502__separator{
display: none !important;
}
.t502__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t502__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t502__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t502__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1050__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1050__container:before,
.t1050__container:after,
.t1050__separator{
display: none !important;
}
.t1050__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t1050__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1050__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1050__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1052__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1052__container:before,
.t1052__container:after,
.t1052__separator{
display: none !important;
}
.t1052__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t1052__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1052__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1052__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1053__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1053__container:before,
.t1053__container:after,
.t1053__separator{
display: none !important;
}
.t1053__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t1053__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1053__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1053__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t1051__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t1051__container:before,
.t1051__container:after,
.t1051__separator{
display: none !important;
}
.t1051__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t1051 .t-list__item,
.t1051 .t-list__container_inrow3 .t-list__item:nth-child(-n+3){
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t1051__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1051__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1051__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t899__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t899__container:before,
.t899__container:after,
.t899__separator{
display: none !important;
}
.t899__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t899 .t-list__item,
.t899 .t-list__container_inrow3 .t-list__item:nth-child(-n+3){
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t899__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t899__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t899__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1067 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1067__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1067 .t-container:before,
.t1067 .t-container:after,
.t1067__separator{
display: none !important;
}
.t1067__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1440px){
.t1067 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1067__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1067 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1067__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1067 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1067__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1067 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1067__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1068 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1068__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1068 .t-container:before,
.t1068 .t-container:after,
.t1068__separator{
display: none !important;
}
.t1068__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1068__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1068 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1068__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1068 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1068__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1068 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1068__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1068 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1068__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1069 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1069__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1069 .t-container:before,
.t1069 .t-container:after,
.t1069__separator{
display: none !important;
}
.t1069__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1069__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1069 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1069__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1069 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1069__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1069 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1069__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1069 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1069__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1070 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1070__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1070 .t-container:before,
.t1070 .t-container:after,
.t1070__separator{
display: none !important;
}
.t1070__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1070__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1070 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1070__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1070 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1070__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1070 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1070__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1070 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1070__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1071 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1071__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1071 .t-container:before,
.t1071 .t-container:after,
.t1071__separator{
display: none !important;
}
.t1071__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1071__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1071 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1071__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1071 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1071__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1071 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1071__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1071 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1071__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1072 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1072__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1072 .t-container:before,
.t1072 .t-container:after,
.t1072__separator{
display: none !important;
}
.t1072__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1072__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1072 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1072__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1072 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1072__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1072 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1072__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1072 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1072__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
/*Настройки общего контейнера*/
.t1073 .t-container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 20px 0; /*Отступ между рядами*/
}
/*Настройки для контейнеров, где лежит 4 карточки*/
.t1073__row{
display: grid !important;
grid-template-columns: repeat(4, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
.t1073 .t-container:before,
.t1073 .t-container:after,
.t1073__separator{
display: none !important;
}
.t1073__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t-divider.t1073__line_mobile {
display: none !important;
}
@media screen and (max-width: 1440px){
.t1073 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1073__row{
grid-template-columns: repeat(4, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 0 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 1000px){
.t1073 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1073__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t1073 .t-container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1073__row{
grid-template-columns: repeat(2, minmax(200px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t1073 .t-container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
gap: 20px 0; /*Отступ между рядами*/
}
.t1073__row{
grid-template-columns: repeat(1, minmax(160px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t525__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t525__container:before,
.t525__container:after{
display: none !important;
}
.t525__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t525 .t-list__item, .t525 .t-list__item:nth-child(-n+2){
margin: 0 !important;
}
.t525__col .t-cell {
height: auto !important;
}
@media screen and (max-width: 1000px){
.t525__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t525__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t525__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t528__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t528__container:before,
.t528__container:after{
display: none !important;
}
.t528__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t528 .t-list__item, .t528 .t-list__item:nth-child(-n+3){
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t528__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t528__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t528__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t533__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t533__container:before,
.t533__container:after{
display: none !important;
}
.t533__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t533 .t-list__container_inrow3 .t-list__item:nth-child(-n+3),
.t533 .t-list__item{
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t533__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 100px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t533__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 100px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t533__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 100px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t529__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t529__container:before,
.t529__container:after{
display: none !important;
}
.t529__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t529 .t-list__item, .t529 .t-list__item:nth-child(-n+2){
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t529__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t529__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t529__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t558__container{
max-width: 100vw !important;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t558__container:before,
.t558__container:after{
display: none !important;
}
.t558__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t558 .t-list__item, .t558 .t-list__item:nth-child(-n+2){
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t558__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t558__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t558__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t524__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t524__container:before,
.t524__container:after,
.t524__separator{
display: none !important;
}
.t524__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t524__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t524__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t524__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t537__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t537__container:before,
.t537__container:after,
.t537__separator{
display: none !important;
}
.t537__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t537__itemwrapper {
max-width: 100% !important;
}
.t537 .t537__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2),
.t537 .t-list__container_inrow4 .t-list__item:nth-child(-n+4),
.t537 .t-list__item{
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t537__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t537__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t537__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t526__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t526__container:before,
.t526__container:after,
.t526__separator{
display: none !important;
}
.t526__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t526__itemwrapper {
max-width: 100% !important;
}
.t526 .t526__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2),
.t526 .t-list__container_inrow4 .t-list__item:nth-child(-n+4),
.t526 .t-list__item{
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t526__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t526__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t526__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t527__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t527__container:before,
.t527__container:after,
.t527__separator{
display: none !important;
}
.t527__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t527__itemwrapper {
max-width: 100% !important;
}
.t527__bgimg {
aspect-ratio: 1 / 1;
padding: 0 !important;
}
.t527 .t527__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2),
.t527 .t-list__container_inrow4 .t-list__item:nth-child(-n+4),
.t527 .t-list__item{
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t527__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t527__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t527__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t532__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t532__container:before,
.t532__container:after,
.t532__separator{
display: none !important;
}
.t532__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t532__itemwrapper {
max-width: 100% !important;
}
.t532__bgimg {
aspect-ratio: 1 / 1;
padding: 0 !important;
}
.t532 .t532__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2),
.t532 .t-list__container_inrow4 .t-list__item:nth-child(-n+4),
.t532 .t-list__item{
margin: 0 !important;
}
@media screen and (max-width: 1000px){
.t532__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t532__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t532__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> <!--https://dsgnmax.ru/useful--> <style>
.t539__container{
max-width: 100vw;
padding: 0 40px !important; /*Отступы по бокам экрана*/
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ); /*Минимальная ширина карточки*/
gap: 40px 20px; /*Отступ между карточками, первое значение – по оси Y, второе – по оси X*/
}
.t539__container:before,
.t539__container:after,
.t539__separator{
display: none !important;
}
.t539__col{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.t539__itemwrapper {
max-width: 100% !important;
}
.t539 .t539__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2),
.t539 .t-list__container_inrow4 .t-list__item:nth-child(-n+4),
.t539 .t-list__item{
margin: 0 !important;
}
.t539__bgimg {
aspect-ratio: 1 / 1;
padding: 0 !important;
}
@media screen and (max-width: 1000px){
.t539__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 768px){
.t539__container{
padding: 0 20px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
@media screen and (max-width: 480px){
.t539__container{
padding: 0 10px !important; /*Отступы по бокам экрана*/
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Минимальная ширина карточки*/
gap: 20px 20px; /*Отступ между карточками*/
}
}
</style> 