body {
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

.img-responsive {
  max-width: 100%;
}

#main {
  cursor: pointer;
  max-width: 1600px;
  margin: 0 auto;
  color: black;
}

.riga {
  cursor: pointer;
  height: 90px;
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
}

.col {
  height: 90px;
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
  align-items: center;
}

.col-sx {
  width: 22.8%;
  background-color: black;
}

.col-dx {
  width: 75%;
  height: 90px;
  background-image:url("desktop.jpg");
  background-size: 100% auto;
  background-position-y: center ;
  background-repeat: no-repeat;
}

.col-dx img{
  width: 100%;
  /* object-fit: cover; */
}

/*.col-dx .img-large {
  display: block;  
}

.col-dx .img-small {
  display: none;  
} */

@media (max-width: 1600px) {
  .col-sx {
    width: 25%;
    justify-content: center;
  }
  .col-dx {
    width: 75%;
    height: 90px;
    background-image:url("desktop.jpg");
    background-size: 100% auto;
    background-position-y: center ;
    background-repeat: no-repeat;
  }
  .col-dx .img-large {
    display: none;  
  }
  .col-dx .img-small {
    display: block;  
  }
}

@media (max-width: 1024px) {
  .col-sx {
    width: 25%;
  }
  .col-dx {
    width: 75%;
    /* width: auto; */
  }
  .col-dx .img-large {
    display: none;  
  }
  .col-dx .img-small {
    display: block;  
  }
}


@media (max-width: 768px) {
  .col-sx {
    width: 33.3%;
  }
  .col-dx {
    width: 66.6%;
    background-image:url("tablet.gif");
  }
  .col-dx .img-large {
    display: none;  
  }
  .col-dx .img-small {
  /* display: block; */
  }
}

@media (max-width: 425px) {
  .col-dx {
    background-image:url("phone.gif");
  }
}