body {
  margin-right: 0.5%;
  float: right;
  width: 81%;
}
/* NAVBAR VERTICAL FIXED */
.nav__v-main {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 70px;
  left:1%;
  bottom: 5px;
  width: 17.4%;
  max-width: 100%;
  background-color: rgb(226, 224, 224);
  line-height: 35px;
  padding-left: 10px;
  overflow-y: auto;
  border-radius: 5px;
}
.nav__v-danhmucsanpham {
  color: #ffffff;
  background-color: rgba(36, 35, 75, 0.782);
  padding: 10px 10px 10px 10px;
  margin: 5px 10px 5px 0px;
  border-radius: 5px;
  font-size: 130%;
}
.drop-content-none {
  list-style-type:disc;
  list-style-position:inside;
  padding-left: 0.5rem;
  margin-bottom: 0px;
  border-bottom: 1px solid grey;
  background-color: rgb(226, 224, 224);
  font-family: Roboto-Light;
  color: rgb(39, 42, 211);
}
.drop-content-none:hover {
  color: #ffffff;
  font-weight: bolder;
  background-color: #365496;
}
.input__drop-cuasat:checked~.drop__content-cuasat {
  display: block;
}
.input__drop-cuanhom:checked~.drop__content-cuanhom {
  display: block;
}
.input__drop-cuacuon:checked~.drop__content-cuacuon {
  display: block;
}
.input__drop-cuakeo:checked~.drop__content-cuakeo {
  display: block;
}
.input__drop-cauthang:checked~.drop__content-cauthang {
  display: block;
}
.input__drop-lancan:checked~.drop__content-lancan {
  display: block;
}
.input__drop-maiche:checked~.drop__content-maiche {
  display: block;
}

@media only screen and (max-width:992px) {
  .nav__v-main {
    display: none;
  }
  body {
    margin-right: none;
    float: none;
    width: 98%;
  }
}
/* GRID PRODUCTS */
.text-ourproduct-1 {
  margin-top: 80px;
  color: rgb(68, 68, 68);
  text-transform: uppercase;
  text-align: center;
  font-family: Roboto-Black;
}
main {
  padding-left: 10px;
}
main h1 {
  margin-top: 80px;
  color: rgb(13, 63, 15);
  text-transform: uppercase;
  text-align: center;
  font-family: Roboto-Black;
  font-size: 180%;
}
main img {
  width: 80%;
  display: block;
  margin: auto;

}
main p{
  font-size: 16px;
  width: 98%;
}
main h2 {
  color: rgb(68, 68, 68);
  font-family: Roboto-Black;
  font-size: 150%;
}
/* .a-viewall {
  border-bottom: 1px solid gray;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: Roboto-Bold;
} */