@media(max-width:980px){



}


@media(max-width:780px){

/*Tour Package (produk)*/
.produk-list{
  margin-left: 2%;
  width: 100%;
}

.single2{
  margin-top: 2%;
  width: 100%;
  max-height: 200%;
  border: 1px solid white;
  border-bottom: 3px solid #11a8e0;
}

.garis1{
  width: 100%;
  max-height: 100%;
  border: 1px solid white;
}

.garis2{
  max-height: 15%;
  border: 1px solid white;
  padding-top: 3%;
  box-sizing: border-box;
  margin-bottom: 2%;
}

.garis3{
  max-height: 70%;
  border: 1px solid white;
  margin-bottom: 2%;
}

.garis4{
  max-height: 5%;
  border: 1px solid white;
  margin-bottom: 2%;
}

.garis5{
  margin-bottom: 1%;
  border: 1px solid white;
}

/*Tour Package (produk)*/

}

@media(max-width:580px){




}


@media(max-width:480px){

/*Tour Package (produk)*/
.produk-list{
  margin-left: 2%;
  width: 100%;
}

.single2{
  margin-top: 2%;
  width: 100%;
  /* height: auto; */
  max-height: 200%;
  border: 1px solid white;
  border-bottom: 3px solid #11a8e0;
}

.garis1{
  width: 100%;
  max-height: 100%;
  height: auto;
  border: 1px solid white;
}

.garis2{
  max-height: 15%;
  border: 1px solid white;
  padding-top: 3%;
  box-sizing: border-box;
  margin-bottom: 2%;
}

.garis3{
  max-height: 100%;
  height: auto;
  border: 1px solid white;
  margin-bottom: 2%;
}

.garis4{
  max-height: 5%;
  border: 1px solid white;
  margin-bottom: 2%;
}

.garis5{
  margin-bottom: 1%;
  border: 1px solid white;
}

/*Tour Package (produk)*/

}