@media all and (max-width : 1199px) {
.container{width: 991px;}
}
@media all and (max-width : 991px) {
@media all and (max-width : 991px) {
.logo{float: none;margin:0 auto;width: 60px;display: block;}
.header .logo img{width: auto;height: 50px;}
.nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{
display:block
}
.nav>ul>li {margin: 0;}
.nav{width: 100%;min-width: auto;display: none;}
.nav ul,.nav ul ul{background-color: rgba(0,0,0,0.8);}
.nav a, .nav a:active, .nav a:hover, .nav a:visited{
padding: 11px 20px;background-color: transparent;color: #fff;
margin: 0;
}
.nav li.nav-active>a, .nav li:hover>a{color: #fff;background-color: #EB2127;}
.nav .nav-submenu>ul a{padding-left:30px}
.nav .nav-submenu>ul a:hover{padding-left:30px;background-color: transparent;}
.nav .nav-submenu>a:after{top:13px;}
.header{width: 100%;padding: 10px 0 5px 0;min-height: auto;background-color: #000;}
.header .container{padding: 0}
.nav ul li.active a{border:0;}
.title{font-size: 70px}
.subheader{
height: 255px;
min-height: 255px;
}
.subTitle{font-size: 40px;}
/*subpage*/
.container{width: 100%;}
.subcontent{padding: 25px 0;}
.subcontent p{font-size: 15px;letter-spacing: 0;}
.intro-content{top: 0;}
.subcontent h1{font-size: 24px;}
.intro .col-50{float: left;width: 100%;margin-bottom: 20px;}
.tabs a{padding: 4px 15px;font-size: 15px;}
.tabs_item h2{font-size: 20px;}
.story .content h2{font-size: 20px;}
.story .content p{font-size: 15px;}
#map {height: 400px;}
.subTitle{top: 70%;transform: translate(-50%, -70%);}
footer{font-size: 13px;padding: 30px 0;}
footer img{width: auto;height: 55px;margin-bottom: 20px;}
}
@media all and (max-width : 767px) {
.title{font-size: 60px;line-height: 1.3;}
.title a{font-size: 16px;padding: 9px 15px;}
.subheader{
height: 255px;
min-height: 255px;
}
.story .date{width: 100%;margin-bottom: 10px;}
.story .content{width: 100%;}
.contacts .col-33{width: 100%;margin-bottom: 20px;}
#map {height: 300px;}
}
@media all and (max-width : 500px) {
.title{font-size: 42px}
.subTitle{font-size: 32px;}
.tabs li{width: 100%;}
.tabs a{text-align: center;font-size: 14px;border-bottom: 1px solid #ccc;}
.current a{border-bottom: 1px solid #EB2127;}
}
@media all and (max-width : 350px) {
}