@media screen and (max-width: 480px) {
    .slider-wrap-motion{
        display: block;
        position: relative;
        overflow: visible;
        height: 130px;
        left: -20px;
      }

      .text-slider-animation{
        top: -11vh;
        left: 15px;
      }
      
      .content-gdpr .download{
          margin-top: 70% !important;
      }

      .contact-area{
        display: flex;
          flex-direction: column;
          align-content: center;
          justify-content: center;
          align-items: center;
      }

      .cont-form input{
        width: 100%;
        height: 50px;
        border: 1px solid #EBD49B;
        border-radius: 75px;
        margin-bottom: 20px;
        padding-left: 10px;
        font-size: 24px;
        color: #7A7A7A;
      }
      
      .cont-form .area{
        width: 100%;
        height: 250px;
        border: 1px solid #EBD49B;
        border-radius: 50px;
        margin-bottom: 20px;
        padding-left: 10px;
      }
      
      .cont-form .button{
        width: 50%;
        height: 50px;
        border: 1px solid #EBD49B;
        border-radius: 50px;
        margin-bottom: 20px;
        padding-left: 10px;
        color: #EBD49B;
        background: none;
        
      }

      .contact-info p{
        margin-left: 5%;
      }
      
      .slider-milk-img{
          top:70% !important;
          left:60% !important;
      }

      .text-prod{
        margin-left: 10%;
        max-width: 80% !important;
        margin-top: 15% !important;
      }

      .text-prod2{
        margin-left: 10%;
        max-width: 70% !important;
        margin-top: -5% !important;
      }

      .text-area h1{
        font-size: 24px !important;
      }

      .text-area h2{
        font-size: 20px !important;
      }

      .page3 .down h1{
        font-size: 20px !important;
      }

      .page3 .down{
        bottom:70px !important;
      }

      .page4 .up h1{
        font-size: 20px !important;
      }

      .page2 h1{
        font-size: 2rem !important;
      }

      .page2 p{
        font-size: 16px !important;
      }

      .review-info-button{
        left:50%;
      }

      .review-info-button:hover:before {
        width: 50%;
      }

      .slider-product-img {
        height: 700px;
      }

      .text-prod2 .review-info-button:hover:before {
        width: 55%;
      }

      .image-prod{
        width: 50% !important;
      }

      .image-prod img {
        margin-top: 5% !important;
        margin-left: 25% !important;
        width: 90%;
     
     
    }

    .image-catalog  {
        width: 90% !important;
    }

    .image-catalog img {
        margin-top: 5% !important;
        margin-left: 5% !important;
        width: 90%;
    }

      .image-prod2{
        width: 50% !important;
      }

      .image-prod2 img {
        margin-top: 10% !important;
        margin-left: 5% !important;
        width: 100%;
       
      }

      .products-group {
        margin-top: 15%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        flex-direction: row;
    }

    .page4 .products-group .product {
        height: 250px;
        width: 45%;
        border: #fff 10px solid;
        border-radius: 10px;
        color: #4B1F1B;
        transform: translateX(0px) translateY(1060px) scale(0.6);
        transition: 1500ms;
        margin-bottom: 10%;
    }

    .page4 .products-group .product:hover {
        height: 250px;
        width: 45%;
        
    }

    .products-group .product h2 {
        font-size: 16px;
       
    }

    .products-group .product h3 {
        font-size: 14px;
       
    }

    .product-info-button{
        margin-top: 20px;
    }

    .product-info-button:before {
        content: '';
        position: absolute;
        width: 150px;
        height: 46px;
        bottom: 5px;
        left: 30%;
        background-size: cover;
    }

    .products-group .product .category-list {
        height: 110px;
    }

    .page4 .up h1 {
        margin-top: 25px;
    }

    .text-area p {
        font-size: 16px;
        font-weight: 600;
        padding-left: 0%;
        padding-right: 0%; 
        line-height: 30px;
        color: #fff;
        margin-top: 36px;
        margin-bottom: 15px;
    }

    .nav-link{
        width: 150px;
        font-size: 16px;
        font-weight: 600;
    }

    .dropdown-menu li{
        text-align: center;
    }

    .insta-images{
        display: flex;
    }

    .insta-images .col-md-2{
        width: 20%;
    }

    .e-bulten{
        flex-direction: column;
    }

    .text-bulten{
        width: 100%;
        padding: 12px;
    }

    .text-bulten p{
        font-size: 12px;
    }

    .text-bulten h1{
        font-size: 20px;
    }

    .form-element{
        margin-left: 0px;
        width: 110%;
    }

    .text-input{
        width: 100%;
    margin-left: 0%;
    border: white;
    border-radius: 50px;
    font-size: 17px !important;
    padding: 10px;
    pointer-events: fill;
    }

    .special-send-button{
        margin-left:20px;
    }

    .footer-logo > img{
        width:45%;
        margin-left: 0px;
    }

    .footer-logo > li{
        
        margin-left: 0px;
        text-align: center;
    }

    .footer-menu{
        display: none;
    }

    .footer-products{
        display: none;
    }

    .footer-rules{
        display: none;
    }

    .footer-social{
        margin-left: 0px;
    }

    .footer-social > h1{
        margin-bottom: -10px;
    }

    .products-group-pp{
        display: flex;
        flex-direction: column;
      }

      .products-group-pp .product .product-info-button:before{
        width: 43% !important;
        left: 34% !important;
      }

      .products-group-pp .product .category-list {
        width: 50%;
      }

      .subpage .footer-container .e-bulten{
        flex-direction: column;
      }

      .subpage .footer-container .footer-social h1{
        margin-bottom: 10px !important;
      }

      .text-bulten2{
        width: 100%;
        padding: 12px;
      }

      .text-bulten2 p{
        font-size: 12px;
      }

      .text-bulten2 h1 {
        font-size: 24px;
      }

      .form-element2 {
        width: 100%;
        margin-left: 0px;
      }

      .footer-logo2{
        display: flex;
        flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
      }

      .footer-logo2 > img {
       
      margin-left: 0;
        
      }

      .footer-logo2 > li {
       
        margin-left: 0;
          
        }
}
    

@media screen and (max-width: 1920px) {

  .e-bulten {
    margin-top: 20vh !important;
  }

  .subpage .footer-container .e-bulten{
    margin-top: 0px !important;
  }
}


@media screen and (max-width: 1420px) {
  .footer-menu ul {
    text-align: left;
    margin-left: -90%;
    margin-top: 54%;
}

.footer-products ul {
  text-align: left;
  margin-left: -70%;
  margin-top: 25%;
}
}

@media screen and (max-width: 1280px) {
  .footer-menu ul {
    text-align: left;
    margin-left: -120%;
    margin-top: 54%;
}

.footer-products ul {
  text-align: left;
  margin-left: -95%;
  margin-top: 23%;
}
}

@media screen and (min-width: 1921px) {
  .product-info-button {
    padding-left: 30px;
  }
}
 @media (min-width: 1280px){
    .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;}
  }
