.slider1{
  width: 400px;
  height: 400px;
}
#slider{
  margin-bottom: 2px;
  width: 400px;
  height: 300px;
}

.flexslider2{
  margin-bottom: 0px;
  width: 400px;
  height: 100px;
}


#slider li{
  width: 400px;
  height: 300px;

}

.sliderhiimg{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.flexslider2 li{
  width: 100px;
  height: 100px;

}

.sliderlowimg{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

@media screen and (max-width: 1030px) {


  .slider1{
    width: 297px;
    height: 396px;
  }
  #slider{
    margin-bottom: 2px;
    width: 297px;
    height: 296px;
  }

  .flexslider2{
    margin-bottom: 0px;
    width: 297px;
    height: 100px;
  }


  #slider li{
    width: 297px;
    height: 296px;

  }

  .sliderhiimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

  .flexslider2 li{
    width: 100px;
    height: 100px;

  }

  .sliderlowimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

}

@media screen and (max-width: 767px) {


  .slider1{
    width: 378px;
    height: 504px;
  }
  #slider{
    margin-bottom: 2px;
    width: 378px;
    height: 404px;
  }

  .flexslider2{
    margin-bottom: 0px;
    width: 378px;
    height: 100px;
  }


  #slider li{
    width: 378px;
    height: 404px;

  }

  .sliderhiimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

  .flexslider2 li{
    width: 100px;
    height: 100px;

  }

  .sliderlowimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

}


@media screen and (max-width: 479px) {


  .slider1{
    /* width: 240px; */
    width: 100%;
    height: 320px;
  }

  #slider{
    margin-bottom: 2px;
    /* width: 240px; */
    width: 100%;
    height: 220px;
  }

  .flexslider2{
    margin-bottom: 0px;
    /* width: 240px; */
    width: 100%;
    height: 100px;
  }


  #slider li{
    width: 240px;
    height: 220px;

  }

  .sliderhiimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

  .flexslider2 li{
    width: 100px;
    height: 100px;

  }

  .sliderlowimg{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }

}