@media(max-width:1024px){
  .hamburger{
    display: block;
	right:50px;
	position:relative;
  }
 .hamburger.active .bar:nth-child(2){
    opacity: 0;
  }
 .hamburger.active .bar:nth-child(1){
    transform: translateY(8px) rotate(45deg);
  }
 .hamburger.active .bar:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
  }
 .nav-menu{
    position: fixed;
    left: -120%;
    top: 70px;
    gap: 0;
    flex-direction: column;
    background-color: #262626;
    width: 100%;
    text-align: center;
    transition: 0.3s;
  }
 .nav-item{
    margin: 16px 0;
  }
 .nav-menu.active{
    left: 0;
  }
  

	.caption {
		font-family: 'KudryashevHeadlineSans', sans-serif;

		position: relative;
		left: auto;
		top: 100px;
		width: 80%;
		height:auto;
		text-align: center;
		padding:10px;
		margin:auto;
	} 

	.ouquandcomment div.item{
		width : 80%;
		height:auto;
		margin:20px;
	}
	
  
  
}