@media screen and (width <=822px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: 2px 3px 10px blue;
    background-color: blue;
    color: white;
    
  }
}


@media screen and (width <=822px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a {
   float: none;
    display: block;
   text-align: center;
   box-shadow: 2px 3px 10px blue;

  }
}






@media screen and (width <=1800px){
   .img5 {
    width: 100%;
    flex-wrap: wrap;
   }
}




@media screen and (width <=1900px){
   .div2 {
    width: 100%;
    flex-wrap: wrap;
   }
}


@media(max-width:2000px) {
   .footer{
    width: 100%;
    flex-wrap: wrap;
    height: auto;
    
   
   }

.img5 {
     flex-wrap: wrap;
    height: auto;
     width: 100%;
}

}

@media (width <= 1900px)  {
  body {
    width: 100%;
    flex-wrap: wrap;
     padding: 8px;
     text-align: center;
  }
}

@media (width <= 1900px)  {
  .box2 {

    margin-left: 0;
     
  }
}


@media (width <= 1900px)  {
  .child4 {
   
    margin-left: 0;
     
  }
}




@media (width <= 1800px)  {
  .img9, .img10, .img11 {
    width: 100%;
    margin-left: 0;
     
  }
}








@media (max-width:300px) {
  .footer {
    width: 160%;
  }
}

@media (max-width= 456px) {
  .slide {
    width: 100%;
  }
}