@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {


	#top-menu-nav {display:none;}
	header, nav {background-color: #fff !important;  }
	#main-head-blocks {border-bottom: 2px dotted #134c8b !important; width:99%; height:230px !important;}

	#logo-outline a {margin-left:0px;width:200%; height:200%; border: 0px solid #000;}
	#logo-outline a img {width:820px; height:180px; background-size: 100% !important; margin-bottom: 50px !important;}
	#right-head-element {display:none;}  
	#banner10 {display: block !important;}
	#banner10 img  {display:block; width:70% !important; margin:10% !important; border: 3px dotted #aaa; padding: 2% 5% 2% 5%; margin-bottom:0px;}	
	
	#first-menu {display: none;}
	#first-menu {margin-top:30px !important;   width:100% !important; margin-left: 0px;  border-left: 20px solid #fff !important; }
	#first-menu ul li, 	#first-menu  .main-submenu  li, #first-menu ul li.active,  #first-menu ul li.has-nodes {float:left; clear: both; font-size: 400%;  padding: 40px; padding-left:1px; text-align: left; border:0px; display: block; margin-left:40px;}

	#first-menu  .main-submenu  {display: inline-table !important; position:static !important; width:100%; background: transparent !important; margin-left: 20px; border: 0px !important;} 
	#first-sub-block-wrapper {display:none !important;}
	.main-submenu {border: 0px !important;  background: #468ecc !important; background-image: none !important;}	
	
	#menu-image {display: block !important; float: right; margin-top:10px; margin-right:0px; border:0px solid black; opacity: 0.9;}
	#menu-image img {margin-left:20px; width:120px !important; height:120px !important;}
	
	.topSubHeadline .title { padding-top: 10px !important; }	
	.topSubHeadline .preview {padding-bottom: 40px !important; }
	
	.top-materials .columnElement {	width: 100% !important; height: auto !important; }
	.wide-side-left, #topMaterialHeadLines, #mainMaterialColumn, .right-promo-block, .right-promo-block .top-promo-banner, .top-pdf-block, 
	.columnElement, .narrow-side 
	{width:100%; float:left; clear:right; font-size: 24pt;  margin-bottom:40px;}
	
	.Brown li a {border-bottom: 2px dotted #aaa;}
	
	.right-promo-block .column-cell.top-pdf-block {margin:0; width:100% !important; margin-bottom:20px;}
	 
	.asideClear , .wide-side-left {margin:0px !important;}
	ul.mat-preview li {padding:10px; padding-bottom: 40px; border-bottom: 2px solid #fff;}
	ul.mat-preview li p.preview {display:none !important;}

	.link-container	li {padding: 20px; border-bottom: 3px dotted #666;}
	.pageBlock ul.link-container li span.time {width:100px; display:block; }

	ul.link-container li {border-bottom: 4px dotted #bbb;}
	.oppinion-item { padding-bottom: 20px;}	
	.oppinion-item .block-image, .editor-preview img {width:180px !important; height:180px !important; padding-top: 10px; } 
	.oppinion-item .author-name {padding-left:110px; color:#000;}
	.oppinion-item h4.title {padding-left:120px; /* color:#000 !important; */}
	.oppinion-item h4.title a {/* color:#000 !important; */ /* border-bottom: 2px dotted #ccc; */}	
	.oppinion-item p.preview {display:none;}

	.timed li a {display:block; padding-left:80px;}
	
	#mainMaterialColumn .topHeadlineImage img {width: 100% !important; height: auto !important;}
	.top-page-element {width:100% !important; } 
	.top-page-element .mat-title {font-size: 52pt; font-weight: bold; margin-top:40px; }
	h1.title, h2.title, h3.title {font-size: 36pt !important; margin-top:40px;}
	
	.private {background-size: 30px; padding-left: 35px !important; background-position: 0 15px;}
	
	.authorContent-block.auth-block img.block-image {width:120px !important; height:120px; !important; }
	
	.fs12px {padding-top:50px; border-top: 20px solid #134c8b;}
	.fs12px, .fs12px .w30pc, .fs12px .w40pc {width:100%; float:left; clear:right; font-size: 24pt;  margin-bottom:40px;  /* background: #333; color:#ddd; */}
	.fs12px .a,  .fs12px .a:visited {color:#fff !important; text-decoration: underline;}
	.fs12px h6 {font-weight: bold !important; font-size: 32pt !important;}
	
	#top-material-slider {display:none;}
	.like-btn-elements {display:none;}
	pageBlock Gray StrippedBg {display:none;}

	#first-block li.has-nodes div a span {text-align: left; }
	#first-block li.has-nodes div ul.main-submenu {display: inline !important; padding: 0px;}
	#first-block li.has-nodes div ul.main-submenu a {border-bottom: 2px dotted white; padding-bottom: 2px;} 
	#first-block li.has-nodes div ul.main-submenu li {padding-left: 80px; padding-top: 40px; padding-bottom: 0px;}
	

	#first-menu ul li.active div a {background-color: #000; width:100%; text-decoration: underline !important; padding:5px;}
	
/* 	#banner1, 	#banner2, 	#banner3, 	#banner4, 	#banner5, 	#banner6, 	#banner7  	{display: none !important;} */
	#banner1 img,	#banner2 img,	#banner3 img,	#banner4 img,	#banner5 img,	#banner6 img,	#banner7 img, #banner8 img, #banner9 img  {display:block; width:100% !important; margin-bottom: 20px !important;}
	
	.fresh-publications-title {display: none !important;}
	
/* 	h3.title {background: #000 !important; color: #fff !important; } */
	h3.title a {/* background: #000 !important; color: #fff !important;  */ font-size: 36pt; margin-bottom: 20px !important; }
	
	ul.tabBar a {display:block; padding:30px !important;}
	.pageBlock.Gray.StrippedBg, .materialSlider.Photoes {display:none !important;}
	#body-outline {width: 100% !important; box-shadow: none !important; -webkit-box-shadow: none !important; margin: 0px !important;}
	
	#first-footer-menu {display: none;}
	#layout-reducer, #body-outline {width:100% !important; margin: 0px !important;  }



	
 	.columnElement .materials-date-container .time {display:block; margin-left:40px; margin-top:30px; width:110px;  font-size: 32pt;} 
 	.authorContent-block.notitle-block.auth-block img, .authorContent-block.notitle-block img {width:240px !important; height: 240px !important;}
 	.authorContent-block.notitle-block.auth-block .info,  .authorContent-block.notitle-block .info { vertical-align: bottom !important;} 	
	.columnElement .link-list-container .name { padding-left:120px; font-size: 24pt !important;}
	.columnElement .link-list-container .description {/* padding-left:70px; */ font-size: 24pt !important;}
	
	.materials-date-container .link-list-container {padding-bottom: 30px !important; padding-top:30px !important; border-bottom: 4px dotted #aaa;}
	
	.top-material-author-list img, .material-plate-link	img {width:180px !important; height: 180px !important;}
	.top-material-author-list li .date, .material-plate-link li .date {text-align: left !important; font-size: 20pt !important;} 	
	.material-plate-link .item-wrapper {border-top:2px dotted #aaa !important; padding-top: 20px !important;}

	.side-mat-block .date,  .side-mat-block .title, .side-mat-block .preview {clear: left !important; float:left !important; display: block !important; padding-left:80px;}
	.author-material-block .side-mat-block 	{margin-left:-70px !important;}
	
	#prev-next-paginator a {font-size: 30pt !important;}
	
	#tagCloud {display: block !important; margin-top: 40px !important; margin-bottom: 40px !important;}

	#tabs-block	{display: none;}
	#comment-input-block {display: none;}
	#material-rate-block {display: none;}
	.social-services-block {display: none;}
	
	
	.subscripton-block-title  {width:200%; height:200%;}
	#page-path, #page-path a {font-size: 24pt !important;}
	.material-date.fl.header-date {font-size: 24pt !important;}
	
	.material-plate-link li {float:left !important; clear:both !important; width:100% !important; margin-bottom: 30px;}
	
	
	/* публікації */	
	.block-section.practice-column	.columnElement.left.menu-column, 
	.block-section.practice-column  .columnElement.right.material-column,
	.columnElement.left.wide-material-column
	 {float: left !important; clear: both !important; width: 100% !important;}
	 .block-section.practice-column  .columnElement.right.material-column img.block-image {width:300px !important; height: auto !important;}
	 .block-section.practice-column  .columnElement.right.material-column .pageBlock.Blue {padding-bottom:40px !important; padding-top: 20px !important;}
 	 .block-section.practice-column  .columnElement.right.material-column .pageBlock.Blue .title {padding-bottom: 20px !important;}
	 
	 .block-section.practice-column  .columnElement.right.material-column .block-sub-list > li {border-top: 2px dotted #aaa !important;}
	.block-section.practice-column	.columnElement.left.menu-column .pageBlock ul.side-menu-container > li {border-top: 2px dotted #aaa !important;}
	.material-list.imageRight li {border-top: 2px dotted #aaa !important;}
	.material-list.imageRight li img.block-image {width:300px !important; height: auto !important;}
	
	/* interview */
	.top-material-list li {width:100% !important; margin-bottom: 30px !important;  border-bottom: 2px dotted #aaa !important; padding-bottom: 30px !important;}
	.material-list li img.block-image {width:300px !important; height: auto !important;}
	.material-list li {border-top: 2px dotted #aaa !important;}
	
	/* gazeta*/
	.pageBlock.Brown.menuBlocks 	 {float: left !important; clear: both !important; width: 100% !important; margin-bottom: 40px !important;}
	.pageBlock.Brown.menuBlocks	.image-wrapper a img {width:100% !important; height: auto !important;}
	
	.mt20.pageBlock.Blue.mb10, .carusel-container {display: none !important;}
	
	#material-content p {font-size: 24pt !important;}
	#material-content table {width:100% !important;}
	#material-content table td, #material-content table td span  {font-size: 24pt !important;}
	#material-content table td {padding-top: 10px !important; padding-bottom: 10px !important;}
	
	.pdf-plate-container a 	 {float: left !important; clear: both !important; width: 100% !important; display:block !important;}
	.pdf-plate-container a img.pdf-image {width:300px !important; height: auto !important;}
	
	.columnElement.left.pdf-wide,   aside.narrow-side.fr  {float: left !important; clear: both !important; width: 100% !important;}
	
	#videopage {text-align: center; }
	#calendar-page iframe {width: 100% !important;}

	#plan-selection-container input {width:40px; height:40px; line-height: 40px;}	
	#plan-selection-container label {width: 100% !important; font-size: 20pt !important; height:450px !important; background-position: right center !important;}
	div.subscription-type-selection p.text-descr {height: auto !important; }
	
	.benefits .benefits-list p {font-size: 24pt !important; background-position: left center !important;}
	#plan-description-container {font-size: 20pt !important; width: 100% !important; height: auto !important; c}

	#next-button-container {position: relative;}
	#billingForm .form-element-item .field,  #userForm .form-element-item .field {font-size: 24pt !important;}
	.errorField, #formSubmit {font-size: 20pt !important;}
	
	.form-cols.form-column-0.subscription-time {font-size: 20pt !important;}
	.form-cols.form-column-0.subscription-time input {width:40px; height:40px; line-height: 40px;}
	.subscription-time label {width:100% !important; height:200px !important; margin:0px !important;}
	
	#paymentType {font-size: 24pt !important; }
	.payment-type-block label {display:block !important; float:left !important; clear: both !important; width: 100% !important;}
	.payment-type-block	input {width:40px; height:40px; line-height: 40px;}
	.payment-type-block span img {width:100px !important; height: auto !important;}
	.subscribe-submit {width:100% !important; font-size: 20pt !important;}
	
	#permanent-line {font-size: 24pt !important;}
	
	#our-projects-place {width:98%; padding: 1% !important; text-align: center !important; }
	#our-projects-heading {width:96%; text-align: center; margin: 0px 0px; font-weight: bold; font-family: Georgia, "Century Schoolbook", "Times New Roman", Times, serif; font-size: 36pt !important;}
	#our-projects-place .our-project-button {float:left; margin:20px !important; clear: both !important; }
	#our-projects-place img {border:1px dotted #aaa; width:250% !important; padding:10% !important; margin: 3% 100% !important;}

	#telegram-bar-icon {width:120px !important; height: 105px !important;}

/*	Mobile page layout backup
	
	.column-row.wide-side-left .asideClear {display:flex; flex-flow: column;}
	.columnElement {order:2;}
	.columnElement.right {order:1;}
	
	#body-outline {display:flex; flex-flow: column;}
	.block-section {order:2;}
	.block-section.main-page {order:1;}
	footer {order:3;}
	
	.columnElement.right {display:flex; flex-flow: column;}
	#banner5 {order:2;}
	#banner6 {order:3;}
	.pageBlock.Blue.blockCover {order:1;}
	
	.columnElement {display:flex; flex-flow: column;}
	#banner3 {order:2;}
	#banner4 {order:3;}
	.pageBlock.Brown {order:1;}
	
	.narrow-side.fr {display:flex; flex-flow: column;} 
	#banner7 {order:2;}
	#banner8 {order:3;}	
	.pageBlock.Blue {order:1;}
*/



	.column-row.wide-side-left .asideClear {display:flex; flex-flow: column;}
	.columnElement {order:2;}
	.columnElement.right {order:1;}
	
	#body-outline {display:flex; flex-flow: column;}
	.block-section {order:2;}
	.block-section.main-page {order:1;}
	footer {order:3;}
	
	.columnElement.right {display:flex; flex-flow: column;}
	#banner6 {order:2;}
	#banner7 {order:3;}
	.pageBlock.Blue.blockCover {order:1;}
	
	.columnElement {display:flex; flex-flow: column;}
	#banner4 {order:5;}
	#banner5 {order:6;}
	.pageBlock.Brown {order:4;}
	
	.narrow-side.fr {display:flex; flex-flow: column;} 
	#banner8 {order:8;}
	#banner9 {order:9;}	
	.pageBlock.Blue {order:7;}
	
	.block-section.main-page .columnElement.right, #body-outline > section.block-section.main-page > aside { border-left:0px !important;}	
	
	.pageBlock.Blue.blockCover .link-container.nm.timed li:nth-of-type(1n+9) {display: none; }	
	#more_news_main {display:block !important;}	
	#more_news_main_cover {display:none !important;}
	.views_counter_icon	{width:26px !important; height:26px !important;}	

		
}