@media screen and (max-width:1200px){

	.slider__nav {left: 15px; margin: 0}
}
@media screen and (max-width:1100px){

	.service__item {padding-right: 160px; padding-left: 25px}
	.service__item-im {right: 25px}
	.service__item.v2 {padding-left: 25px}
	.service__item.v2 .service__item-im {left: 25px}
	.service__item.v3 {padding-right: 200px}
}
@media screen and (max-width:1000px){

	H1 {font-size: 40px; line-height: 50px}
	H2 {font-size: 30px; line-height: 40px}

	.stitle {font-size: 30px; line-height: 40px}

	.header__top {height: auto; padding: 15px 0 20px}
	.header__logo {position: static; display: block}
	.header__menu {position: relative; right: auto; bottom: auto; margin: 0 -15px}
	.header__menu:before {display: none}
	.header__menu:after {display: none}
	.header__menu > ul > li {width: 100%}
	.header__menu > ul > li > a {padding: 0 10px; justify-content: center; text-align: center; line-height: 1}

	.topb__wrapper {padding-bottom: 0}

	.slider__item {height: auto; padding-bottom: 150px}
	.slider__item-wrapper {padding-top: 50px}
	.slider__item-title {font-size: 50px; line-height: 60px}
	.slider__item-text {max-width: none; font-size: 20px; line-height: 30px}
	.slider__nav {bottom: 30px}

	.service {margin-top: 0}
	.slider + .service {margin-top: 30px}
	.service__intro {max-width: none; margin-bottom: 30px}
	.service__list {align-items: stretch}

	.company__map {margin-right: -900px}

	.coop__item {font-size: 26px; line-height: 34px}

	.transp__list {margin: -20px 0 0 0; justify-content: space-between}
	.transp__item {margin: 20px 0 0 0; width: 49%}

	.profit__list {margin: 0 -10px}
	.profit__item {min-height: 0; padding: 35px 15px; margin: 0 10px}
	.profit__item-title {font-size: 24px; line-height: 32px}
	.profit__item-text {font-size: 16px; line-height: 22px}

	.nitem__title {font-size: 20px; line-height: 26px}

	.appb__box {max-width: none}
}
@media screen and (max-width:900px){

	.service__intro {margin-bottom: 0}
	.service__item {width: 48.5% !important; padding: 25px 25px 70px !important}
	.service__item-im {position: static; display: block; margin-bottom: 25px}
	.service__item-ln {margin: 0; position: absolute; left: 25px; bottom: 25px}

	.mark__icon {flex: 0 0 230px}
	.mark__icon img {max-width: 200px}

	.company {padding: 0; margin: 70px 0}
	.company__content {width: auto}
	.company__text {margin-top: 25px}
	.company__map {display: none}
	.company__detail {margin-top: 25px}

	.footer {padding-top: 50px}
	.footer__top {flex-wrap: wrap; margin-bottom: 50px}
	.footer__logo {width: 100%; margin-bottom: 35px}
}
@media screen and (min-width:768px){

	.header__menu {display: block !important}
}
@media screen and (max-width:767px){

	H1 {font-size: 34px; line-height: 40px}
	H2 {font-size: 24px; line-height: 30px}

	.stitle {font-size: 24px; line-height: 30px}

	.textb H1, .textb H2, .textb H3 {}
	.textb ul {}
	.textb ul li {margin-top: 7px}
	.textb ul li:after {top: 11px}
	.textb ol li {margin-top: 7px}
	.textb blockquote {font-size: inherit; line-height: inherit}
	.textb table th {padding-left: 10px}
	.textb table th:last-child {padding-right: 10px}
	.textb table td {padding-left: 10px}
	.textb table td:last-child {padding-right: 10px}

	.post > div {margin-top: 30px}
	.post__text {font-size: inherit; line-height: inherit}

	.imgs__list {margin: -20px -5px 0}
	.imgs__list > div {margin-top: 20px}

	.header__logo img {width: 160px}
	.header__top > .header__ct {display: none}
	.header__ct {margin-top: 10px; text-align: left}
	.header__bt {margin-left: auto; width: 150px}
	.header__bt a {font-size: 14px}
	.header__bt a:after {position: relative; top: 2px; margin-left: 10px; font-size: 13px}
	.header__burger {position: relative; padding-right: 40px; cursor: pointer; display: block; margin-left: 20px; text-transform: uppercase; font-weight: 500; font-size: 15px}
	.header__burger i {display: block; width: 30px; height: 19px; padding-top: 8px; position: absolute; right: 0; top: 50%; margin-top: -10px}
	.header__burger span {position: relative; border-radius: 3px; display: block; width: 100%; height: 3px; background: #000; transition: background .2s ease-in-out}
	.header__burger span:before, .header__burger span:after {position: absolute; right: 0; top: -8px; display: block; content: ''; width: 100%; height: 3px; background: #000; border-radius: 3px; transition: all .2s ease-in-out}
	.header__burger span:after {top: 8px}
	.show_menu .header__burger span {background: transparent}
	.show_menu .header__burger span:before {transform: rotate(45deg); top: 0}
	.show_menu .header__burger span:after {transform: rotate(-45deg); top: 0}
	.header__menu {display: none; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.1); padding: 10px 15px 25px; position: absolute; left: 0; right: 0; top: 100%; margin: 0; border-top: 1px solid rgba(0,0,0,.05)}
	.header__menu > ul {display: block}
	.header__menu > ul > li {width: auto}
	.header__menu > ul > li:after {display: none}
	.header__menu > ul > li > a {display: flex; justify-content: flex-start; height: auto; padding: 8px 0; text-align: left; color: #000; font-size: 18px}
	.header__menu > ul > li.menu-item-has-children > a:after {border-color: #000 transparent transparent transparent}
	.header__menu > ul > li ul {position: relative; left: auto; top: auto; margin: 0; padding: 1px 0 7px 0; width: auto; background: none; border-radius: 0}
	.header__menu > ul > li li {}
	.header__menu > ul > li li a {padding: 3px 0 3px 15px}

	.body {margin-bottom: 90px}

	ul.breadcrumbs {margin-bottom: 10px}

	.topb {height: auto; margin-bottom: 35px}
	.topb__wrapper {min-height: 140px; padding-top: 35px; padding-bottom: 35px}

	.pages {margin-top: 50px}
	.pages ul li {margin: 0 2px}
	.pages ul li * {width: 34px; height: 34px; font-size: 14px}

	.slider__item {min-height: 300px; padding-bottom: 0}
	.slider__item-wrapper {padding-top: 70px; padding-bottom: 100px}
	.slider__item-title {font-size: 30px; line-height: 40px}
	.slider__item-text {max-width: none; margin-top: 20px; font-size: 16px; line-height: 22px}

	.service__intro {margin-bottom: 20px}
	.service__item {margin-top: 20px}
	.service__item-im {height: 100px; display: flex; align-items: center}
	.service__item-im img {max-width: 100px}
	.service__item-title {font-size: 20px; line-height: 24px}
	.service__item-text {font-size: 14px; line-height: 20px}

	.serv__list {margin-top: 20px}
	.serv__item {margin-top: 10px}
	.serv__text {font-size: inherit; line-height: inherit}

	.mark {padding: 50px 0}
	.mark__text {margin-top: 25px; font-size: 15px; line-height: 23px}
	.mark__ln {margin-top: 20px}

	.addrs__block {padding-top: 35px}
	.addrs__box {margin-top: 60px}
	.addrs__title {font-size: 20px; line-height: 26px}
	.addrs__descr {margin-top: 15px; font-size: inherit; line-height: inherit}
	.addrs__map {margin-top: 30px; height: 200px}

	.coop {padding: 50px 0}
	.coop__item {padding: 5px 0 0 60px; min-height: 50px; font-size: 20px; line-height: 28px}
	.coop__item:before {width: 50px; height: 50px}

	.transp__intro {margin-bottom: 30px}
	.transp__list {margin-top: -10px}
	.transp__item {padding: 15px 15px 20px; min-height: 0; margin-top: 10px}
	.transp__item-title {font-size: 16px}

	.infob {display: block}
	.infob__box {width: auto; margin-top: 16px}
	.infob__box:first-child {margin-top: 0}

	.profit {padding: 35px 0}
	.profit__list {margin: 0 -5px}
	.profit__item {min-height: 0; padding: 35px 10px; margin: 0 5px}
	.profit__item-title {font-size: 20px; line-height: 26px}
	.profit__item-text {font-size: inherit; line-height: inherit}

	.com__list {margin-top: 40px}
	.com__item {margin-top: 25px}
	.com__more {margin-top: 25px}

	.nitem__im a {height: 160px}
	.nitem__date {margin-top: 20px}
	.nitem__title {font-size: 18px; line-height: 22px}
	.nitem__detail {padding-top: 15px}

	.news {margin-top: 70px}
	.news__list {margin: 30px -5px 0}

	.newsl {margin: -30px -5px 0}
	.newsl__nitem {margin-top: 30px}

	.appb {padding-bottom: 70px}
	.appb__box {padding: 30px 20px}
}
@media screen and (max-width:600px){

	.service__item {padding: 15px 15px 70px !important; margin-top: 15px}
	.service__item-ln {left: 15px}

	.addrs__basic {display: block}
	.addrs__info {width: auto}
	.addrs__im {width: auto; height: 140px; margin-top: 25px}

	.coop__block {display: block}
	.coop__block > div {margin: 30px 0 0 0}

	.news__list {margin: 0; justify-content: space-between}
	.news__nitem {width: 48.5%; margin: 35px 0 0 0; display: none}
	.news__nitem:first-child, .news__nitem:first-child + .news__nitem {display: block}

	.newsl {justify-content: space-between;	margin: -30px 0 0 0}
	.newsl__nitem {width: 48.5%; margin: 30px 0 0 0}

	.appb__inln {display: block; margin: 0}
	.appb__inln > div {width: auto; padding: 0}
	.appb__r textarea {height: 100px}

	.footer__top {display: block; text-align: center}
	.footer__serv ul {margin-top: 0}
	.footer__menu {margin-top: 20px}
	.footer__ct {margin-top: 20px; text-align: center}
	.footer__soc {justify-content: center}
	.footer__bot {display: block; height: auto; padding: 15px 0; text-align: center}

	.mform {width: 100%; padding: 50px 20px}

	.mthank {width: 100%; padding: 50px 20px}
}
@media screen and (max-width:500px){

	H1 {font-size: 30px; line-height: 36px}

	.header__top > .header__bt {display: none}
	.header__bt {margin: 25px 0 0 0; width: 200px}
	.header__burger {margin-left: auto}

	.mark {display: block; text-align: center}
	.mark__icon img {max-width: 130px}
	.mark__content {margin-top: 35px}

	.transp__list {display: block}
	.transp__item {width: auto}

	.serv__item {display: block; margin-top: 15px}
	.serv__text {margin: 5px 0 0 0}

	.profit__list {display: block; margin: 0}
	.profit__item {width: auto; margin: 5px 0 0 0; padding: 25px 10px}
	.profit__item:first-child {margin-top: 0}

	.com__new a {padding: 0 15px}

	.news {padding-bottom: 80px}
	.news__top {display: block}
	.news__all {position: absolute; left: 0; right: 0; bottom: 0}
	.news__all a {display: flex; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid rgba(0,0,0,.15); height: 50px; text-decoration: none} 
}
@media screen and (max-width:400px){

	.service__intro {margin-bottom: 30px}
	.service__list {display: block; margin-top: 20px}
	.service__item {width: auto !important; padding: 20px 20px 65px !important; margin-top: 5px}
	.service__item-ln {left: 20px}

	.com__top {display: block; padding-bottom: 20px}
	.com__new {margin: 15px 0 0 0}

	.news__list {display: block}
	.news__nitem {width: auto; display: block}

	.newsl {display: block; margin: 0}
	.newsl__nitem {width: auto}

	.coop__item {padding: 3px 0 0 42px; min-height: 34px; font-size: 18px; line-height: 24px}
	.coop__item:before {width: 34px; height: 34px; font-size: 14px}
	.coop__item.mail:before {font-size: 16px}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0)
{
	a {transition: color .3s}
	a:hover {text-decoration: none}

	.btn {transition: background .3s}
	.btn:hover {background: #008456}

	.header__bt a {transition: background .3s, color .3s}
	.header__bt a:hover {background: #003f91; color: #fff}
	.header__menu > ul > li > a:hover {color: rgba(255,255,255,.7)}
	.header__menu > ul > li li a {transition: background .3s, color .3s}
	.header__menu > ul > li li a:hover {background: #003f91; color: #fff}

	ul.breadcrumbs li a:hover {text-decoration: underline}

	.pages ul li a {transition: background .3s}
	.pages ul li:not(.active) a:hover {background: #e5e5e5}

	a.linkb {padding: 0 40px 0 0; transition: padding .3s}
	a.linkb:hover {padding-left: 110px}
	a.linkb:before {width: 62px}
	a.linkb > span {opacity: 0; transition: opacity .3s; transition-delay: .1s}
	a.linkb:hover > span {opacity: 1}

	.slider__arr {transition: color .3s}
	.slider__arr:hover {color: #008456}

	.service__item {transition: background .3s, box-shadow .3s}
	.service__item:hover {background: #fff; box-shadow: -20px 20px 100px rgba(8, 7, 5, 0.15)}

	.company__map-item a {transition: transform .3s; will-change: transform}
	.company__map-item a:hover {z-index: 55; transform: scale(1.15)}

	.transp__item {transition: background .3s, box-shadow .3s}
	.transp__item:hover {background: #fff; box-shadow: -20px 20px 100px rgba(8, 7, 5, 0.15)}

	.mark__icon img {transition: transform .3s}
	.mark__icon img:hover {transform: scale(1.1)}

	.addrs__im img {transition: transform .3s}
	.addrs__im:hover img {transform: scale(1.1)}

	.nitem__im img {transition: transform .3s}
	.nitem__im a:hover img {transform: scale(1.1)}
	.nitem__title a:hover {color: #003f91}

	.footer__serv ul li a:hover {color: #fff}
	.footer__menu ul li a:hover {color: #fff}
	.footer__pp a:hover {color: #fff}
}