@media only screen and (max-width: 1300px){
  .top-banner__img {
    left: 60%;
  }
  .mg-pelative a, .mg-pelative-2 a{
    right: 8px
  }
}
@media only screen and (max-width: 1200px){
  header .wrap{
    height: 75px;
  }
  header nav {
    margin: 0 0 0 20px;
  }
  header nav ul li {
    margin: 0 14px 0 0;
  }
  header nav ul li > a {
    line-height: 75px;
    padding: 0;
  }
  #open-menu {
    margin: 30px 10px 0 0;
  }
  .path .wrap{
    padding: 12px 8px;
  }
  header .logo {
    width:200px;
    height:75px;
    margin: 0 0 0 10px;
  }
  #menu{
    max-width: 320px;
    height: 575px;
    padding: 20px 20px 55px;
  }
  #menu > ul {
    width: auto;
  }
  article {
    padding: 0 10px;
  }
  .top-links {
    margin:0 0 20px;
  }
  .top-news > div {
    padding-left: 8px;
  }
  .top-news > ul {
    margin: 0 -8px 10px 0;
  }
  .top-banner .red-top{
    background-position: -268px 0;
  }
  .top-banner .red-top .wrap div{
    margin-left: 80px;
  }
  .top-banner__img{
    left: -24%;
    margin: 0;
  }
}
@media only screen and (max-width: 1100px){
  header nav{
    display: none;
  }
  header nav.menu_open{
    display: block;
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: 100%;
    left: 0;
    max-width: 320px;
    margin: 0;
    padding: 15px;
  }
  header nav ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  header nav ul li > a {
    line-height: 1.2;
  }
  .toggle-menu{
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 100;
    border: none;
    cursor: pointer;
    float: left;
    margin: 28px 0 0 15px;
    background-color: transparent;
  }
  .toggle-menu span{
    display: block;
  }
  .sandwich{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 200;
  }
  .sw-topper{
    position: relative;
    top: 0;
    width: 25px;
    height: 3px;
    background: #b00b21;
    border: none;
    -webkit-transition: -webkit-transform 0.5s, top 0.2s;
    transition: transform 0.5s, top 0.2s;
    display: block;
  }
  .sw-bottom{
    position: relative;
    width: 25px;
    height: 3px;
    top: 6.6px;
    background: #b00b21;
    border: none; 
    -webkit-transition: -webkit-transform 0.5s, top 0.2s;
    transition: transform 0.5s, top 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
  }
  .sw-footer{
    position: relative;
    width: 25px;
    height: 3px;
    top: 13.5px;
    background: #b00b21;
    border: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .sandwich.active .sw-topper{
    top: 10px;
    background: #b00b21;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .sandwich.active .sw-bottom{
    top: 7px;
    background: #b00b21;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .sandwich.active .sw-footer{
    opacity: 0;
    top: 0;
    background: #b00b21;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .top-news > ul li > a em{
    height: 60px;
    font-size: 12px;
  }

}
@media only screen and (max-width: 992px){
  .top .red-top{
    background-position: 37% 0;
  }
  .top-links__item {
    width: 33.333%;
  }
  .top-links a span{
    font-size: 16px;
  }
  .top-news > ul {
    margin: 0 0 10px;
  }
  .top-news,.interview {
    width: 100%;
  }
  .top-news > div{
    padding: 0 8px;
  }
  .left__menu-btn {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: bold;
    color: #b00b21;
    padding: 0 0 0 30px;
    background: url(../i/nt.gif) no-repeat 0 50%;
  }
  .left-menu{
    border-right: none;
    display: none;
  }
  .left-menu > li.active:after{
    display: none;
  }
  .left {
    width: 100%;
    float: none;
    padding: 0 10px;
    margin-bottom: 15px;
  }
  .right{
    margin-left: 0;
  }
  .mg-pelative a, .mg-pelative-2 a{
    display: none;
  }
}

@media only screen and (max-width: 768px){
  .top-links__item {
    width: 50%;
    max-width: 320px;
  }
  .top-news > ul li {
    width: 50%;
    max-width: 320px;
    margin-bottom: 16px;
  }
  .top .wrap {
    padding: 40px 0px 0 30px;
  }
  .top .red-top {
    background-position: 37% -60px;
  }
  #top-slider{
    left: 25%;
  }
  header{
    background-position: 22% 0;
  }
  .gallery__wrap{
    width: 33.333%
  }
  .right .gallery__wrap {
    width: 33.333%;
  }
}

@media only screen and (max-width: 640px){
  .top .wrap h1 {
    font-size: 20px;
  }
  .top-news > div span,.interview__ttl,.main-bottom .bottom-logo{
    font-size: 20px;
  }
  .main-bottom{
    height: 300px
  }
  .main-bottom .bottom-logo{
    background-size: 52%;
    padding-top: 126px;
    top: 50px
  }
  footer .wrap{
    text-align: center;
    padding: 0 10px;
  }
  #asd_subscribe_form{
    display: inline-block;
    vertical-align: top;
    float: none;
    text-align: left;
  }
  .bottom-search{
    display: inline-block;
    vertical-align: top;
    float: none;
    text-align: left;
  }
  .dev{
    float: none;
  }
  #asd_subscribe_form label {
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
  }
  input#asd_input_email {
    margin: 0;
    width: 100%;
  }
  #asd_subscribe_submit{
    top: 20px;
  }
  .top-banner .red-top .wrap div{
    font-size: 20px;
  }
  .top-banner .red-top .wrap {
    padding: 200px 0 0 0;
  }
  .top-banner .red-top {
    background-position: -268px 50px;
  }
  .top-banner .red-top .wrap div {
    margin-left: 60px;
  }
  .top-banner .tb-text .wrap {
    padding:68px 15px 0;
  }
  .right .gallery__wrap {
    width: 50%;
  }
  .gallery__wrap{
    width: 50%
  }
}

@media only screen and (max-width: 480px){
  #open-menu p{
    display: none;
  }
  #top-slider {
    left: -15%;
  }

}

@media only screen and (max-width: 400px){
  .top-links__item,.top-news > ul li{
    width: 100%;
  }
  .top-banner__img {
    left: -70%;
    margin: 0;
  }
  .right .gallery__wrap {
    width: 100%;
  }
  .gallery__wrap{
    width: 100%
  }
  .gallery{
    text-align: center;
  }
}