@media (min-width: 320px) {
  
   /*  .sporti{
    display:block;
    }
    .sports img{
    width:100%;
    height:300px;
   margin-top:20px;
   
} */
.prod1{
    gap:0%;
}
.prod1 div{
    margin:0px 20px;
}
.sale img{
    width:300px;
}
.sale1 img{
    width:300px;
}
.sale{
    margin: 40px 20px;
}
.sale1{
    margin: 40px 20px;
}
.footerp{
    gap:7%;
}
 .slide{
      margin:0px 0px;
  } 
  
.sports img{
    width:150px;
    height:150px;
  
}
.origin{
   
 height: 350px;
    
    padding:10px 0px; 
    
    
}
.uk-slideshow-items{
    height: 350px;
}
}


@media (min-width: 374px) {
 .slide{
      margin:0px 0px;
  } 
   
.sports img{
    width:180px;
    height:180px;
   margin-top:2px;
   margin-left:0px;
}
.origin{
   
 height: 350px;
    
    padding:10px 0px; 
    
    
}
.uk-slideshow-items{
    height: 350px;
}
.new img{
    width:100%;
    height: 270px;
}
.about{
    margin-top:0px;
}
.new{
    margin-bottom: 0px;
}
.new .uk-slideshow-items{    
    height: 270px;
   
}
}


@media (min-width: 411px) {
 .slide{
      margin:0px 0px;
  } 
  .footerp{
      gap:8%;
  }
   
.sports img{
    width:200px;
    height:200px;
   /* margin-top:20px; */
   margin-left:0px;
}

}
@media (min-width: 767px) {

   .slide{
      margin:0px 0px;
  }  
.sports img{
    width:400px;
    height:400px;
   /* margin-top:20px; */
   margin-left:0px;
}
.footer{
height:300px; 
   background-size: contain;
}
.footerp{
    gap:8%;
}
.sports{
    display: flex;
    justify-content: space-between;
}
}
@media (min-width: 1023px) {
 .slide{
      margin:0px 0px;
  } 
 
.sports img{
    width:100%;
    height:auto;
   margin-left:0%;
   
   
}
.sporti {
    gap:10%;
    }
.sports{
    margin:0 20px;
}
}
@media (min-width: 599px) {
 
    .slide{
      margin:0px 0px;
  } 
.sports img{
    width:300px;
    height:300px;
  /*  margin-top:20px; */
   margin-left:0px;
}

}
@media (max-width: 281px) {
    .slide{
      margin:0px 0px;
  } 
.sports img{
    width:350px;
    height:auto;
   /* margin-top:20px; */
   margin-left:0px;
}

.sporti{
    display:block;
    }
   .uk-slideshow-items{
    height: 450px;
} 
.prod1{
    gap:0%;
}
.prod1 div{
    margin:0px 10px;
}
.sale img{
    width:300px;
}
.sale1 img{
    width:300px;
}
.sale{
    margin: 40px 10px;
}
.sale1{
    margin: 40px 10px;
}

.footerp{
    gap:5%;
}
}
@media (min-width: 539px){
    .products{
        margin:0 50px;
    }
    .sale1 img{
        
        width: 311px; 
    }
    .footerp{
        gap:10%;
        
    }
}
 @media (min-width: 716px){
    .categories{
        gap:20px;
    }
    prod1 {
        gap:25%;
    }
    .product{
        margin: 0 60px;
    }
    .sale1 img{
        width:500px;
    }
    .sale img{
        width:450px;
    }
} 
@media (min-width: 767px){
    .categories{
        gap:5%;
    }
    .products{
        margin:0 100px;
    }
    .prod1{
        gap:8%;
    }
    .sale{
        gap:30px;
    }
    .sale img{
        width:500px;
    }
    .sale1{
        gap:10%;
    }
    .sale1 img{
        width:500px;
    }
}
@media (min-width: 819px){
    .prod1{
        gap:10%;
    }
    .sale1 img{
        width:510px;
    }
    footerp{
        justify-content: center;
        gap:5%;
    }
}
@media (min-width: 1023px){
    .prod1 div{
        width:250px;
        height:400px;
    }
    .prod1 img{
        width:250px;
        height:250px;
    }
    .prod1{
        gap:15%;
        
    }
    .products{
        margin:0 150px;
    }
    .sale12{
        width:50%;
    }
     .sale{
        height: 250px;
          }
          .sale1{
              height: 250px;
          }
          .sale img{
              height: 250px;
              width:500px;
          }
          .sale1 img{
              height: 250px;
              width:560px;
          }
          .footerp img{
              width: 100px;
              height: auto;
          }
           .categories img{
        height:250px;
        width: 250px;
    }
}
@media (min-width: 599px){
    .sale12{
        width:45%;
    }
}
@media (min-width: 1279px){
    .categories img{
        height:250px;
        width: 250px;
    }
    .prod1 div{
        width: 350px;
        height:500px;
    }
    .prod1 img{
        width: 350px;
        height: 350px;
    }
    .sale21{
        width:55%;
    }
    .salec{
        width:50%;
    }
    .sale{
        height: 250px;
          }
          .sale1{
              height: 250px;
          }
          .sale img{
              height: 250px;
              width:500px;
          }
          .sale1 img{
              height: 250px;
              width:560px;
          }
          .footerp img{
              width: 100px;
              height: auto;
          }
}