@import "vars.less";

@media screen and (max-width: 1150px) {
  .header__menu_left, .header__menu_right{margin-left: -20px;}
  .header__menu_item{margin-left: 20px;}

  .content{padding-top: 200px;}
  .title{text-align: center; text-transform: uppercase; font-size: @h4;}
  .subtitle{text-align: center; text-transform: uppercase; font-size: @h6;}

  .slide__video{display: none;}

  .birds__content{position: static;}
  .birds__content_text{max-width: 580px; margin: 0 auto;}
  .birds__content_text{
    ul{margin-left: -15px;}
    li{display: inline-block; width: 155px; margin-left: 15px;}
  }
  .birds__slider{height: auto; margin-top: 35px;}
  .birds__slider_list{margin-left: -90px; margin-top: -50px; text-align: center;}
  .birds__slider_item{position: relative; left: auto!important;; top: auto!important; display: inline-block; width: 220px; margin-left: 90px; margin-top: 50px; vertical-align: bottom;}

  .contacts__map{margin-top: 25px;}
  .manufactures{
    .slide:first-child {
      .slide__content_title{font-size: 32px;}
      .slide__content_subtitle{font-size: @h5;}
    }
    .slide__content_title{font-size: @h3;}
    .slide__content_subtitle{font-size: @font;}
  }

  .manufactures__switcher.show{left: 10px; right: 10px; top: auto; bottom: 40px; padding: 5px 10px; .transform(none); background: none; border: none;}
  .manufactures__switcher_list{margin-left: -15px; margin-top: 0; text-align: center;}
  .manufactures__switcher_item{display: inline-block; margin-left: 15px; margin-top: 0; background: rgba(255, 255, 255, 0.3);}
}

@media screen and (max-width: 1020px) {
  .header{position: fixed; top: 0; height: 115px;}
  .header__menu{margin-top: 20px;}
  .header__menu_item{display: none;}
  .header__menu_left, .header__menu_right{margin-left: 0;}
  .header__menu_burger, .header__menu_phone{display: block;}
  .header__logo{display: none; width: 200px; top: -15px; margin-left: -100px;}
  .header__logo--mobile{display: block;}
  .header__menu_mobile.active{display: block;}
  .header__title{display: block; margin-top: 0;}

  .title{display: none;}
  .content{padding-top: 140px;}

  .slide__content_title{font-size: @h4;}
  .slide__content_subtitle{margin-top: 20px; font-size: @font;}

  .bird__left, .bird__right{float: none; width: 100%;}
  .bird__right{margin-top: 40px;}
  .bird__title{display: none;}

  .contacts__map{margin-top: 0;}
}

@media screen and (max-width: 880px) {
  .meat__table_clone{display: table;}
  .meat__table table:not(.meat__table_clone){
    th, td{
      position: relative; z-index: 1;
      &:first-child{visibility: hidden;}
    }
  }
  .meat__table_clone{
    th, td{
      &:first-child{
        position: relative; z-index: 2;
        &:before{content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 1px; background: #a6a6a6;}
        &:after{content: ''; position: absolute; right: -1px; top: 0; bottom: 0; width: 1px; background: #a6a6a6;}
      }
      &:not(:first-child){visibility: hidden;}
    }
  }
}

@media screen and (max-width: 760px) {
  .html_format{font-size: @h6;}
  .content{padding-top: 110px;}

  .header{height: 85px;}
  .header__menu{margin-top: 20px;}
  .header__menu_burger, .header__menu_phone {width: 40px; height: 40px;}
  .header__menu_phone{background-size: 20px 20px;}
  .header__menu_burger{
    span, span:before, span:after{width: 20px;}
    span{left: 50%; top: 17px; margin-left: -10px;}
    span:before{top: -7px;}
    span:after{bottom: -7px;}
  }
  .header__logo{width: 120px; margin-left: -60px;}
  .header__title{font-size: @font;}
  .header__menu_mobile{top: 85px;}

  .footer__copyright, .footer__creator{font-size: 12px;}

  .slide__content_title{font-size: @h5;}
  .slide__content_subtitle{font-size: @h6;}
  .slide__content--coop{margin-top: 60px; padding: 20px;}
  .coop__title{font-size: @h5;}
  .coop__text{line-height: 24px; font-size: @h6;}

  .about{padding: 35px 0 0;}
  .about__title{font-size: @h5;}
  .about__companies_list{margin-top: -40px;}
  .about__companies_item{margin-top: 40px;}
  /*.about__credo{left: 0; width: 100%; height: 230px; margin-left: -265px; padding: 0;}*/
  .about__credo_container{width: 300px; height: 70px; margin-left: -150px; margin-top: -35px;}
  .about__credo_title{font-size: @font;}
  .about__credo_content{font-size: @h6;}

  .video__play{width: 118.5px; height: 84px; margin-left: -59px; margin-top: -42px;}

  .birds__content{display: none;}
  .birds__slider{margin-top: 0;}
  .birds__slider_list, .birds__slider_item{margin: 0;}
  .birds__slider_list{padding-bottom: 30px;}
  .birds__slider_item{display: block; width: auto; font-size: @h5;}
  .birds__slider_img{height: 55vh;}
  .birds__slider_img img{max-height: 100%;}
  .birds__slider_arrows{display: block;}

  .bird__nav{display: none;}
  .bird__nav.active{position: fixed; left: 0; top: 0; bottom: 0; display: block; width: 100%; padding: 25px 15px 15px; background: @buttonColor; overflow-y: auto; .border-box(); z-index: 3;}
  .bird__nav_button{display: block;}
  .bird__nav_close{display: block;}
  .bird__img{float: none; max-width: 100%; margin-top: 20px; text-align: center;}
  .bird__img img{max-height: 60vh;}
  .bird__characteristics_title{font-size: @h5;}

  .contacts__map{height: auto;}
  .contacts__panel{position: static;}
  .contacts__map #map{position: static; height: 65vh; min-height: 350px; margin-top: 20px;}

  .manufactures{
    .slide:first-child {
      .slide__content_title{font-size: @h4;}
      .slide__content_subtitle{font-size: @font;}
    }
    .slide__content_title{font-size: @font;}
    .slide__content_subtitle{font-size: @h6;}
  }

  .error{height: calc(~"100vh - 40px"); min-height: 420px; overflow: hidden;}
  .error__container{position: relative; left: auto; top: auto; margin: 0; width: 100%; height: 100%; border-radius: 0; border: none;}
}