#textModal {

  @media (min-width: 770px) and (min-height: 600px) {
    display: flex;
    margin-bottom: 2rem;
  }

  display: flex;
  padding: 1rem;
}

#closeIconModalDog {
  @media (max-width: 500px) {
    width: 90%;
  }
}

#sectionModalDog {
  @media (max-width: 375px) {
    height: 150px !important;
  }

  @media (max-width: 450px) {
    height: 150px;
  }

  @media (min-width: 768px),
  (max-height: 700px) {
    height: 150px;
  }

}

#imageMeasurements {
  @media (max-width: 380px) {
    height: 280px;
    padding: 1rem;
  }
}

#scrollbar::-webkit-scrollbar {
  width: 10px;
}

#scrollbar {
  @media (max-width: 375px) {
    height: 364px;
  }
}

#scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

#scrollbar::-webkit-scrollbar-thumb {
  border-radius: 9px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: #dedfe0;
}

#DogSvg {
  @media (max-width: 380px) {
    scale: 0.5;
  }

  @media (max-width: 450px) {
    scale: 0.5;

  }

  @media (min-width: 768px),
  (max-height: 700px) {
    scale: 0.5;

  }
}

#FormMeasurements {
  @media (max-width: 375px) {
    gap: 0.5rem;

    >p {
      padding: 0;
    }
  }
}

#ContainerModal {
  @media (min-width: 500px) {
    height: 100%;
  }

  @media (max-width: 380px) {
    height: auto;
  }

  @media (min-width: 768px) {
    height: calc(100vh - 5rem);
  }

  @media (max-width: 768px) {
    border-radius: 24px 24px 0px 0px;
  }
}

#ContainerModalTable {

  @media (min-width: 360px) and (max-width: 768px) {
    border-radius: 24px 24px 0px 0px;
    height: calc(100vh - 6rem);
  }

  @media (min-width: 768px) {
    height: 600px;
  }

  @media (max-width: 768px) {
    border-radius: 24px 24px 0px 0px;
  }
}