@media screen and (max-width: 767px) {
  .banner-top {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('/imgs/landing-page/junina/banner-top/banner.png') !important;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 15px !important;
  }
  .banner-top .center-image {
    width: 100%;
    margin-top: -20px;
    height: 100%;
    margin: auto;
    background-image: url('/imgs/landing-page/banner-top/banner-top-colecao-complete.svg') !important;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .banner-top .left-mask {
    position: absolute;
    left: -2px;
    top: -56px;
    width: 100%;
    height: 100%;
    background-image: url('/imgs/landing-page/banner-top/banner-top-left-mask.svg') !important;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position-x: left;
  }

  .banner-top .logo {
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    height: 100%;
    background-image: url('/imgs/logo-big.png') !important;
    background-size: 45px;
    background-repeat: no-repeat;
    background-position-x: 7px;
  }

  .banner-top .right-mask {
    position: absolute;
    right: 0;
    top: -50px;
    width: 100%;
    height: 100%;
    background-image: url('/imgs/landing-page/banner-top/banner-top-right-mask.svg') !important;
    background-size: 40%;
    background-position-x: 10px;
    background-repeat: no-repeat;
    background-position-x: right;
  }

  .banner-top .left-products {
    position: absolute;
    z-index: 99;
    left: 25px;
    bottom: 20px;
    width: 125%;
    height: 100%;
    /* transform: rotate(25deg); */
    background-image: url('/imgs/landing-page/banner-top/banner-top-right-pics.svg') !important;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
  }

  .banner-top .right-products {
    position: absolute;
    z-index: 99;
    right: 20px;
    bottom: 50px;
    transform: rotate(-7deg);
    width: 95%;
    height: 100%;
    background-image: url('/imgs/landing-page/banner-top/banner-top-left-pics.svg') !important;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
  }

  .banner-top {
    height: 600px !important;
    position: relative;
  }

  .eu-quero {
    background-image: url('/imgs/landing-page/second-section/eu-quero.svg') !important;
    width: 100%;
    height: 400px;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 15px !important;
  }

  .product-image {
    background-image: url('/imgs/landing-page/junina/second-section/products.svg') !important;
    width: 100%;
    height: 300px;
    margin-bottom: 20px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 15px !important;
  }

  .escolha-suas {
    margin-top: -55px;
    background-image: url(/imgs/landing-page/junina/second-section/background.png) !important;
    min-width: 320px;
    margin-left: -20px;
    background-size: 250%;
    background-position: center center;
    background-repeat: no-repeat;
    background-position-y: 30px;
    mask-image: linear-gradient(180deg, transparent 5%, rgba(0, 0, 0, 1) 20%);
  }

  .escolha-suas .embalagens-lindas {
    background-image: url('/imgs/landing-page/second-section/embalagens-lindas.svg') !important;
    width: 100%;
    height: 425px;
    background-position-x: center;
    background-position-y: 85px;
    background-size: 90%;
    background-repeat: no-repeat;
  }

  .escolha {
    background-image: url('/imgs/landing-page/junina/second-section/escolha-suas.svg') !important;
    width: 100%;
    height: 200px;
    bottom: -25px;
    position: absolute;
    background-position-x: center;
    background-size: 50%;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
  }

  .third-section {
    padding-top: 110px !important;
    background: white !important;
    padding: 0 !important;
    margin-bottom: 20px;
  }

  .escolha-sua-embalagem {
    padding-bottom: 20px !important;
    color: #541b0c !important;
  }
  .third-section .confira {
    background-image: url('/imgs/landing-page/junina/third-section/confira.svg') !important;
    width: 100%;
    margin-top: 50px;
    height: 350px;
    background-position-x: center;
    background-size: 80%;
    background-repeat: no-repeat;
  }

  .mimo {
    background-image: url('/imgs/landing-page/junina/mimo.svg') !important;
    width: 100%;
    height: 320px;
    margin-bottom: 30px !important;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 999;
  }

  .footer {
    background-image: url('/imgs/landing-page/junina/footer/footer.png') !important;
    width: 100%;
    height: 480px;
    background-position-x: center;
    background-size: 118%;
    background-repeat: no-repeat;
    color: white !important;
  }

  .footer > div {
    margin-top: 20px;
  }

  .footer span {
    color: white !important;
  }

  .transparent-text {
    color: transparent !important;
    stroke: transparent !important;
    -webkit-text-stroke-color: transparent !important;
    pointer-events: none !important;
  }

  .banner-top .cta-button {
    margin-top: 333px;
  }

  .cta-button {
    z-index: 999;
  }

  #main-section .cta-button {
    position: sticky !important;
    bottom: 0;
    padding-bottom: 20px;
    padding-top: 15px !important;
    margin-top: 0 !important;
  }

  .elementor-17 .elementor-element.elementor-element-5f78bc44 > .elementor-widget-container {
    border-color: rgba(84, 27, 12, 0.9) !important;
  }
  #main-section .cta-button::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    mask: linear-gradient(to bottom, transparent 0, black 20%);
    backdrop-filter: blur(3px);
  }

  .cta-button .elementor-button {
    background-image: linear-gradient(30deg, #9c724c 0%, #541b0c 100%) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    color: white !important;
  }

  .hidden-text {
    position: absolute !important;
  }

  .elementor-17
    .elementor-element.elementor-element-48fc11a6
    > .elementor-shape-bottom
    .elementor-shape-fill {
    fill: #ffffff !important;
  }

  .elementor-17 .elementor-element.elementor-element-aa22108 .elementor-heading-title {
    color: rgba(84, 27, 12, 0.9) !important;
  }

  .second-section {
    background-color: #ffffff !important;
    padding-bottom: 20px !important;
  }

  .on-top {
    z-index: 99;
  }

  .banner-top {
    height: 400px !important;
  }
  .banner-top .elementor-background-overlay {
    background-position-y: -20px !important;
    background-size: 250%;
  }
  .banner-top .center-image {
    width: 90%;
    margin-top: 20px;
  }
  .elementor-17 .elementor-element.elementor-element-42387b15 .elementor-button {
    line-height: 0.5em;
  }

  .font-small {
    font-size: 12px !important;
  }

  .text-center {
    text-align: center;
  }

  .cta-button a {
    line-height: 1em !important;
  }

  .cta-button.big a {
    line-height: 1.5em !important;
  }

  /* testimonials */

  @font-face {
    font-family: 'FontAwesome';
    src: url('https://fonts.dooki.com.br/fa/4.7.0/fa.eot?v=4.7.0');
    src:
      url('https://fonts.dooki.com.br/fa/4.7.0/fa.eot?#iefix&v=4.7.0') format('embedded-opentype'),
      url('https://fonts.dooki.com.br/fa/4.7.0/fa.woff2?v=4.7.0') format('woff2'),
      url('https://fonts.dooki.com.br/fa/4.7.0/fa.woff?v=4.7.0') format('woff'),
      url('https://fonts.dooki.com.br/fa/4.7.0/fa.ttf?v=4.7.0') format('truetype'),
      url('https://fonts.dooki.com.br/fa/4.7.0/fa.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  .testimonials {
    background: #fff;
    border-radius: var(--default-radius);
    box-sizing: border-box;
    padding: 20px 21px;
  }

  :selection {
    background: #4181cd;
    color: #fff;
  }

  .box-testimonial {
    border-bottom: 1px dashed #e5e5e5;
    display: flex;
    padding: 10px 0 5px;
    width: 100%;
  }

  .clearfix:after,
  .clearfix:before {
    content: '';
    display: table;
    line-height: 0;
  }

  .clearfix:after {
    clear: both;
  }

  .box-testimonial:last-child {
    border: 0;
  }

  .pull-left {
    float: left;
  }

  .ml20 {
    margin-left: 20px;
  }

  .box-testimonial__photo {
    background: #fff;
    display: inline-block;
    width: 60px;
  }

  .ml15 {
    margin-left: 15px;
  }

  .box-testimonial__infos {
    width: 180px;
  }

  img {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }

  .box-testimonial__photo .photo {
    border-radius: 50%;
    display: inline-block;
    width: 100%;
  }

  .mt5 {
    margin-top: 5px;
  }

  .mb5 {
    margin-bottom: 5px;
  }

  strong {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }

  .black-60 {
    color: #666 !important;
  }

  .box-testimonial__infos .infos__name {
    letter-spacing: -0.53px;
    line-height: 20px;
  }

  p {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }

  p {
    line-height: 1.4em;
  }

  p:not(.-custom-margin) {
    margin-bottom: 10px;
  }

  .box-testimonial__infos .infos__text {
    letter-spacing: -0.53px;
    line-height: 20px;
  }

  i {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }

  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .yellow {
    color: #ffc926 !important;
  }

  .fa-star:before {
    content: '\f005';
  }

  .eu-quero-section {
    background: rgba(5, 99, 123, 1) !important;
    padding-bottom: 0 !important;
  }

  .elementor-17 .elementor-element.elementor-element-4da6caa9 > .elementor-background-overlay {
    background: rgba(5, 99, 123, 1) !important;
  }

  .elementor-17 .elementor-element.elementor-element-26eeea8c .elementor-heading-title {
    color: rgba(5, 99, 123, 1) !important;
  }
  .elementor-17 .elementor-element.elementor-element-3c5973a .elementor-heading-title {
    color: rgba(5, 99, 123, 1) !important;
  }
  .elementor-17 .elementor-element.elementor-element-4e49a925 .elementor-heading-title {
    color: rgba(5, 99, 123, 1) !important;
  }
  .elementor-17 .elementor-element.elementor-element-613ffb9 .elementor-star-rating i:before {
    color: #f0ad4e !important;
  }
  .elementor-17 .elementor-element.elementor-element-40eb3d60 > .elementor-background-overlay {
    background: rgba(5, 99, 123, 1) !important;
  }
  .elementor-17 .elementor-element.elementor-element-7e079d5f .elementor-heading-title {
    color: rgba(84, 27, 12, 0.9) !important;
  }
  .elementor-17 .elementor-element.elementor-element-1bfa24ae .elementor-heading-title {
    color: rgba(84, 27, 12, 0.9) !important;
  }
  .elementor-17 .elementor-element.elementor-element-19293297 .elementor-heading-title {
    color: rgba(84, 27, 12, 0.9) !important;
  }

  .elementor-17 .elementor-element.elementor-element-5f78bc44 .elementor-heading-title {
    color: rgba(84, 27, 12, 0.9) !important;
  }
}