@media only screen and (max-width: 1024px) {
	.wrapper {padding: 0 1rem;}
	.logo {position: absolute}
	.menu-wrapper {width:100%;}
.js .menu-wrapper nav[role=navigation] { overflow: hidden; max-height: 0em;}
.js .menu-wrapper nav[role=navigation].active { max-height: 40rem; overflow: auto; transition: max-height 0.5s ease-out; position: absolute; right: 0}
.menu-wrapper a.menu-link {display: block; width: auto; border: none; margin: 0; line-height:2.573rem; padding: 0 !important; }
.menu-wrapper a.menu-link:hover {color:#040404;}
.ico-caret-down { float:right; text-align:center; position:relative; padding-left: 1rem;}
.menu-wrapper .menu { padding-bottom: 5px; float: right; width: 100%; max-width: 320px; }
.menu-wrapper .menu li { display: block;float: left; width: 100%; text-align: left !important}
.menu-wrapper .menu li.has-subnav:after {display: none}
.menu-wrapper .menu > li {padding: 0px; border-bottom:1px solid #ffffff; background:#970002;}
.menu-wrapper .menu a { padding:0 1rem;  margin: 0px;  border: none; line-height: 32px; color: #ffffff; }
.menu-wrapper .menu a:hover {color:#ffffff; opacity: .8; display: block}
.menu-wrapper .menu .rightalign { float: none; }
.menu-wrapper li + li a:before {content: "";}
.menu-wrapper li:hover .sub-menu { max-height: 0em; transition: none;}
.menu-wrapper .sub-menu { background: none; margin-left: 0px; margin-top:0; display: block; width: 100%; }
.menu-wrapper .sub-menu li, .menu-wrapper .sub-menu li a { margin: 0; display: block; width: 100%;border-bottom: 1px solid #970002; background: #ffffff; color: #040404;}
	.menu-wrapper .sub-menu li {border-bottom:0px solid #970002;}
.menu-wrapper .sub-menu li a {padding-left: 1.8rem;}
.menu-wrapper .sub-menu a:hover {background: #ffffff; color:#040404; padding-left: 2rem}
.menu-wrapper .sub-menu li:last-child { padding: 0;}
.menu-wrapper .sub-menu li:last-child a { border: none;}
.menu-wrapper .menu .has-subnav { position: relative; background: #970002 !important}
.menu-wrapper li .sub-menu.active { max-height: 30em; overflow: visible; position: relative; z-index: 9; transition: max-height 0.5s ease-out;}
.menu-wrapper .toggle-link {display: block; position: absolute; right: 0px; z-index: 200; font-size: 0em; cursor: pointer; speak: none; font-style: normal; font-weight: normal; line-height: 1;  -webkit-font-smoothing: antialiased;}
.menu-wrapper .toggle-link:hover {transition: all 0.2s; background: #e9e9e9;}
.menu-wrapper .menu .has-subnav > .toggle-link:after { content: "+"; position: absolute; width:32px; height:32px; line-height:32px; text-align:center; top: 50%; bottom: 50%; right:0; font-size:1.5rem; color: #040404; font-weight:400; background:#ffffff; }
}

@media only screen and (max-width: 1023px) {
.content { width:100%; float: left; padding-right: 2.5rem; padding-bottom: 3rem}
aside {width:100%; float: left}
	
.newsletter-box {background: #7f889a; border: 0px solid #ededed; color: #ffffff;}
.newsletter-box table {padding: 0; margin: 0; width: 100%; border-collapse: collapse}
.newsletter-box table tr td {padding:.5rem 1rem; width: auto; display:table-cell}
	.social {text-align: center}
}

@media only screen and (max-width: 960px) {
.newsletter table tr td, .newsletter-box  table tr td {padding: 0 1rem; width: 33.33%; display: inline-block}
.newsletter table tr td:first-of-type, .newsletter-box  table tr td:first-of-type {width: 100%; display: block; text-align: center; padding: 0 0 1rem 0}	
.newsletter input[type=text], .newsletter-box input[type=text]  {max-width:600px;}
.newsletter input[type=submit], .newsletter-box input[type=submit] {max-width: 600px;}
}

@media only screen and (max-width: 768px) {
.news-box {width:100%; padding-right: 0; padding-top: 2rem;}
}

@media only screen and (max-width: 767px) {
	.newsletter table tr td {width: 50%;}
	.newsletter table tr td:last-of-type {width: 100%; display: block; text-align: center; padding:1rem 0 0 0}	
	.newsletter input[type=submit] {max-width: 300px;}
	
	.newsletter-box table tr td {width: 50%;}
	.newsletter-box table tr td:last-of-type {width: 100%; display: block; text-align: center; padding:1rem 0 0 0}	
	.newsletter-box input[type=submit] {max-width: 300px;}
	
	.news-title a span {display: block; padding-top: .5rem}
}


@media only screen and (max-width: 639px) {
	.welcome {padding: 2rem 1.875rem 4rem; text-align: center; line-height: 1.5}
	.welcome-title { font-size: 1.5rem; }
	.newsletter table tr td{width: 100%; display: block; text-align: center; padding:1rem 0 0 0}	
	.newsletter input[type=text] {max-width: 300px;}
	
	.newsletter-box table tr td{width: 100%; display: block; text-align: center; padding:1rem 0 0 0}	
	.newsletter-box input[type=text] {max-width: 300px;}
.footer-contacts a {display: block; padding: 0 1.5rem;}
.footer-contacts span { display: block; padding: 0 1.5rem 1.5rem;}
	.tabAuto {bottom: 1rem;}
.tabAuto li { display: block;}
.tab-content { padding-top: 4.5rem;  top: 0; left: 50%; transform: translate(-50%, 0)}
.tab-content span a { font-size: 1.5rem; }
}

@media only screen and (max-width:400px) {
	.logo img {max-width: 150px;}
	.tab-content { padding-top: 1.5rem;  top: 0; left: 50%; transform: translate(-50%, 0)}
	.welcome {padding: 2rem 0 4rem; text-align: center; line-height: 1.5; font-size: .875rem;}
	.news-box {font-size: .875rem;}
}