@media (max-width: 767px){
    .logo{
    position: relative;
    margin: auto;
    margin-left: 40px;
    }
.wrapper {
    overflow-x: hidden;
}
.mobflag{
    margin-top: 17px !important;
}
}
@media(max-width:768px){
    .attr-nav .social{
        display:none;
    }
}
@media(min-width: 768px){
    .mobflag{
        display: none !important;
    }
}
.mobflag{
    margin-top: 22px !important;
    width: 20px !important;
    height: 20px !important;
    display:inline-block;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    body{
        overflow-x: hidden;
    }
    @media(min-width: 1024px) and (max-width: 1200px){
    .nav li a {
      font-size: 11px !important;
      padding: 30px 6px !important;
    }
    .attr-nav{
      margin-left: 0px !important;
      padding-left: 0px !important
    }
  
  
  }
  
  @media(min-width: 1024px) and (max-width: 1200px){
  nav.sticked .attr-nav ul.social li a i{
    font-size: 12px !important;
    transform: translateY(-8px)
  }
  nav.sticked .attr-nav{
    transform: translateX(10px);
    height: 80px;
  }
  nav.sticked .attr-nav ul.social li a{
    width: 25px;
    height: 25px;
    }
    nav.sticked .attr-nav .fa-search{
      transform: translateY(-20px);
    }
  nav.sticked .fa-search:before{
    font-size: 15px !important;
  }
  nav.sticked .social{
  transform: translateY(-53px)
  }
  nav.sticked li a {
    font-size: 11px !important;
    padding: 30px 6px !important;
  }
  .sticked .navstick{
    max-height: 80px !important
  }
  }
  @media(max-width: 991px){
    .granden{
        font-size: 1.5rem !important;
        margin-left: 10px;
        margin-top: 10px;
    }
  .selo{
    width: 25%;
  }
  .social{
      display:none !important;
  }
}
@media(min-width:992px){
.granden{
    font-size: 2.2rem !important;
}
.selo{
    width: 20% !important;
}
}
  #zap{
    width: 200px;
    height: 40px;
    position: fixed;
    background-color: #009640 ;
    z-index: 999;
    bottom: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0px 0px;
    left: 30px;
  
  }
  .zap{
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: white;
  }
  
  @media(max-width: 991px){
    #zap{
      width: 150px;
      height: 30px;
    }
    .zap{
      font-size: 14px;
    }
  }
    .nostyle {
      font-weight: 400 !important;
      text-transform: none !important;
      display: inline-block;
      border: 0px !important;
      padding: 0px !important; 
      text-decoration: none; 
    }
  
    .sticked {
      transition: transform 0.3s ease;
    }
  
    .sticked-transformed {
      transform: translateY(70px);
    }
        @media(max-width: 991px){
    .location{
        height: 580px !important;
    }
        
    }
  @media(min-width:1200px){
    .location{
      height: 550px;
    }
    .phone{
      transform: translateY(75px)
    }
  .arg{
    transform: translateY(20px)
  }
  .sorriso{
    transform: translateY(20px)
  }
  }
  
  @media(min-width: 991px) and (max-width: 1200px){
    .location{
      height: 615px !important;
    }
    .lucas{
      transform: translateY(30px)
    }
    .sorriso{
      transform: translateY(78px)
    }
    .arg{
      transform: translateY(50px)   
    }
  }
  @media(min-width: 768px) and (max-width: 990px){
    .location{
      height: 435px;
    }
    .arg{
      transform: translateY(30px)
    }
  }

  .location:hover{
    background-color: #FFFFFF;
  }
  .location h4{
      font-weight: 600
  }
  .mailbtn{
    border-radius: 20px;
    width: 150px;
    height: 35px;
    background-color: #0d1825;
  }
  .mailbtn span{
    color: white;
    font-family: 'Roboto', sans-serif;
    line-height: 35px;
    font-size: 11px;
  }
  
  
  @media(min-width: 991px) and (max-width: 1200px){
    .mailbtn{
      width: 150px;
  
    }
    .mailbtn span{
      font-size: 10px;
    }
  }
  @media(min-width: 500px) and (max-width:991px){
  .location{
  
    height: 500px;
  }
  
  .item1{
    padding-bottom: 100px !important;
  }
  }
  @media(max-width: 768px){
    .item1, .item2{
      padding-bottom: 60px !important;
    }
  }
  @media(min-width: 992px) and (max-width: 1199px){
  .contactphone{
    font-size: 16px !important;
  }
  }
  @media(min-width: 1200px){
    .contactphone{
      font-size: 19px !important;
    }
  }
  
  @media(max-width: 991px){
    .contactphone{
      font-size: 22px !important;
    }
  }
  
  .height{
    height: 300px;
  }
  .contact-items {
  padding: 0px !important
  }
  .address{
  height: 650px;
  padding: 0px;
  width: 600px;
  transform: translate(15px, -39px)
  }
  #central .item::after{
      height: 100% !important
  }
  @media(min-width: 991px) and (max-width: 1200px){
      .modern-services-area .item{
          height: 500px;
      }
  }
  .contact-area .address-items::after{
    height: 650px;
  }
  @media(max-width: 991px){
      .height{
          height: 00px !important;
      }
      .logo{
        height: 50px !important
      }
  }
  @media(min-width: 1200px){
      .form-box{
          transform: translate(20px, -40px);
      }
  }
  @media(max-width: 991px){
      .address{
          display: none
      }
  }
  .contact-area .container{
      padding: 0px;
  }
  @media(min-width: 991px){
  .contact-items{
      height: 650px;
  }
}
@media(min-width: 501px) and (max-width: 990px){
    .contact-items{
        height: 700px !important;
    }
}
@media(max-width: 500px){
    .contact-items{
        height: 750px !important
    }
}
  @media(min-width: 991px) and (max-width: 1200px){
      .address{
          height: 650px;
          width: 500px;
          transform: translate(15px, -52px)
      }
      .form-box{
          transform: translate(10px, -50px)
      }
  }
  @media(min-width: 768px){
    .flags{
            display: none
    }
}
@media (max-width: 1023px){
  img.logo {
  height: 50px !important;
}
}
  
@media(min-width: 1200px){
          .form-box {
      transform: translate(20px, -10px);
  }
    .address{
      transform: translate(18px, -9px) !important;
  }
}

.wrap-stick{
  max-height: 80px !important;
}

  @media (min-width: 991px) and (max-width: 1200px){
  .form-box {
      transform: translate(20px, -20px);
  }
  .address{
      transform: translate(15px, -23px) !important;
  }
}

   .owl-nav {
          position: relative;
          width: 120px !important;
          display: flex !important;
          justify-content: space-between;
          transform: translateY(-0%);
          margin: auto;
          margin-top: 30px !important
      }

      .owl-prev,
      .owl-next {
          background-color: white !important;
          color: #232323 !important;
          padding: 10px 15px !important;
          border: none;
          font-size: 30px !important;
          cursor: pointer;
          border-radius: 50% !important;
          transition: background-color 0.3s;
      }

      .owl-prev:hover,
      .owl-next:hover {
          background-color: #555;
      }
  .owl-container{
      padding-top: 80px;
      overflow: visible !important;
      padding-bottom: 80px;
  }
  .owl-container h4{
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      margin-top: 15px;
  }
  .owl-container .item{
      border-radius: 12px;
      min-height: 240px;
      padding: 25px;
  }

  .owl-container .item a{
      color: blue;
      text-decoration: underline;
      position: absolute !important;
      bottom: 25px !important
  }
  .owl-container a i{
      margin-left: 10px
  }
  #stars{
              transform: translateY(-20px); 
      }
      video{
          max-width: 70vw;

      }
      @media(min-width: 600px) and (max-width: 768px){
          .owl-container .internal{
                  background-color: white !important;
                  padding: 20px 20px 5px 20px;
                  border-radius: 12px;
                  min-height: 273px !important
              }
              .owl-container .item{
                  min-height: 290px; 
              }
              .owl-container p{
                  margin-bottom: 0px !important
              }
          }
          @media(min-width: 300px) and (max-width: 600px){
          .owl-container .internal{
                  background-color: white !important;
                  padding: 20px 20px 5px 20px;
                  border-radius: 12px;
                  min-height: 263px !important
              }
              .owl-container .item{
                  min-height: 280px; 
              }
              .owl-container p{
                  margin-bottom: 0px !important
              }
          }
      @media(min-width: 768px) and (max-width: 991px){
          .owl-container .internal{
                  background-color: white !important;
                  padding: 20px 20px 5px 20px;
                  border-radius: 12px;
                  min-height: 233px !important
              }
              .owl-container .item{
                  max-height: 250px; 
              }
              .owl-container p{
                  margin-bottom: 0px !important
              }
          }
      @media(max-width: 560px){
          .logo{
              transform: translateX(10px) !important;
          }
          video{
              max-width: 93vw;
          }
          video-p{
              max-width: 93vw;
          }
      }
  @media screen and (min-width: 1200px) and (max-width: 1400px) {
          .owl-container .item  {
              min-height: 270px;
          }
          #stars{
              transform: translateY(-20px); 
              position: relative;
          }
          .owl-container .internal{
  background-color: white !important;
  padding: 20px 20px 5px 20px;
  border-radius: 12px;
  min-height: 253px !important
}

      }

      /* Media Query para tela de largura entre 1400px e 1600px */
      @media(min-width: 1400px) and (max-width: 1700px) {
          .owl-container .item {
              height: 250px !important;
          }
          .owl-container .internal{
  background-color: white !important;
  padding: 20px 20px 5px 20px;
  border-radius: 12px;
  min-height: 233px !important
}
      }
      @media(min-width: 991px){
              .owl-container .owl-item{
      padding: 0px 20px !important
  }
          .social-proof{
              transform: translateY(30px)
          }
          video, .video-p{
              max-width:70%;
          }
          .social-proof span{
              max-width: 60%;
          }
      }
      @media(min-width: 991px) and (max-width: 1200px){
          #stars{
              transform: translateY(-15px); 
              position: relative; 
          }
          .social-proof{
              width: 90%;
          }
          .owl-container .internal{
              background-color: white !important;
              padding: 20px 20px 5px 20px;
              border-radius: 12px;
              min-height: 273px !important
          }

      }
      @media(min-width: 768px) and (max-width: 1200px) {
          .owl-container .item {
              height: 290px !important;
          }

      }
      @media(min-width: 1440px){
          #stars{
              transform: translateY(-30px) !important; 
              position: relative !important;
          }
      }
          @media(min-width: 640px){
      .owl-item{
          padding: 0px 15px !important
      }
  }
  .owl-item {
  position: relative;
  min-height: 240px;
  padding: 10px;
  overflow: hidden;
  border-radius: 20px;
  
}

.owl-container .item {
  border: 1px;
  content: "";
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #008C45, #008C45 33%, #f4f5f0 33%, #f4f5f0 66%, #CD212A 66%, #CD212A 100%);
  padding: 8px !important;;
  top: 0;
  left: 0;

}
.owl-container .internal{
  background-color: white !important;
  padding: 20px 20px 5px 20px;
  border-radius: 12px;
  min-height: 223px
}