@media(min-width:320px) {

.block-it-news {
display:block;
position:absolute;
height:100%;
width:100%;
}

.dark .tag-news li, .dark .tag-news li a{
color:var(--main-light)
}
.dark .tag-news li {
border-color:#515860;
}

body.dark .item-news {
background-color:#353D49;
background-image:none;
}
.form_blog-footer .h5 {
	font-family: Unbounded;
	font-weight: 200;
	font-size: 24px;
	line-height: 1.33;
	letter-spacing: 0;
}

.form_blog-footer .footer-form.form .form__input,
.form_blog-footer .footer-form.form .form__input::placeholder
 {
	font-family: Wix Madefor Text;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--text-light);
}
.form_blog-footer .footer-form.form .form__submit {
	font-family: Wix Madefor Text;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--text-light);

}
.form_blog-footer .footer-form.form .form__submit:hover {
	color: var(--white);
}
body.dark .item-news-name, body.dark .item-news-name a {
        color:var(--white);
    }

    .tags {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .tag-news {
        display: flex;
        list-style: none;
        padding: 0;
        font-size: 12px;
        font-weight: 300;
        color:var(--main-basic);
        text-align: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .news-pagination {
        font-family: 'Wix Madefor Text', sans-serif;
    }

    .tag-news li {
        border-radius: 2px;
        border: 1px solid var(--background-basic);
        font-family: "Unbounded", sans-serif;
        padding: 12px 8px;
font-weight:200;
    }

.tag-news li a {
 color:var(--main-basic);
        font-family: "Unbounded", sans-serif;
font-weight:200;
}

    .list-news {
        display: grid;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        font-family: 'Wix Madefor Text', sans-serif;
        padding-bottom: 20px;
    }

    .item-news {
        background: var(--background-light);
        background-image: url(/local/templates/jamit-template/assets/img/fon-blog.jpg);
        padding: 20px;
        position: relative;
        height: 335px;
        display: grid;
        grid-template-rows: 4fr 2fr 1fr;
        align-items: baseline;
        transition: background-image 0.3s ease-in-out;
    }

    .item-news-tag {
        font-weight: 400;
        font-size: 10px;
        color:#28313D;
        border-radius: 100px;
        border:1px solid var(--background-basic);
        padding:8px;
        display: flex;
        align-items: center;
        background: var(--background-light);
    }

    .item-news-tag a {
     color:#28313D;
}

    .item-news-data {
        font-size: 14px;
        color:var(--main-basic);
        text-align: right;
        width: 100%;
    }

    .meta-news {
        display: grid;    
        align-items: center;
        justify-items: baseline;
    }

    .item-news-tag:before {
        content: '\25cf';
        display: inline-block;
        margin-right: 10px;
        font-size: 8px;
    }

    .item-news-name {
    font-size: 20px;
    color: #28313D;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    }

 .item-news-name a {
color:#28313D;
font-family: Unbounded;
font-weight: 200;
font-style: ExtraLight;
font-size: 20px;
leading-trim: NONE;
line-height: 150%;
letter-spacing: 0%;
}

    .item-news-name:after {
        content: url('/local/templates/jamit-template/assets/img/blog-link.svg');
        /* position: absolute; */
        right: 20px;
        margin-top: 4px;
    }
    /* .item-news:hover, body.dark .item-news:hover {
        background-image: url('/local/templates/jamit-template/assets/img/blog-background.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    } */
    .item-news:hover .item-news-name, .item-news:hover .item-news-name a {
        color:var(--white);
    }

    .item-news:hover .item-news-data {
        color:var(--white);
    }
    .item-news:hover .item-news-name:after {
        content: url('/local/templates/jamit-template/assets/img/blog-link-white.svg');
    }
    
    .item-news-author {
        color:var(--text-light);
        font-size: 12px;
        font-weight: 400;
    }
 .item-news-author a{
color:var(--text-light);
}

    .news-pagination-prev, .news-pagination-next {
        display: none;
    }

    .news-pagination {
        display: flex;
        justify-content: center;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .news-pagination-number-series {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
gap:5px;
    }

    .pagination-number {
        font-size: 14px;
        color:var(--background-dark);
        padding: 11px 17px;
 position: relative;
display: block;
        min-height: 40px;
min-width:42px;
    }

    .pagination-number a {
    color:var(--background-dark);
width:100%;
height:100%;
display:block;
        position: absolute;
        align-items: center;
min-height:40px;
       line-height:40px;
top:0;
min-width:42px;
text-align:center;
left:0;
}

    .pagination-number:hover, .pagination-number.active-number {
        color: var(--main-basic);
        cursor: pointer;
        background: var(--background-light);
        border-radius: 8px;
    }

    .title-blog {
        background-color: var(--main-basic);
        background-image:url('/local/templates/jamit-template/assets/img/blog-title-back.svg');
        font-family: 'Wix Madefor Text', sans-serif;
        color:var(--white);
        font-weight: 200;
        height: 223px;
        background-repeat: no-repeat;
        background-position: top;
    }

    .title-blog h1 {
        font-weight: 200;
        line-height: 117%;
        font-size: 21px;
    }

    .breadcrumbs {
        padding-top: 20px;
    }

    .breadcrumbs ul {
        list-style: none;
        display: flex;
        gap:10px;
        font-size: 10px;
        padding: 0;
    }
    
    .link-bread:after {
        content: '\25A0';
        margin-left: 10px;
    }

    .link-sub {
        color:var(--white);
        font-size: 12px;
        text-decoration: none;
        display: flex;
        align-items: anchor-center;
    }

    .link-sub:after {
        content: url('/local/templates/jamit-template/assets/img/blog-link-white.svg');
    }

    .title-blog .blog-page {
        display: grid;
        grid-template-rows: 1fr 2fr 1fr;
        align-items: baseline;
    }

    .blog-footer {
        background-color: var(--main-basic);
        overflow: hidden;
        min-height: 369px;
        position: relative;
        background-image: url('/local/templates/jamit-template/assets/img/rectangle.svg');
        background-blend-mode: multiply;
        background-position: center;
        font-family: 'Wix Madefor Text', sans-serif;
        color:var(--white);
        background-repeat: no-repeat;
    }

    .form_blog-footer {
        padding:60px 15px;
    }

    .form_blog-footer .h5 {
        color:var(--white);
        margin-bottom: 25px;
        line-height: 133%;
    }

    .form_blog-footer .footer-form.form .form__input {
        background-color: var(--white);
    }

    .form_blog-footer .footer-form.form .form__submit {
        background-color: var( --main-light);
        color:#28313D;
    }
    .form_blog-footer small {
        color:var(--white);
    }

    .form_blog-footer a {
        color:var( --main-light);
    }
}
@media (min-width: 768px) {
	.form_blog-footer {
		max-width: 648px;
		width: 100%;
		margin: auto;
	}
	.form_blog-footer .h5 {
		text-align: center;
	}
}
@media (min-width: 1024px) {

    .tags {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .tag-news {
        gap: 20px;
font-size:14px;
    }

    .item-news {
        height: 298px;
    }

    .news-pagination-prev, .news-pagination-next {
        display: flex;
        align-items: center;
        color:var(--background-dark);
        font-size: 14px;
        font-weight: 400;
    }

.news-pagination-prev a, .news-pagination-next a {color:var(--background-dark);}
    .news-pagination-prev:before {
        content: url('/local/templates/jamit-template/assets/img/arrow-left.svg');
        margin-right: 6px;
    }
    
    .news-pagination-next:after {
        content: url('/local/templates/jamit-template/assets/img/arrow-right.svg');
        margin-left: 6px;
    }

    .news-pagination-number-series {
        max-width: 292px;
    }

    .news-pagination {
        padding-top: 20px;
        padding-bottom: 80px;
    }

    .title-blog {
        height: 248px;
    }

    .title-blog h1 {
        font-size: 34px;
    }

    .title-blog .blog-page {
        grid-template-rows: 2fr 3fr 1fr;    
    }

    .link-sub {
        font-size: 14px;
    }

    .breadcrumbs ul {
        font-size: 12px;
    }

    .breadcrumbs {
        padding-top: 40px;
    }

    .blog-footer {
        min-height: 456px;
        background-position: bottom;
    }

    .form_blog-footer {
        max-width: 648px;
        margin: auto;
        padding: 120px 15px;
    }

    .form_blog-footer .h5 {
        text-align: center;
    }
}

@media (min-width: 1350px) {

    .form_blog-footer .footer-form.form .form__input, .form_blog-footer .footer-form.form .form__submit {
        max-width: 100%;
    }

    .form_blog-footer .h5 {
        width: 100%;
		font-family: Unbounded;
		font-weight: 200;
		font-size: 34px;
		line-height: 1.24;
		letter-spacing: 0;
		text-align: center;
    }
}

@media (min-width: 1920px) {

    .tag-news {
        font-size: 16px;
        max-width: 79%;
    }

    .item-news {
        height: 320px;
    }

    .blog-page {
        padding: 0;
    }

    .title-blog h1 {
        font-size: 48px;
    }

    .link-sub {
        font-size: 16px;
    }

    .breadcrumbs {
        width: 100%;
    }
    
    .title-blog .blog-page {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        min-height: 248px;
    }

    .blog-footer {
        height: 439px;
        min-height: 0;
        background-position-x: 57%;
        background-position-y: -20px;
    }

    .form_blog-footer {
        max-width: 648px;
        margin: auto;
        padding: 100px 15px;
    }
}