/* 1300 */
@media only screen and (max-width: 1300px) {

.after-slider {gap: 20px}
.after-slider .item_view {padding: 15px}

.contacts-block .fon {padding: 25px 20px}
}


/* 1024 */
@media only screen and (max-width: 1024px) {

.head {justify-content:flex-start; gap: 50px; border-bottom: 1px solid #ab1113}
.head > div:nth-child(1) {max-width: inherit; width: 100%}
.head > div:nth-child(2), .head > div:nth-child(3), .head > div:nth-child(4) {display: none}
.head > div:nth-child(5) {min-width: 50px; max-width: 50px}
.head .mobail {display: block; min-width: 28px; max-width: 25px; cursor: pointer }

.logo {width: 250px}

nav {padding: 0; width: 310px; height: 100vh; border-right: solid 2px #ab1113; background: #F8F8F8; box-sizing: border-box; position: fixed; top: 0; left: -340px; z-index: 1010}

.top_nav {display: flex; justify-content: space-between; align-items: center; padding: 0 15px; height: 70px; border-bottom: 1px solid #ab1113; box-sizing: border-box}
.top_nav .logo { width: 180px}
.top_nav .logo > div:nth-child(1) {font-size: 25px}
.top_nav .logo > div:nth-child(2) {padding-top: 0; font-size: 11px}
.top_nav .nav_close {padding: 3px 0 7px 5px; width: 21px; height: 16px; cursor: pointer}
.top_nav .nav_close svg, .top_nav .nav_back svg{stroke: rgb(91, 109, 102)}
.top_nav .nav_close:hover svg, .top_nav .nav_back:hover svg {stroke: #ab1113}
.top_nav .nav_back {cursor: pointer}

.menu-desctop {display: block; margin: 0; padding: 40px 15px; max-width: inherit; height: calc(100% - 70px); box-sizing: border-box; overflow: hidden; overflow-y: auto}
.menu-desctop .link {margin-bottom: 10px} 

.section-menu-desctop {display: block; padding: 0; width: 310px; height: 100vh; background: #F8F8F8; border-right: solid 2px #ab1113; box-sizing: border-box; overflow: hidden; position: fixed; top: 0; left: -340px; z-index: 1050}
.section-menu {display: block; margin: 0; padding: 40px 15px; max-width: inherit; height: calc(100% - 70px); border-top: none; overflow: hidden; overflow-y: auto}
.section-menu > div {margin: 0 0 10px 0; padding: 0; width: 100%}

.promo .promo-item > div:nth-child(1) {min-width: 150px; max-width: 150px; height: 150px}
.promo .view .text {font-size: 22px; line-height: 30px}
.promo .view .title {padding: 15px 0; font-size: 40px; line-height: 60px}

.footer {padding: 30px 20px}
.footer .line {justify-content: space-between}
.footer .line > div:nth-child(2) {display: none}

main {margin: 0 auto 50px auto; min-height: inherit}

.pre-crumbs {margin: 15px 0 20px 0; height: auto}

.wrpap-dop-news {margin-top: 50px}
.news-list > a {width: 50%}
.news-list.v2 > a:nth-child(3) {display: none}

.contacts-block {flex-wrap: wrap; gap: 0}
.contacts-block > div {margin-bottom: 20px; width: 100%}

.bottom-wrap .bottom {gap: 150px}
}

/* 900 */
@media only screen and (max-width: 900px) {

.after-slider {flex-wrap: wrap}
.after-slider .item {width: 100%}

.people-item {gap: 20px}
}

/* 800 */
@media only screen and (max-width: 800px) {

.promo .promo-item > div:nth-child(1) {min-width: 126px; max-width: 126px; height: 126px}
.promo .view .text {font-size: 18px; line-height: 28px}
.promo .view .title {padding: 10px 0; font-size: 33px; line-height: 50px}

.wrpap-dop-news .top-title {padding-bottom: 30px; font-size: 24px; line-height: 28px}
.wrpap-dop-news .top-lnk > div:nth-child(2) {display: none}

.news-list .title {font-size: 20px; line-height: 26px}



.bottom-wrap .bottom {flex-wrap: wrap; gap: 0; padding: 4px 0}
.bottom-wrap .bottom > div {padding: 4px 0; width: 100%; text-align: center}
}

/* 640 */
@media only screen and (max-width: 640px) {

.head {padding: 0 15px}

.promo {padding: 40px 15px 140px 15px}
.promo-item {flex-wrap: wrap}
.promo .promo-item > div:nth-child(1) {margin-bottom: 20px; min-width: 150px; max-width: 150px; height: 150px}

.after-slider {padding: 0 15px 80px 15px !important; gap: 20px}

.footer {padding: 25px 15px 20px 15px}

main {padding: 0 15px}

.news-list > a, .news-list.v2 > a {margin-bottom: 30px; width: 100%}
}

/* 500 */
@media only screen and (max-width: 500px) {

.head {gap: 10px}
.head > div:nth-child(5) {display: none}

.bottom-wrap .bottom {font-size: 12px}

.people-item > div:nth-child(1) {display: none}
.people-item .fio {font-size: 17px; line-height: 22px}

.contacts-block .fon {padding: 15px 10px}
}

/* 414 */
@media only screen and (max-width: 414px) {

.head {height: 70px}

.logo {width: 180px}
.logo > div:nth-child(1) {font-size: 25px; white-space: nowrap}
.logo > div:nth-child(2) {padding-top: 0; font-size: 11px}

.promo .view .title {padding: 5px 0; font-size: 26px}
.promo .view .text {font-size: 14px; line-height: 24px}

.contacts-block .t-cnt > div:nth-child(1) {padding-bottom: 9px}

.footer .line > div:nth-child(1) {min-width: inherit; max-width: inherit}
}

/* 320 */
@media only screen and (max-width: 320px) {

.promo {padding: 40px 15px 120px 15px}
.promo .view .title {font-size: 24px}
.promo .view .text {font-size: 13px; line-height: 20px}
}