@charset "UTF-8";
/* CSS Document MEDIA МАНУФАКТУРЫ*/
/*================================
WIDTH - 1200PX
================================*/
@media screen {
  .conteiner { /* INNER CONTEINER - ширина внутри контейнера*/
    width: 1170px;
  }
  .breadcrumbs-inner { /* хлебные крошки - размер шрифта*/
    font-size: 15px;
  }
  .rubrik {
    padding-top: 1px;
  }
  .rubrik-inner {
    padding-bottom: 15px;
  }
  .division { /*Размер всей рубрики*/
    min-height: 800px;
  }
  .division ul {
    padding-bottom: 25px;
  }
  .division li {
    padding-top: 25px;
    margin-left: 3%;
  }
  .division_square a { /*параметры квадрата*/
    width: 245px;
    height: 245px;
    border: solid 2px;
    border-radius: 20px;
  }
  .division_square a:hover { /*параметры квадрата при наведении*/
    width: 245px;
    height: 245px;
    border: solid 3px;
    border-radius: 20px;
  }
  .img_devision { /*параметры картинки в квадрате*/
    left: 1em;
    height: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .division_name { /*параметры названия в квадрате*/
    top: -12px;
    font-weight: 350;
    font-size: 18px;
    z-index: 3;
    width: 245px;
  }
}
/*================================
WIDTH - 1199PX - 960PX
================================*/
@media screen and (max-width: 1199px) {
  .conteiner { /* INNER CONTEINER - ширина внутри контейнера*/
    width: 960px;
  }
  .breadcrumbs-inner { /* хлебные крошки - размер шрифта*/
    font-size: 12px;
  }
  .rubrik {
    padding-top: 1px;
  }
  .rubrik-inner {
    padding-bottom: 15px;
  }
  .division { /*Размер всей рубрики*/
    min-height: 992px;
  }
  .division ul {
    padding-bottom: 15px;
  }
  .division li {
    padding-top: 20px;
    margin-left: 3%;
  }
  .division_square a { /*параметры квадрата*/
    width: 200px;
    height: 200px;
    border: solid 2px;
    border-radius: 15px;
  }
  .division_square a:hover { /*параметры квадрата при наведении*/
    width: 200px;
    height: 200px;
    border: solid 3px;
    border-radius: 15px;
  }
  .img_devision { /*параметры картинки в квадрате*/
    left: 1.5em;
    height: 100%;
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .division_name { /*параметры названия в квадрате*/
    top: -15px;
    font-weight: 350;
    font-size: 16px;
    z-index: 3;
    width: 200px;
  }
}
/*================================
WIDTH - 991PX - 720PX
================================*/
@media screen and (max-width: 991px) {
  .conteiner { /* INNER CONTEINER - ширина внутри контейнера*/
    width: 720px;
  }
}
/*================================
WIDTH - 767PX - 540PX
================================*/
@media screen and (max-width: 767px) {
  .conteiner { /* INNER CONTEINER - ширина внутри контейнера*/
    width: 540px;
  }
  .breadcrumbs-inner { /* хлебные крошки - размер шрифта*/
    font-size: 11px;
  }
  .rubrik {
    padding-top: 1px;
  }
  .rubrik-inner {
    padding-bottom: 15px;
  }
  .division { /*Размер всей рубрики*/
    min-height: 800px;
  }
  .division ul {
    padding-bottom: 15px;
  }
  .division li {
    padding-top: 20px;
    margin-left: 2%;
  }
  .division_square a { /*параметры квадрата*/
    width: 150px;
    height: 150px;
    border: solid 2px;
    border-radius: 12px;
  }
  .division_square a:hover { /*параметры квадрата при наведении*/
    width: 150px;
    height: 150px;
    border: solid 3px;
    border-radius: 12px;
  }
  .img_devision { /*параметры картинки в квадрате*/
    left: 1.5em;
    height: 100%;
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .division_name { /*параметры названия в квадрате*/
    top: -15px;
    font-weight: 350;
    font-size: 15px;
    z-index: 3;
    width: 150px;
  }
}
/*================================
WIDTH - MAX 575PX - 375PX
================================*/
@media screen and (max-width: 575px) {
  .conteiner { /* INNER CONTEINER - ширина внутри контейнера*/
    width: 375px;
  }
  .breadcrumbs-inner { /* хлебные крошки - размер шрифта*/
    font-size: 9px;
  }
  .rubrik {
    padding-top: 1px;
  }
  .rubrik-inner {
    padding-bottom: 15px;
  }
  .division { /*Размер всей рубрики*/
    min-height: 800px;
  }
  .division ul {
    padding-bottom: 15px;
  }
  .division li {
    padding-top: 20px;
    margin-left: 2%;
  }
  .division_square a { /*параметры квадрата*/
    width: 160px;
    height: 160px;
    border: solid 2px;
    border-radius: 12px;
  }
  .division_square a:hover { /*параметры квадрата при наведении*/
    width: 160px;
    height: 160px;
    border: solid 3px;
    border-radius: 12px;
  }
  .img_devision { /*параметры картинки в квадрате*/
    left: 1.5em;
    height: 100%;
    padding-bottom: 30px;
    padding-top: 10px;
  }
  .division_name { /*параметры названия в квадрате*/
    top: -15px;
    font-weight: 350;
    font-size: 16px;
    z-index: 3;
    width: 150px;
  }
}