@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) {

}