@media screen and (max-width:1100px)
    {
         .logo{
            padding-left: 20px;
         }
    }
	
@media screen and (max-width:1023px)
    {
         .main-wrap{
			flex: column nowrap;
		 }
		 
		 
		 header{
			flex: 0 0 47px;
         }
		 
		 .header-wrap{
			
		}
		 
		 .logo{
			margin: auto auto;
			padding-left: 0;
			height: 47px;
		 }
		 
		 /*.nav-right {
			display: none;
		
		 }*/
		
		.logo .do{
			font-size: 30px;
		}
		
		.logo .text-logo{
			font-size: 30px;
		}
		
		.logo .posle{
			font-size: 30px;
		}
	
		.label-nav-left{
			display: block;
			z-index: 1;
			cursor: pointer;
			background-image: linear-gradient(0deg, black 0%, black 19%, white 20%, white 39%, black 40%, black 59%, white 60%, white 79%, black 80%, black 100%);
			background-size: contain;
		}
		
		.label-nav-right{
			display: block;
			z-index: 1;
			cursor: pointer;
			background-image: linear-gradient(0deg, black 0%, black 19%, white 20%, white 39%, black 40%, black 59%, white 60%, white 79%, black 80%, black 100%);
			background-size: contain;
		}
		
		.wrap-nav-left{
			position: absolute;
			top: 0px;
			left: 0px;
			display: none;
			width: 100%;
			height: 100%;
			height: 100%;
			background: rgba(50, 57, 70,0.9);
		}
		
		.wrap-nav-left .nav-left{
			width: 100%;
			height: 100%;
			
		}
		
		.wrap-nav-left .nav-left ul{
			width: 250px;
			height: 100%;
			text-align: left;
			padding-left: 30px;
			background: rgba(50, 57, 70,1);
			
		}
		
		.wrap-nav-left .nav-left ul li:first-child {
		margin-top: 47px;
		}
		.wrap-nav-left .nav-left ul li{ 
			
			display: block;
			width: 100%;
			height: 50px;
			line-height: 50px;
			margin: 0;
			padding: 0;
		}
		
		.wrap-nav-left .nav-left ul li + li{
			padding: 0;
		}		
		
		.triger-nav-left:checked  ~ .wrap-nav-left{
			display:block;
			z-index: 2;
			position: fixed;
		}
		
		.triger-nav-left:checked  ~ header   .label-nav-left{
			z-index: 3;
			background-image: linear-gradient(0deg, white 0%, white 20%, rgba(0, 0, 0,0) 20%, rgba(0, 0, 0,0) 40%, white 40%, white 60%, rgba(0, 0, 0,0) 60%, rgba(0, 0, 0,0) 80%, white 80%, white 100%);
			background-size: contain;
			position: fixed;
		
		}
		
		.nav-right{
		position: absolute;
			top: 0px;
			left: 0px;
			display: none;
			width: 100%;
			height: 100%;
			height: 100%;
			background: rgba(50, 57, 70,0.9);
		}
		
		.nav-right ul{
			width: 325px;
			height: 100%;
			padding: 0 0 0 30px ;
			background: rgba(50, 57, 70,1);
			position:absolute;
			right: 0;
			top:0;
		}
		
		.nav-right ul li{
			display: block;
			width: 100%;
			margin: 0;
			padding: 0;
			color: white;
			height: 47px;
			
		}
		 .nav-right ul li a:link{

			color: #FFF;
		}
		
		.nav-right ul li:first-child {
		margin-top: 47px;
		}
		
		.nav-right ul li + li{
			margin: 40px 0 0 0 ;
		}
		
		.triger-nav-right:checked  ~ header .nav-right {
			display: block;
			z-index:	2;
			position: fixed;
		}
		
		.triger-nav-right:checked  ~ header   .label-nav-right{
			z-index: 3;
			background-image: linear-gradient(0deg, white 0%, white 20%, rgba(0, 0, 0,0) 20%, rgba(0, 0, 0,0) 40%, white 40%, white 60%, rgba(0, 0, 0,0) 60%, rgba(0, 0, 0,0) 80%, white 80%, white 100%);
			background-size: contain;
			position:fixed;
		}
		
		/* for main */
		.main-wrap{
			 flex-flow: column nowrap;
		}
		
		.content-wrap{
			width:100%;	
			height: auto;
		}

		.column-wrap{
			width: 100%;
		}
		
		.big_ya_maps{
			display: none;
		}
		
}

@media screen and (max-width:800px){
	.carusel{
		display: none;
	}
}