@media screen and (max-width: 1600px) {
  .page-presentation{
    height: 70vh;
  }
}
@media screen and (max-width: 992px) {
  .container, .container-md, .container-sm {
    max-width: 100%;
  }
  .hero-section {
    background-position: left center;
  }
  .wg-default, .wg-default .country-selector {
    bottom: 83% !important;
  }
  .page-presentation{
    height: 60vh;
  }
  .art-direction-area{
    width: 100%;
  }
  .our-panels, .qauality-item{
    height: auto;
    margin-bottom: 30px;
  }
  .art-direction-right-area {
    margin-top: 30px;
  }
  .top-header{
    display: none;
  }
  #header{
    height: 90px;
  }
  .navbar{
    width: auto;
  }
  .hero-section .wave {
    bottom: -180px;
  }
  .hero-section.inner-page .hero-text {
    margin-top: -80px;
  }
  .hero-section h1 {
  }
  .hero-section .hero-text-image {
    margin-top: 4rem;
  }
  .hero-section .iphone-wrap {
    text-align: center;
  }
  .hero-section .iphone-wrap .phone-2,
  .hero-section .iphone-wrap .phone-1 {
    position: relative;
    top: 0;
    max-width: 100%;
  }
  .hero-section .iphone-wrap .phone-1 {
    margin-left: -150px;
  }
  .hero-section .iphone-wrap .phone-2 {
    width: 250px;
    position: absolute;
    margin-top: 0px;
    margin-left: 100px;
  }
  .product-right-area img{
    margin-top: 60px;
  }
  .ultra-rendimento-tab h2, .tradizionale-tab h2{
    font-size: 16px;
  }
  .ultra-rendimento-description{
    height: 320px;
  }
  .well-beign-right-area, .product-left-area{
    text-align: center;
  }
  .blog-item {
    margin-bottom: 50px;
  }
  .blog-item img{
    height: auto;
  }
  .contact-us-item{
    margin-bottom: 20px;
  }
  .advantages-column-reverse{
    flex-direction: column-reverse;
  }
  .advantages-left-area {
    margin: 60px 0px;
  }
  .who-we-are-left-area h2, .who-we-are-right-area h2{
    margin-top: 30px;
  }
  .who-we-are-left-area .find-out-more-btn, .who-we-are-right-area .find-out-more-btn {
    text-align: left;
    margin-bottom: 50px;
  }
  #hero {
/*     margin-top: -100px; */
position: relative;
z-index: 10;
}
.hero-top{
  margin-top: -140px;
  position: relative;
  z-index: 10;
}
#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 0 !important;
  max-width: 100% !important;
  max-height: 800px;
  margin-left: 0px !important;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
  text-align: center;
}
}

@media screen and (max-width: 768px) {
  .list-unstyled img {
    width: 15%;
  }
  .cycle-tab-item{
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .hero-title {
    margin-top: 380px;
  }
}
@media screen and (max-width: 350px) {
  .btn.btn-outline-white {
    display: block;
    margin-bottom: 15px;
  }
  .btn.btn-outline-white.get-started-btn{
    margin-right: 0px;
  }
  .find-out-more-btn a {
    display: block;
    width: 100%;
    font-size: 15px;
    text-align: center;
  }
  .hero-title {
    margin-top: 460px;
  }
}