@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

:root {
  --max-w: 1120px;
  /*макс ширина рабочей области*/
  --nav-col-w: 200px;
  /*ширина плашек навигации*/
  --nav-col-h: 50px;
  /*высотка плашек навигации*/
  --nav-block-margin: 10px;
  --big-nav-img-w: 200px;
  --small-nav-img-w: 100px;
  --nav-block-font-size: 16px;
  --communication-img-padding: 20px;
  --header-font-size: 30px;
  --head-url-font-size: 21px;
  --head-url-line-height: 25px;
  --basic-padding: 20px;
  /*размеры плашек*/
  --panel-w: 260px;
  --panel-h: 180px;
  --panel-margin-right: 10px;
  --panel-margin-bottom: 10px;
  --panel-border-radius: 15px;
  --img-w: 256x;
  --img-h: 130px;
  --panel-bottom-h: 50px;
  --panel-border-rad: 15px;
  /*---------------*/
  /*---Отступы заголовочного блока-----------*/
  --header-block-top-pad: 20px;
  --header-block-bottom-pad: 10px;
  /*---Рзамер слайдов при показе------------*/
  --slide_w: 1120px;
  --info-img-h: 24px;
  --dist-edu-font-size: 22px;
  --slides-q: 6;
  --news-q: 3;
  /*Количество слайдеров в Preview*/
  --label-font-size: 16px;
  --footer-font-size: 16px;
  --height-mesh:360px; 
  --corona-font-size: 22px;
  --phone-size: 64px;
  --header-small-display:none;
  --header-big-display:block;
  --nav-cont-display:flex;
  --off-canv-display:none;
}
 
@media all and (max-width: 1100px) {
   :root {
    --nav-col-w: 45%;
    --communication-img-padding: 5px;
    --header-font-size: 16px;
    --head-url-font-size: 15px;
    --head-url-line-height: 12px;
    --basic-padding: 1.78vw;
    /*размеры плашек*/
    --panel-w: 30.16vw;
    --panel-h: 20.89vw;
	--panel-border-radius:1.74vw;
    --img-w: 29.71vw;
    --img-h: 15.09vw;
    --panel-bottom-h: 5.8vw;
    --info-img-h: 2.786vw;
    --dist-edu-font-size: 15px;
    /*Количество слайдеров в Preview*/
    --slides-q: 4;
	--news-q: 2;
    --trash: 100vw;
    --phone-size: 60px;
    --header-small-display:none;
    --header-big-display:block;
	--nav-cont-display:flex;
	--off-canv-display:none;
  }
}

@media all and (max-width: 849px) {
   :root {
    --nav-col-w: 45%;
    --communication-img-padding: 5px;
    --header-font-size: 16px;
    --head-url-font-size: 15px;
    --head-url-line-height: 12px;
    --basic-padding: 1.78vw;
    /*размеры плашек*/
    --panel-w: calc((100vw - var(--basic-padding)*2 - (var(--panel-margin-right))*3)/3);
    --panel-h: calc(var(--panel-w)*180/260);
	--panel-border-radius:calc(var(--panel-w)*15/260);
    --img-w: calc(var(--panel-w)*256/260);
    --img-h: calc(var(--panel-w)*0.5);
    --panel-bottom-h: calc((100vw - var(--basic-padding)*2 - (var(--panel-margin-right))*3)/3*(50/260));
    --info-img-h: 2.143vw;	
    --big-nav-img-w: calc(17.857vw*1.35);
    --small-nav-img-w: calc(8.929vw*1.35);
    --dist-edu-font-size: 15px;
    --footer-font-size: 15px;
    --slides-q: 3;
	--news-q: 2;
    /*Количество слайдеров в Preview*/
    --corona-font-size: 20px;
    /*---Отступы заголовочного блока-----------*/
    --header-block-top-pad: 16px;
    --header-block-bottom-pad: 8px;
    --phone-size: 50px;
    --header-small-display:block;
    --header-big-display:none;
	--nav-cont-display:none;
	--off-canv-display:block;
	--mob-menu-font-size:30px;
	--nav-mobile-txt-flex-dir: column;
  }
}

@media all and (max-width: 600px) {
   :root {
    --nav-col-w: 45%;
    --nav-block-font-size: 12px;
    --communication-img-padding: 2px;
    --header-font-size: 13px;
    --head-url-font-size: 13px;
    --head-url-line-height: 13px;
    --basic-padding: 1.78vw;
    /*размеры плашек*/
    --panel-w: 45vw;
    --panel-h: 31.15vw;
	--panel-border-radius:calc(var(--panel-w)*15/260);
    --img-w: 44.307vw;
    --img-h: 22.5vw;
    --panel-bottom-h: 8.65vw;
    --info-img-h: 5.867vw;
    --big-nav-img-w: calc(17.857vw*1.3);
    --small-nav-img-w: calc(8.929vw*1.3);
    --dist-edu-font-size: 13px;
    --slides-q: 2;
	--news-q: 1;
    /*Количество слайдеров в Preview*/
    --label-font-size: 13px;
    --footer-font-size: 12.5px;
	--height-mesh: 290px;
    --corona-font-size: 14px;
    /*---Отступы заголовочного блока-----------*/
    --header-block-top-pad: 10px;
    --header-block-bottom-pad: 5px;
    --phone-size: 45px;
    --header-small-display:block;
    --header-big-display:none;
	--nav-cont-display:none;
	--off-canv-display:block;
	--mob-menu-font-size:20px;
  }
}

@media all and (max-width: 500px) {
   :root {
    --nav-col-w: 45%;
    --nav-block-font-size: 12px;
	--nav-col-h: 36px;
	--nav-block-margin: 6px;
    --communication-img-padding: 2px;
    --header-font-size: 13px;
    --head-url-font-size: 13px;
    --head-url-line-height: 13px;
    --basic-padding: 1.78vw;
    /*размеры плашек*/
    --panel-w: 45vw;
    --panel-h: 31.15vw;
	--panel-border-radius:calc(var(--panel-w)*15/260);
    --img-w: 44.307vw;
    --img-h: 22.5vw;
    --panel-bottom-h: 8.65vw;
    --info-img-h: 5.867vw;
    --big-nav-img-w: calc(17.857vw*1.25);
    --small-nav-img-w: calc(8.929vw*1.25);
    --dist-edu-font-size: 13px;
    --slides-q: 2;
	--news-q: 1;
    /*Количество слайдеров в Preview*/
    --label-font-size: 13px;
    --footer-font-size: 12.5px;
	--height-mesh: 290px;
    --corona-font-size: 12px;
    /*---Отступы заголовочного блока-----------*/
    --header-block-top-pad: 10px;
    --header-block-bottom-pad: 5px;
    --phone-size: 32px;
	--mob-menu-font-size:16px;
  }
}

@media all and (max-height: 500px) {
   :root {
	 --mob-menu-font-size:16px;  
	 --nav-mobile-txt-flex-dir: row;
   }
}  

@media all and (max-width: 321px) {
   :root {  
    --corona-font-size: 10px;
  }
}