/*** max-width 576px ***/
@media screen and (max-width: 576px) {
  .top { display: flex;  flex-direction: column; }
  .top .logo { margin-left: auto; margin-right: auto; }
  .top .logo a { display: flex; flex-direction: column; }
  .top .contacts { margin-left: auto; margin-right: auto; }
  .top .contacts .phone a { display: block; text-align: center; }
  .zayavka .block-callback .block-forma .btn_callback { padding: 10px 30px; border: 3px solid #fff; font-size: 16px; font-weight: 500; } }

/*** max-width 768px ***/
@media screen and (max-width: 768px) {
  .top { margin-top: 60px; height: auto; margin-bottom: 15px; }
  .top .logo img { width: 50px; height: 50px; }
  .top .logo h1 { font-size: 20px; }
  .top .contacts .phone a { font-size: 18px; }
  .block-banner { display: none; }
  .block-banner__media { display: block; }
  .assortment { background: #f5f5f5; }
  .mn-left, .mn-right { display: none; }
  .zayavka .block-callback h3 { font-size: 16px; }
  .zayavka .block-callback .block-forma { width: 100%; }
  .zayavka .block-callback .block-forma .block-phone-name { display: flex; flex-direction: column; width: 100%; }
  .zayavka .block-callback .block-forma .block-phone-name .name-callback, .zayavka .block-callback .block-forma .block-phone-name .phone-callback { width: 100%; margin-top: 10px; }
  .zayavka .block-callback .block-forma .btn_callback { padding: 10px 30px; border: 3px solid #fff; font-size: 18px; font-weight: 500; }
  .block-footer-logo { display: none; } }

/*** min-width 769px and max-width 992px ***/
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .block-banner .block-banner-info { left: 30%; height: auto; width: auto; padding-left: 25px; padding-right: 25px; }
  .block-banner .block-banner-info .big { font-size: 22px; }
  .block-banner .block-banner-info .small { font-size: 18px; }
  .block-footer .block-footer-left .contact-info p { font-size: 13px; }
  .block-footer .block-footer-right .contacts .block-phone p { font-size: 13px; }
  .block-footer .block-footer-right .contacts .mail p { font-size: 13px; }
  .block-footer .block-footer-left .working-hours p { font-size: 13px; }
  .block-footer .block-footer-left .working-hours span { font-size: 13px; }
}

/*** min-width 993px and max-width 1100px ***/
@media only screen and (min-width: 993px) and (max-width: 1100px) {
  .block-banner .block-banner-info { left: 8%; }
  .block-banner .block-banner-info .big { font-size: 28px; }
  .block-banner .block-banner-info .small { font-size: 20px; } }

/*** max-width 992px ***/
@media screen and (max-width: 992px) {
  .block-footer-logo .logo a { display: flex; flex-direction: column; }
  .block-footer-logo .logo img { width: 80px; height: 80px; }
  .block-footer-logo .logo h1 { font-size: 20px; }
  .nav-link { font-size: 20px !important; text-align: center; }
  .nav-link::before { top: 35px !important; }
  .zayavka .block-callback .block-forma .block-phone-name { display: flex; flex-direction: column; }
  .zayavka .block-callback .block-forma .block-phone-name .name-callback, .zayavka .block-callback .block-forma .block-phone-name .phone-callback { width: 100%; margin-top: 10px; }
  .zayavka .block-callback .block-forma .btn_callback { padding: 10px 30px; border: 3px solid #fff; font-size: 20px; font-weight: 500; } }


/*** min-width 200px and max-width 992px ***/
@media only screen and (min-width: 200px) and (max-width: 992px) {

  .hover-effect-scale .tovar > .hidden-button { position: relative; }

  .hover-effect-scale .tovar .hidden-button { opacity: 1; background: none;:  border-radius: 8px;}

  .hover-effect-scale .tovar .hidden-button a {width: 80%; margin-bottom: 5px;}

  .hover-effect-scale .tovar:hover > .hidden-button {position: relative;overflow: no-content;}
  .hover-effect-scale .tovar:hover img {transform: none;}

}

/*** min-width 1920px ***/
@media screen and (min-width: 1921px) {
	.mn-left, .mn-right { display: none; }
}