@media only screen and ( min-width: 992px ) {
 	
	p {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	a {
		cursor: pointer;
		text-decoration: none;
	}
	
	.white {
		color: #FFF;
		text-shadow: 1px 1px 1px var( --dark-color );
	}
	h2.white {
		text-transform: uppercase;
		font-weight: 500;
	}
	
	body{
		height: 100%;
		color: #000;
		font: 90% arial, sans-serif;
	}
	
	body#bd { 
		display:flex;
		width:100%;
		min-height: 760px;
		background-color: #888;
		background-image: url(../img/main/image83.jpg); 
	}
	
	#container {
		margin: 0px;
		position: relative;
		width:100vw;
		max-width:100vw; 
		height:100%;
		min-height: 100vh; 
	} 
	
	.scroll-pane {
		height: 265px;
		overflow: auto;
		margin: 0px 10px 0px 0px;
		padding: 0px;
	}
	
	#menu_top {
		position: absolute;
		/*position: sticky;*/
		top: 10%;
		left: 10%;
		display: block;
		width: var( --menu-top-width );
		padding-bottom: 180px;
		overflow: hidden 
	}

	#anime_from_top{
		box-sizing: content-box 
	}
	 
	#navigation,
	#anime_from_top,
	#contdemoGall {
		position: absolute;
		left: var( --content-left-position ) 
	}
	
	.content {
		background: url(../img/image23.png) no-repeat left top;
		height: 341px;
		width: 574px;
		 
		top: -700px;
		right: 10%;
		margin-top: 85px; 
		z-index: 3;
		padding: 55px 10px 55px 75px;
	} 
	
	#page table tbody tr td img{
		display:inherit !important;
		max-width:inherit !important
		
	}
	
	/* ------------------------------------------- */
	
	#navigation {
		background-repeat: no-repeat;
		background-position: left 50px;
		
		height: 50px; 
		min-width: 60%; 
		  
		top: 10%;
		right: 10%;
		
		border-bottom: 1px solid var( --site-color );
		padding-bottom: 5px;
		 
		z-index: 2;
	}
	
	#contdemoGall{  
		width: 100%;
		max-width: calc( 80% - var( --menu-top-width ) ) ;
		min-height: 100vh; 
		
		padding:0 0 100px 0;
	 
		top: 20%;
		right: 10% 
	}
	
	/* ====================================================================================================== */
	 
	
	#container {
		display:flex;
		width:100%;
		max-width:100%;
		overflow-x:hidden; 
	}
	
	#container #contdemoGall{ 
		/*border:solid 3px lime*/
	}
	 
	#container #contdemoGall #demoGall{
		position:relative 
	}
	 

	/*
	#demoGall,
	#demoGall *,
	#demoGall > *{
		box-sizing:border-box;
	}*/
	 
	#demoGall > .ngg-galleryoverview {
		width: 100%;
		padding: 0;
		display: flex;
		gap: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap 
	}
	
	#demoGall .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail{
		display: block;
		width:100%;
		padding:7px 
	}
	 
	#demoGall .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a{
		display: block 
	}
	
	#demoGall .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail a > img{
		display:block;
		width:100%;
		height:auto
	}
	
	/*
	****************************************************************************** USLUGI NEW
	*/
	.uslugi_new{
		margin-top: 85px;
		margin-bottom:75px;
 		
		width:  671px; 
		
		position: absolute;
		left: 20%;
		top: -200%  /*-150%*/;  
		
		display: block;    
		z-index: 3
		
	}
	
	.uslugi_new:before,
	.uslugi_new:after{
		content:' ';
 		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		
	}
	
	.uslugi_new:before{
		background: url(../img/list-klamer.png) no-repeat left top;
		bottom:0;
		z-index:-1;
	}
	
	.uslugi_new:after{
		background: url(../img/list-klamer-before.png) no-repeat left bottom;
		max-height: calc( 100% - 200px );
		bottom:0;
		z-index:-2 
	}
	
	.uslugi_new .cnt{
		margin:180px 60px 60px 50px ;
		display: block;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif
	}
	.uslugi_new ul { 
		margin:0 0 15px 0;
		padding:5px 0
		 
	}
	.uslugi_new ul li {
		padding-left: 32px;
		line-height: 160%;
		list-style-type: none;
		background-image: url(../img/icons/bullet1.png);
		background-repeat: no-repeat;
		background-position: 20px 6px;
		font-style: italic;
	}
	.uslugi_new ul li ul li{
		background-image: none 
	}
	
	.uslugi_new h2,
	.uslugi_new h3{
 		font-style: normal;
		font-weight: 500;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0px;
		margin-top: 15px 
	}
	.uslugi_new h2{
		font-size: 130%;
	}
	.uslugi_new h3	{
		font-size: 110%;
	}
	
	.uslugi_new,
	.uslugi_new p{
		line-height: 1.4
	}
	
	/*
	****************************************************************************** END USLUGI NEW
	*/
	
	.content #page {
		margin:  0px 10px 0px 0px;
		padding: 0px 6px 0px 0px; 
		color: var( --dark-color );
		font: 90% Arial, Helvetica, sans-serif;
	}
	
	/*
	###############################################
	###############################################
	###############################################
	############################################### FORM
	###############################################
	###############################################
	###############################################
	*/
	label, input, button, select, textarea {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}

	#conForm p {
		font-size: 12px;
		font-style: italic;
		text-decoration: none;
		font-weight: bold;
	}
	
	select, 
	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"], 
	input[type="month"], 
	input[type="time"], 
	input[type="week"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="color"], 
	.uneditable-input {
		color: #fff;
		display: inline-block;
		
		height:      40px;
		line-height: 40px;
		
		padding: 0 6px;
		margin: 0 0 10px 0;
		
		font-size: 1rem;
 		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
		vertical-align: middle;
	}
	input, textarea, .uneditable-input {
		width: 320px;
	}
	textarea {
		height: auto;
	}
	
	input[type=submit]{
		font-size: 12px;
	}
	
	.wpcf7-submit:hover {
		color: #FFF;
		text-decoration: none;
	}
	
	#conForm {
		padding: 10px;
		margin: auto;
		background-attachment: scroll;
		background-image: url(../img/ask.png);
		background-repeat: no-repeat;
		background-position: 380px 0px;
	}
	
	.content #page a {
		color: var( --dark-color );
		text-decoration: none;
	}
	
	#contdemoGall .ngg-navigation { 
		position: fixed;
		left: 0;
		bottom: -100px;
		 
		display: none;
		z-index: +1;
		background:rgba(0,0,0,.5)
		/*background-image: url(../img/trans-1.png);*/
	}
	
	#changebg { 
		height: 148px;
		position: absolute;
		bottom: 0;
		margin-top:0
	}
	
	#changebg #lipo_fb {
		height: 45px;
		width: 90px;
		display: block;
		overflow: hidden;
		float: none;
		clear: both;
		background: url(../img/icons/fb.png)  no-repeat 0 0;
	}
	
	
}