            /* 1600px + */

          /* end 950 — 1150 */

            /*  < 650 */

@media 
  screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (max-width: 650px) and (-webkit-max-device-pixel-ratio: 1)
{

/* basics */
.pda-show {display:block !important;}
.pda-hide {display:none !important;}

            /* text */
h1, h2, h3, h4 {
   hyphens:auto;
}

#content-normal > .ce > .ce-text,
#content-normal > .ce > .ce-textpic > .ce-bodytext,
#content-normal > .ce > .ce-textpic .imageswrap.cols-1,
div.side-header header,
div.side-header header + div
{
  max-width:none;
  min-width:0;
  width:auto;
}

#content-normal > .ce > .ce-textpic .imageswrap.cols-1 {max-width:100%;}

h1.mainHeader, h1.mainHeader.long, h1 {
	font-size:8vw;
	line-height:1.2;
}

h2 {font-size:7vw;}
h3 {font-size:6vw;}

header#content-header p.subtitle {
  font-size:1rem; 
  line-height:1.3;
  margin-top:0.4em;
}


            /* structure and main nav */
#page-header nav#main-menu,
nav.submenu
{display:none;}



body {
  min-width:0;
  max-width:none;
  width:100vw;
  height:100vh;
}

#page-header {
   padding:20px 10px;
   height:auto;
}

#page-header div.logo {
	height:70px;
	margin: 0;
	padding:0;
	
	order:0; 
}

#page-header div.logo img {max-height:70vw;} 
 
.page-content, #page-content.inner
{
	display:block;
	padding:20px 10px;
}

/* front page */
.page-content.gridpagets__10 #content-image {margin:-20px -10px 20px;}

section.content-flex {display:block;}

.inner #content-right {padding:0; margin:0 0 35px; width:auto;}

#page-header #header-top {
	padding:5px 10px 0;
	white-space:nowrap;
	overflow-x:auto;
}

#page-header #header-top .flex-grow {display:none;}

/* main nav */
#page-header nav#main-menu > * {
  display:none;
}



#page-header .pda-scroll-wrap {
  display:block;
  position:absolute;
  z-index:101;
  top:0;left:0;right:0;
  height:2px;
}

#page-header .pda-scroll-wrap .scroll {
  position:absolute;
  left:0;
  height:100%;
  width:0;
  background:#61B3FF;
}

.homepage #page-header .pda-scroll-wrap {display:none;}


/* footer */
#page-footer {
	display:block;
	padding:20px 10px;
	
	/*padding-bottom:20vh;*/
}

#page-footer > div {margin:0 0 1rem;}



/* inner */

nav.rootline span.item {margin-bottom:0.5em;}

            /* burger */
#burger {
	padding:0;
}            

#burger > .wrap {
  padding:0 20px;
  display:block;
  
	/*padding-bottom:20vh;  */
}

#burger > .wrap > * {
	display:block;
	padding:0;
	width:auto;
}

#burger span.item {margin: 0 0 0.5em; font-size: 18px;}

#burger .burger-close {
	left:auto;
	right:10px;
}

#burger-toggle {
	display: block !important;
	position:relative;
	
	order:99;
	top: auto !important; left: auto;
	
	background: url(../images/ico-burger.svg) 0 0 no-repeat;	 
	background-size: contain;
	width:40px; height:40px;
	
	align-self:center;
}


.ms_flash.visible {display:block;}
.ms_flash > .wrap {padding:0 0 25px 0;}

            /* common elements */

.col {
  display:block;
  width:100% !important;
  padding:0 !important;
}

[class*='cols-'],
form div[class*='cols-'],
.flex-row,
.flex-row.padding,
.flexwrap
{margin:0; display:block;}

[class*='cols-'] > div,
form div.cols-3 > .field,
.flexwrap > div,
.flex-row.padding > *,
.news.list[class*='cols-'] > .item
{padding:0; margin:0 0 35px; width:auto;}

.table-wrap {overflow-x:auto;}

div.highlight-block {padding-left:20px;}

.tooltip-popup.active {
  width:100%;
  left:0 !important;
  max-width:90vw;
}

.flex {
	display:block;
}

.flex > * {padding:0 !important; margin: 0 0 30px;}

div.side-header {margin:0;}
div.side-header .ce {display:block;}
div.side-header header {padding:0;}

.ce-msusable-records {display:block;}
.ce-msusable-records > .item {min-height:0 !important;}

.ce-textpic.ce-right.ce-intext .imageswrap {
  padding:0;
  float:none;
  text-align:left;
  padding:0 !important;
}

.ce-textpic.ce-intext .ce-bodytext {padding:0 !important;} 
.ce-textpic.ce-left.ce-intext,
.ce-textpic.ce-right.ce-intext
{display:block;}

.ce-textpic.ce-left.ce-intext .imageswrap,
.ce-textpic.ce-right.ce-intext .imageswrap
{
	max-width:100% !important;
	padding:0;
}

/* textpic  cols - no more than 3 */  
.cols-2 > div,
.cols-3 > div,
.cols-4 > div,
.cols-5 > div,
.cols-6 > div,
.cols-7 > div,
.cols-8 > div,
.ce-msusable-records.flexcolumns-2 > .item,
.ce-msusable-records.flexcolumns-3 > .item,
.ce-msusable-records.flexcolumns-4 > .item,
.ce-msusable-records.flexcolumns-5 > .item
{
  width:auto;
} 
  
  
  
               	  /* frontpage */
#main_wrap.homepage {height:auto; display:block;}

.frontpage #content-normal,
.frontpage #content-extra,
.frontpage #content-bottom
{padding:20px 10px}
               	  
#main_wrap.homepage #content-image, #main_wrap.homepage #content-image .cover-flex {height:auto;}               	

.frontpage-image > .wrap {
	max-width:none;
	font-size:6vw !important;
	padding:20px;
}  

.news-interview {display:block;}
.news-interview:before {max-width:none;}

                  /* news */
.news.list[class*='cols-'] {margin:0; display:block;}                  
.news.list[class*='cols-'] > .item {padding:0; width:auto;}                  

.news.list[class*='cols-'] a.button-all-news {float:none; margin:0;}

.news.single .image-main {max-width:100% !important;}  
.news.single .image-main img {max-width:100% !important; height:auto !important;}  


                  /* forms */
body form div[class*='cols-'] {margin:0;}                  
body form div[class*='cols-'] > .field {padding:0; width:auto; display:block;}                  
                  
                  
                  /* inner misc */

/* end */
}


          /* end < 650 */

          
          
              /* 1200 + */
@media screen and (min-width: 1200px) 
{        

}    
      
      
                      /* 1450 + */

@media screen and (min-width: 1450px)
{
	.frontpage-image > .wrap {font-size:40px;}
}    
