/* Header
-----------------------------------------------------------------------------*/

@media (max-width: 767px){
	body.lock{
    overflow: hidden;
    }
  .header_body {
		height: 50px;
	}
  .dom {
    margin: 0 auto;
}
	.header_burger {
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		z-index: 3;
	}
  .header_burger {
   margin-right: 45px; 
}
	.header_burger span {
		position: absolute;
		background-color: #fff;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
    transition: all 0.3s ease 0s;
	}
		
	.header_burger:before,
	.header_burger:after{
		content: '';
		background-color: #fff;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
    transition: all 0.3s ease 0s;
	}
	.header_burger:before{
		top: 1px;
	}
	.header_burger:after{
		bottom: 1px;
	}
	
	.header_burger.active span {
		transform: scale(0);
	}
		
	.header_burger.active::before{
		transform:rotate(45deg);
		top: 9px;
	}
	.header_burger.active::after{
		transform:rotate(-45deg);
		bottom: 9px;
	}
	
	.header_menu {
		position: fixed;
		top: -115%;
		left: 0;
		width: 100%;
		overflow: auto;
    transition: all 0.4s ease 0s;
		background-color: #5b88bb;
		padding: 70px 10px 20px 10px;
	}

  .header_menu.active {
    top: 0;
  }

	.header_list {
		display: block;
	}
	.header_list li {
		margin: 0px 0px 20px 0px;
	}
		
}

/* Middle
-----------------------------------------------------------------------------*/
@media (max-width: 767px){
  #middle {
    padding: 0px;
    width: 100%;
  }
}
@media (max-width: 900px){
  #middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media (max-width: 900px){
  .content {
    width: 100%;
    float: none;
  }
}

@media (max-width: 767px){
  .blok, .blok2, .blok3 {
    margin: 2% auto;
    width: 89%;
    padding: 10px;
    box-shadow: none;
  }
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
@media (max-width: 900px){
  #sl {
    width: 70%;
    float:none;
  }
}
@media (max-width: 767px){
  .ver_menu a{
    font-size: 16px;
  }
}
@media (max-width: 767px){
  .ver_menu li{
    padding: 9px 0px 9px 5px;
  }
}

/* Footer
-----------------------------------------------------------------------------*/
@media (max-width: 576px){
  .sodr {
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 576px){
  .sodr a {
    font-size: 1.1em;
  }
}
@media (max-width: 576px){
  .sodr ul {
    padding: 0 0 0 5px;
  }
}
@media (max-width: 576px){
  #comment {
    width: 98%;
  }
}
@media (max-width: 576px){
  .ecran {
    width: 98%;
  }
}
@media (max-width: 992px) {
  .footer {
    flex-direction: column;
  }
  .footer-logo {
	  margin-bottom: 2%;
  }
  	.footer-list-link {
		font-size: 17px;
		}
}
@media (max-width: 576px) {
  .footer-nav {
    flex-direction: column;
  }
	.footer {
		padding-left: 40px;
	}
	.footer-list {
		padding-left: 0;
		width: 80%;
    margin-top: 20px;
	}
}


/* main
-----------------------------------------------------------------------------*/

@media (max-width: 900px){