/**
 * /*##Device = Laptops, Desktops
 * ##Screen = B/w 1025px to 1280px
 *
 * @format
 */

@media (min-width: 1025px) and (max-width: 1600px) {
  /* CSS */
  * {
    font-size: 12px;
  }

  #basket-section {
    height: 180vh;
  }

  .about-section-3 {
    /* height: 180vh; */
  }

  .form-contactanos-row h3 {
    color: var(--GRAY_2_COLOR);
    font-size: 1.87rem;
  }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS */
  * {
    font-size: 9px;
  }

  .form-unete input,
  .form-contactanos input {
    padding: 0rem 0.9375rem 0rem 0.9375rem;
    font-size: 1.12rem;
  }

  .form-contactanos-row h3 {
    font-size: 1.12rem;
  }
}

@media (max-width: 767px) {

  label{
    font-size: 1.7rem;
  }
  body {
    overflow-x: hidden;
  }

  nav {
    width: 0;
  }

  .navbar-brand,
  .download-app-button,
  .navbar-links {
    display: none;
  }

  #first-section {
    background-image: url(../../assets/GIF_Mano3.gif);
    background-size: contain;
    background-position: bottom;
    background-attachment: scroll;
    height: 100vh;
    padding: 2.188rem 6%;
  }
  .baja-first-section{
    background-color: #004990;
    background-size: contain;
    background-position: bottom;
    background-attachment: scroll;
  
    padding: 2.188rem 6%;
  }

  .first-section-hamburguer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0.938rem;
  }

  .first-section-hamburguer i {
    font-size: 1.87rem;
    color: white;
  }
  .baja-category-section{
    height: 50vh;
  }

  #first-section h1 {
    font-size: 1.87rem;
    color: white;
  }

  #first-section h1 strong {
    font-size: 1.87rem;
    color: white;
  }

  .first-section-container {
    /* justify-content: flex-start; */
    align-items: flex-start;
    height: 100%;
    width: 100%;
  }

  .download-app-button-s1 {
    width: 100%;
  }

  .download-app-button-s1 p {
    font-size: 0.93rem;
  }

  /* SECOND SECTION  */
  #second-section {
    padding: 0px 6%;
    height: 80vh;
    background-size: contain;
    background-image: url(../../assets/moto-nik.png);
  }

  .second-section-container {
    flex-direction: column;
  }

  .second-section-img {
    display: none;
    height: 30%;
    width: 80%;
    order: 1;
  }

  .second-section-info {
    height: 60%;
    gap: 10px;
    order: 0;
  }

  .second-section-info h3 {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }

  .second-section-info h4 {
    font-size: 1.43rem;
    text-align: center;
  }

  .second-section-register {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  /* CATEGORY SECTION  */
  #category-section {
    padding: 0px 6%;
    /*height: 80vh;*/
  }

  .carousel-section {
    justify-content: center;
  }

  .carousel-section h1 {
    text-align: center;
    font-size: 1.62rem;
  }

  .carousel-section .carousel-section-subtitle {
    text-align: center;
    font-size: 1.12rem;
    /* font-weight: bold; */
  }

  /* CAROUSEL SECTION  */
  #carouselDesktop,
  .buttons-carousel-desktop {
    display: none;
  }

  #carouselMobile,
  .buttons-carousel-mobile {
    display: flex;
  }

  .category-carousel {
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
  }

  .category-carousel .box-category p {
    font-size: 1.12rem;
  }

  .buttons-carousel-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .buttons-carousel-mobile button {
    background-color: #004990;
    border: none;
    border-radius: 0.938rem;
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 73, 144, 0.24) 0px 3px 8px;
  }

  .buttons-carousel-mobile button span {
    color: white;
  }

  /* SHOP SECTION  */
  #shop-section {
    padding: 1.875rem 6%;
  }

  #shop-section h3 {
    font-size: 1.12rem;
    text-align: center;
  }

  #shop-section h3 img {
    height: 1.12rem;
    margin-bottom: 0.36rem;
  }

  /* DOWNLOAD SECTION  */
  .download-section {
    padding: 0px 0px 6% 0px;
    flex-direction: column;
  }

  .download-background {
    border-bottom-left-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    bottom: 0;
  }

  .download-background-img {
    height: 150px;
    display: none;
  }

  .download-video-tag {
    width: 100%;
    border-radius: 2.5rem;
  }

  .download-video {
    width: 100%;
  }

  .download-info {
    padding: 0px 6%;
    width: 100%;
  }

  .download-info h3 {
    font-size: 1.5rem;
  }

  .shops-title-img {
    height: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .download-info-links a {
    width: 35%;
  }

  .download-info-links {
    justify-content: flex-start;
  }

  /* BASKET SECTION  */
  #basket-section {
    background-image: none;
    justify-content: center;
    height: 140vh;
    margin: 30px 6% 80px 6%;
  }

  #basket-section h1 {
    font-size: 2.25rem;
  }

  .basket-item-info h2 {
    font-size: 1.5rem;
  }

  .basket-item-info p {
    font-size: 1.12rem;
  }

  .basket-item-info p img {
    height: 1.12rem;
    margin-bottom: 0.37rem;
  }

  .basket-section-container {
    width: 100%;
  }

  .pig-section-button p {
    font-size: 0.68rem;
  }

  /* STAKEHOLDERS SECTION  */
  .stakeholders-section {
    padding: 1.25rem 6% 7.5rem 6%;
    margin-bottom: 0px;
  }

  .stakeholders-section-background {
    height: 100%;
    width: 100%;
    border-top-left-radius: 1.563rem;
    border-top-right-radius: 1.563rem;
    /* margin: 40px 0px 0px 0px; */
  }

  .stakeholders-title-container {
    justify-content: center;
  }

  .stakeholders-title-container h1 {
    font-size: 2.25rem;
  }

  .stakeholders-title-img {
    height: 2.25rem;
    margin-bottom: 0.938rem;
  }

  .stakeholders-items {
    flex-direction: column;
  }

  .stakeholders-item {
    width: 100%;
  }

  .stakeholders-item-top h4 {
    font-size: 1.5rem;
  }

  .stakeholders-item-top p {
    text-align: center;
    font-size: 1.12rem;
  }

  .stakeholders-button {
    font-size: 1.25rem;
  }

  .stakeholders-item {
    gap: 0;
  }

  /* CONTACT SECTION  */
  .contact-section {
    height: 140vh;
  }

  .contact-section-container {
    padding: 0px 6%;
    margin: 0px 4%;
  }

  .contact-section-background {
    background-color: #004990;
    border-bottom-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    top: 0;
    left: 0;
    height: 50%;
  }

  .contact-section-info {
    width: 99%;
  } 
  .contact-section-info h2 {
   
    font-size: 2.5rem;
  }
  .form-contactanos {
    width: 100%;
  }

  .form-contactanos-row-title {
    display: block;
  }

  .form-contactanos-title {
    font-size: 2.25rem;
    color: #004990;
    font-family: "MontserratBold";
  }

  .form-contactanos-row h3 {
    font-size: 1.37rem;
  }

  /* FOOTER SECTION  */
  /* .footer-section {
        background-color: #1e2833;
        background-image: linear-gradient(0deg, #1e2833 0%, #1e2833 30%, #1e2833 66%, #ffffff 100%);        
    } */

  .footer-section {
    height: auto;
    margin-top: 30px;
    padding-bottom: 3.75rem;
    padding-left: 6%;
    padding-right: 6%;
    border-top-left-radius: 1.563rem;
    border-top-right-radius: 1.563rem;
    gap: 15px;
  }

  .footer-section-social {
    width: 100%;
    margin: 0px 12%;
    padding: 0px 6%;
    border-bottom: 1px solid white;
    padding-bottom: 0.938rem;
    justify-content: space-evenly;
  }

  .footer-section-links {
    flex-direction: column;
    gap: 15px;
  }

  .privacy-links {
    flex-direction: column;
  }

  .privacy-links p {
    display: none;
  }

  .privacy-links a {
    font-size: 0.75rem;
  }

  /* PAGINA UNETE  */
  #unete-section-1 {
    background-position: center;
    background-size: 110%;
    height: 100vh;
  }

  .unete-section-hamburguer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0.938rem;
  }

  .unete-section-hamburguer i {
    font-size: 1.87rem;
    color: #004990;
  }

  #unete-section-1 h1 {
    font-size: 1.87rem;
    color: #333333;
    /* margin-bottom: 0; */
  }

  .unete-section-container {
    padding: 2.188rem 6% 0px 6%;
    justify-content: space-between;
  }

  .unete-section-container h1 {
    text-align: center;
  }

  .unete-section-container h1 img {
    height: 1.87rem;
    margin-bottom: 9px;
  }

  .unete-section-container p {
    display: none;
  }

  .unete-section-3-items {
    grid-template-columns: 1fr;
  }

  .unete-section-2-img {
    order: 0;
  }

  .unete-section-2-info {
    order: 1;
  }

  .unete-section-2-info h2 {
    text-align: center;
    font-size: 2.25rem;
    padding-bottom: 1.25rem;
  }

  .unete-section-2-info ul li {
    font-size: 1.12rem;
    line-height: 2rem;
  }

  .unete-section-2-info .special {
    display: none;
  }

  .unete-section-2-container {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  #unete-section-2 {
    padding: 2.5rem 6%;
  }

  #unete-section-2 .frame-back-blue {
    border-top-left-radius: 3.125rem;
    border-bottom-left-radius: 3.125rem;
    width: 100%;
  }

  #unete-section-3 {
    padding: 0px 6%;
  }

  #unete-section-3 h1 {
    font-size: 2.25rem;
    color: #1e2833;
  }

  .unete-section-3-item p {
    font-size: 1.5rem;
  }

  #unete-section-3 p {
    font-size: 1.5rem;
  }

  #unete-section-4 {
    /* height: 150vh; */
    padding: 3.125rem 0px;
  }

  .unete-section-4-info h2 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
  }

  .unete-section-4-info h3 {
    display: none;
  }

  .unete-section-4-info ul li {
    font-size: 1.12rem;
    line-height: 2rem;
  }

  .unete-section-4-container {
    border-radius: 3.125rem;
    background-color: #004990;
    padding: 1.25rem 6%;
    grid-template-columns: 1fr;
  }

  #unete-section-4 .frame-back-blue {
    display: none;
  }

  #unete-section-4 .frame-back-blue2 {
    display: flex;
    position: absolute;
    z-index: -1;
    background-color: #afd1f2;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
  }

  .unete-section-register {
    margin-top: 0;
  }

  .unete-section-register .contact-section-background {
    background-color: #afd1f2;
  }

  .form-unete {
    padding: 3.75rem 6%;
  }

  .form-unete-container {
    grid-template-columns: 1fr;
  }

  .form-unete h1 {
    text-align: center;
    font-size: 2.25rem;
  }

  .form-unete p {
    font-size: 1.12rem;
  }

  /* ABOUT PAGE  */
  .about-section-1 {
    padding: 2.188rem 6% 6% 6%;
  }

  .about-section-1-caption {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    height: 100%;
  }

  .about-section-1-caption-title {
    align-items: flex-start;
  }

  .about-section-1-caption img {
    width: 50%;
  }

  .about-section-1-caption-title h2 {
    font-size: 2rem;
    text-align: center;
  }

  .about-section-1-caption-title h2 br {
    display: none;
  }

  .about-section-1-caption-title h2 strong {
    font-size: 2rem;
  }

  .about-section-1-info {
    display: none;
  }

  .about-section-2 {
    padding: 0px 6%;
  }

  .about-section-2 h1 {
    font-size: 2.25rem;
    color: #333333;
  }

  .about-section-3 {
    /* height: 50vh; */
  }

  .about-section-4 {
    grid-template-columns: 1fr;
    padding: 0% 6%;
  }

  .about-section-4-img {
    height: 100%;
    width: 100%;
    order: 1;
  }

  .about-section-4-container {
    margin-top: 40px;
    order: 0;
  }

  .about-section-4-container h1 {
    font-size: 2.25rem;
    margin-bottom: 30px;
  }

  .about-section-4-container h1 img {
    height: 2.25rem;
    margin-bottom: 3px;
  }

  .about-section-4-container p {
    font-size: 1.12rem;
  }

  .about-section-4-container p img {
    height: 1.12rem;
  }
}