@media only screen and (min-width: 600px) and (max-width: 768px) {
  /* #section1 {
    padding-left: 13%;
  } */

  #section5 .container {
    grid-column-gap: 10%;
  }

  #section3 .image_device {
    margin-top: 30px;
  }

  #section3 .rectangle {
    margin-top: 370px;
  }

  #section8 .section_text {
    margin-top: 10px;
  }

  #section8 {
    height: 1600px;
  }
}

@media only screen and (min-width: 768px) {
  /* #section1 {
    padding-left: 20%;
  } */
}

@media only screen and (min-width: 1024px) {
  .navbar-container {
    height: 110px;
    padding-right: 25px;
  }

  #navbar .button {
    width: 160px;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 160px;
    font-size: 18px;
  }

  #navbar .logo_propio {
    height: auto;
    max-width: 220px;
    margin-left: 99px;
    padding-top: 20px;
  }

  #section0 {
    flex-direction: row;
    justify-content: space-between;
    height: 780px;
    padding-top: 50px;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  #section0 .text_container {
    width: 45%;
    margin-top: 120px;
  }

  #section0 .section_title {
    font-size: 48px;
    line-height: 60px;
    margin-left: 5%;
  }

  #section0 .section_text {
    font-size: 24px;
    line-height: 30px;
    margin-left: 5%;
  }

  #section0 .image_container {
    width: 55%;
    max-height: 885px;
    overflow: visible;
    /* padding-bottom: 250px; */
    margin-bottom: -250px;
    margin-top: 0px;
  }

  #section0 .image_circulos {
    max-width: 100%;
    max-height: 100%;
    content: url('/images/propio/Group\ 4796.svg?v=1.0.0');
    /* transform: scale(1.25); */
    /* top: 10%; */
    left: 15%;
    margin-top: 20px;
  }

  #section0 .image_celulares {
    max-width: 100%;
    max-height: 100%;
    content: url('/images/propio/Group\ 4960@2x.png?v=1.0.0');
    /* transform: scale(1.05); */
    top: 14%;
    right: 1%;
    /* top: 0;
    left: 0; */
    /* white-space: nowrap; */
  }

  /* #section0 .image_container {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
  }

  #section0 .image_circulos {
    content: url('/images/propio/Group\ 4989@3x.png');
    transform: scale(1.2);
    position: relative;
    top: 3%;
  }

  #section0 .image_celulares {
    content: url('/images/propio/Group\ 4998@3x.png');
    position: absolute;
    top: 5%;
  } */

  #section1 {
    background-image: url(/images/propio/Mask\ Group\ 161@2x.png);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    background-size: cover;
    max-height: 762px;
    padding-left: 0px;
  }

  #section1 .text_container {
    width: 450px;
    height: 573px;
    margin-top: 90px;
    margin-left: 92px;
    display: block;
    padding-left: 0px;
  }

  #section1 .icon_propio_div {
    margin-top: 0px;
  }

  #section1 .section_title {
    font-size: 36px;
    line-height: 45px;
  }

  #section1 .section_text {
    font-size: 22px;
    line-height: 28px;
  }

  #section1 .rectangle_container {
    width: 390px;
    height: 435px;
    margin-top: 181px;
    margin-right: 92px;
  }

  #section1 .rectangle {
    margin-bottom: 25px;
  }
  #section2 {
    height: 870px;
    padding-top: 100px;
  }

  #section2 .section_title {
    width: 1366px;
    font-size: 36px;
    line-height: 28px;
  }

  #section2 .rectangle_container {
    width: 1024px;
    height: 584px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  #section2 .container_tiendaweb {
    margin-top: 50px;
    margin-right: 17px;
  }

  #section2 .container_tiendaapp {
    margin-top: 50px;
    margin-right: 17px;
  }

  #section2 .container_tiendawhapp {
    margin-top: 50px;
  }

  #section3 {
    background-image: url(/images/propio/Mask\ Group\ 165@2x.png);
    height: 1058px;
  }

  #section3 .image_device {
    margin-top: 60px;
    width: 450px;
    height: 304px;
  }

  #section3 .title_container {
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  #section3 .image_logo {
    width: auto;
    height: 36px;
    margin-top: 9px;
  }

  #section3 .section_title {
    font-size: 36px;
    line-height: 45px;
  }

  #section3 .rectangle {
    width: 1024px;
    height: 760px;
    margin-top: 353px;
  }

  #section3 .carousel_switch {
    display: none;
  }

  #section3 .grid_switch {
    width: 924px;
    height: 524px;
    display: grid;
    margin-top: 214px;
    margin-left: 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    background-color: #e0e0e0;

    grid-gap: 1px;
    /* grid-column-gap: 100px;
    grid-row-gap: 80px; */
  }

  #section3 .item {
    width: 462px;
    height: 263px;
    padding-top: 25px;
    padding-bottom: 50px;
    background-color: white;
  }

  #section3 .image_features_icons {
    margin-top: 0px;
    align-items: start;
    margin-left: 30px;
  }

  #section3 .section_titulo {
    text-align: left;
  }

  #section3 .section_text {
    text-align: left;
  }

  #section4 {
    height: 650px;
  }

  #section4 .section_title {
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    margin-top: 145px;
  }

  #section4 .section_text {
    width: 712px;
    height: 28px;
    margin-top: 30px;
  }

  #section4 .buttonRosa {
    margin-top: 30px;
    margin-bottom: 0px;
  }

  #section4 .rectangle_container {
    width: 100%;
    margin-top: 90px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    /* gap: 20px; */
    justify-content: space-evenly;
  }

  #section4 .title_rectangle {
    margin-top: 16px;
  }

  #section5 {
    background-position-x: right;
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-color: #000000;
    height: 714px;
  }

  #section5 .container {
    display: grid;
    grid-template-columns: repeat(4, 170px);
    grid-template-rows: 300px;
    justify-content: space-evenly;
    grid-column-gap: 5%;
  }

  #section5 .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #section5 .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #section5 .div3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #section5 .div4 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #section5 .section_title {
    width: 750px;
    display: flex;
    align-items: center;
  }

  /* #section5 .section_title {
    display: none;
  } */

  /* #section5 .container {
    display: none;
  } */

  #circle1 {
    display: none;
  }
  #circle2 {
    display: none;
  }
  #circle3 {
    position: absolute;
    background: #fa67b0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    margin-top: 550px;
    margin-left: -1000px;
    opacity: 49%;
  }

  #section6 {
    background-image: url(/images/propio/Mask\ Group\ 168.png);
    height: 970px;
  }

  #section6 .section_title {
    width: 756px;
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    margin-top: 90px;
    color: #838383;
  }

  .owl-carousel {
    width: 990px !important;
    margin-top: 20px;
  }

  #section6 .logo_seller {
    height: 100%;
    width: 100%;
    margin-top: 30px;
  }

  #circle4 {
    display: block;
    margin-top: 347px;
    margin-left: 950px;
    position: absolute;
    background: #fa67b0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 300px;
    width: 200px;
    height: 200px;
    opacity: 49%;
    background: transparent linear-gradient(45deg, #e870ae 0%, #e870ae00 70%) 0%
      0% no-repeat padding-box;
  }

  #section6 .section_second_title {
    width: 204px;
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    margin-top: 90px;
    color: #838383;
    margin-top: 90px;
  }

  #section6 .rectangle {
    width: 960px;
    height: 300px;
    position: absolute;
    margin-top: 760px;
  }

  #section6 .section_text {
    font-size: 22px;
    font-family: 'Muli Italic';
    text-align: left;
    margin-bottom: 30px;
    margin-top: 60px;
    line-height: 30px;
    margin-left: 50px;
    margin-right: 50px;
    display: flex;
  }

  #section6 .image_features_icons {
    margin-top: 30px;
    margin-left: 50px;
    margin-bottom: 30px;
    max-width: 150px;
  }

  #section6 .section_titulo {
    font-size: 20px;
  }

  #section6 .section_subtitulo {
    font-size: 18px;
  }

  #section8 {
    background-image: url(/images/propio/Group\ 4997.png);
    background-size: cover;
    height: 1335px;
  }

  #section8 .section_title {
    width: 824px;
    height: 90px;
    font-size: 36px;
    line-height: 45px;
    /* margin-top: 455px; */
    margin-top: 200px;
  }

  #section8 .section_title_contact {
    font-size: 36px;
    line-height: 45px;
  }

  #section8 .section_text {
    width: 712px;
    height: 28px;
    margin-top: 30px;
  }

  #section8 .formulario {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
  }

  #section8 .hbspt-form form {
    grid-template-columns: repeat(2, 300px);
    grid-column-gap: 40px;
  }

  #section8 .hs-submit {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: span 2;
  }

  #section8 .hs_recaptcha.hs-recaptcha.field.hs-form-field {
    grid-area: 4 / 1 / 4 / 3;
  }

  /* Input en el centro, texto a la izquierda*/
  /* #section8 .div5 {
    padding-left: 25%;
    grid-area: 3 / 1 / 4 / 3;
    align-items: start;
    display: flex;
    flex-direction: column;
  } */

  /* Input a la izquierda, texto en el centro*/
  /* #section8 .div5 {
    grid-area: 3 / 1 / 4 / 2;
  } */

  #section9 {
    height: 234px;
  }

  #section9 .rectangle {
    margin-top: 85px;
    height: 80px;
  }
}

@media only screen and (min-width: 1200px) {
  #section0 .image_circulos {
    max-width: 90%;
    max-height: 90%;
  }

  #section0 .text_container {
    height: 410px;
  }

  #section1 .text_container {
    width: 700px;
  }
}

@media only screen and (min-width: 1400px) {
  #section0 {
    height: 820px;
  }
}

@media only screen and (min-width: 1600px) {
  #section0 {
    height: 860px;
  }
}

@media only screen and (min-width: 1800px) {
  #section0 {
    height: 900px;
  }
}