html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
  height: auto;
  padding: 50px;
  padding-top: 0;
  margin-bottom: 10rem;
  padding: 0 10rem;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper-slide img {
  display: block;
  width: 100%;
 
 
}

/* ******image******* */

.auto img{
    width: 100%;
  
    height:90vh;

    

}
.plotters img{
    width: 80%;
    height:90vh;

  
}


.dekstop img{
    width: 80%;
    height:90vh;

}

.wide img{
    width: 80%;
    height:90vh;
}

.pvc img{
    width: 80%;
    height:90vh;
}

.online img{
    width: 80%;
    height:90vh;

}

.interactive img{
    width: 80%;
    height:90vh;
}

.thermal img{
    width: 80%;
    height:90vh;
}
.canon img{
    width: 80%;
    height:90vh;
}
@media (max-width:768px){

    .auto img{
        width:100%;
        height: auto;
         
        
    
    }
    .plotters img{
        width:100%;
      height: auto;
      
    }
    
    
    .dekstop img{
        width:100%;
        height: auto;
    
    }
    
    .wide img{
        width:100%;
        height: auto;
    }
    
    .pvc img{
        width:100%;
        height: auto;
    }
    
    .online img{
        width:100%;
        height: auto;
    }
    
    .interactive img{
        width:100%;
        height: auto;
    }
    
    .thermal img{
        width:100%;
        height: auto;
    }
    .canon img{
        width:100%;
        height: auto;
    }
        
.swiper{
    padding:0;
}

}