@media screen and (max-width: 2560px) {
  .landing h1 {
    font-size: 3vh;
  }

  .landing h2 {
    font-size: 2vh;
  }

  .landing p {
    font-size: 2vh;
    line-height: 1.7vw;
    padding-right: 10vh !important;
  }

  .landing-home .col img {
    height: 110%;
  }

  .landing-home h3 {
    padding-top: 30px;
  }

  .landing-section .text-container {
    width: 40%;
  }

  .safety-security .container,
  .energy-management .container {
    padding: 4vh;
    background-size: cover;
  }
  .facial-recognition .row {
    width: 40vh;
  }

  .facial-recognition .container {
    background-size: cover;
    background-position: center;
  }

  .landing-section .text-container-2 {
    width: 50%;
  }

  .business-partner .container {
    background-size: cover;
  }

  .smart-home .container {
    background-size: cover;
  }

  footer .affiliate-mobile {
    display: none;
  }
}

@media screen and (max-width: 1920px) {
  .landing-home-container {
    max-width: 70%;
  }

  .landing-video .container {
    max-width: 82%;
  }

  .home-timeline .container {
    max-width: 80%;
  }

  .timeline-scene-container {
    max-width: 80%;
  }

  .timeline-scene .col-lg-4 p {
    line-height: 1.7vw;
  }

  footer .container {
    max-width: 80%;
  }
}

@media screen and (max-width: 1440px) {
  .nav-link {
    font-size: 0.9rem;
  }

  .navbar-brand img {
    height: 1.8vh;
  }

  .navbar .container {
    max-width: 80%;
  }
  .dropdown-submenu a {
    font-size: 0.9rem;
  }

  .landing img {
    width: 100%;
  }

  .landing .container {
    padding: 90px 0;
  }

  .landing-icon {
    width: 35vw !important;
  }

  .landing h1 {
    font-size: 2vw;
  }

  .landing h2 {
    font-size: 1.5vw;
  }

  .landing p {
    font-size: 1.4vw;
    line-height: 1.7vw;
    opacity: 0.8;
  }

  .landing-home-container {
    max-width: 80%;
  }

  .landing-home .col img {
    height: 120%;
  }

  .landing-home h3 {
    padding-top: 30px;
  }

  .landing-section .text-container {
    width: 30%;
  }

  .landing-section .text-container-2 {
    width: 50%;
  }

  #smart-plug2 {
    height: 1700px !important;
  }

  #smart-plug3 .container {
    max-width: 80%;
  }

  .smart-plug6 .col-md-5 {
    padding: 6% 8%;
  }

  .smart-plug6 img {
    top: 65%;
  }

  .smart-plug7 .container {
    max-width: 80%;
  }

  .smart-power-strip-5 .col-md-7 {
    width: 45%;
  }

  #qr-background2 .container {
    max-width: 80%;
  }

  #qr-background2 p {
    line-height: 2.3vw;
  }

  #smart-power-strip-2 {
    height: 1600px;
  }

  .smart-power-strip-2 {
    position: absolute;
    left: 21%;
    top: 98%;
    width: 75%;
  }
  
  .smart-power-strip-line {
    position: absolute;
    left: 27%;
    top: 95%;
    width: 40%;   
  }

  .smart-power-strip-3 {
    top: 149%;
    left: 59%;
    width: 86%;
  }

  .iphone-screen {
    width: 22%;
    border-radius: 38px;
  }

  .container-smart-power-strip-2 .container-text {
    left: 0;
    right: 0;
    margin: 0;
  }

  .smart-power-strip-4 {
    height: 100vh;
  }

  .power-strip-iphone {
    width: 60%;
  }

  #smart-cctv-2 {
    height: 3000px;
  }

  #smart-cctv-2-icon {
    top: 1550px;
  }

  .smart-cctv-img-2 {
    position: absolute;
    left: -30%;
    top: 75%;
    width: 93%;
  }

  .smart-cctv-img-3 {
    position: absolute;
    left: 64%;
    top: 170px;
    width: 41%;
  }

  .smart-cctv-img-4 {
    position: absolute;
    left: 27%;
    top: 520px;
    width: 50%;
  }

  .smart-cctv-img-5 {
    position: absolute;
    left: -5%;
    top: 1000px;
    width: 36%;
  }

  .smart-cctv-img-6 {
    position: absolute;
    left: 66%;
    top: 1095px;
    width: 51%;
  }

  #smart-door-lock-2 {
    height: 265vh;
  }

  .smart-door-lock-feature-1 .container-text {
    top: 30rem;
  }

  .smart-door-lock-feature-2 .container-text {
    top: 38rem;
  }

  .smart-door-lock-feature-3 .container-text {
    top: 43rem;
  }

  .smart-door-lock-feature-4 .container-text {
    top: 49rem;
  }

  .smart-door-lock-feature-5 .container-text {
    top: 57rem;
  }

  .smart-door-lock-feature-6 .container-text {
    top: 66rem;
  }

  .smart-door-lock-feature-7 .container-text {
    top: 68rem;
  }

  .smart-door-lock-feature-8 .container-text {
    top: 75rem;
  }

  .smart-door-lock-feature-9 .container-text {
    top: 96rem;
  }

  .smart-door-lock-feature-10 .container-text {
    top: 120rem;
  }

  .smart-door-lock-7 .bg {
    width: 1500px;
    height: 700px;
  }

  .smart-door-lock-7 .container-text {
    width: 20%;
    top: 27rem;
    left: 50rem;
  }
  
  .smart-door-lock-7 h3 {
      font-size: 3.5vh;
  }
  
  .smart-door-lock-7 p {
      font-size: 2.5vh;
  }

  .smart-door-lock-8 img {
    top: -26vh;
    width: 31%;
  }

  .smart-door-lock-8 .container {
    width: 80%;
  }

  #environment-sensor-2 {
    height: 2900px;
  }

  .environment-sensor-img-2 {
    position: absolute;
    left: -12%;
    top: 104%;
    width: 55%;
    transform: rotate(-45deg);
  }
  
  .environment-sensor-line {
  position: absolute;
  left: 44%;
  top: 149%;
  width: 5%;
  height: auto;
}

  .environment-sensor-img-3 {
    position: absolute;
    left: 53%;
    top: 313px;
    width: 44%;
  }

  .environment-sensor-img-4 {
    position: absolute;
    left: 12%;
    top: 921px;
    width: 36%;
  }

  .container-environment-sensor .container-text-2 {
    top: 1061px;
  }

  #environment-sensor-4 {
    padding: 80px;
  }

  .environment-sensor-4-bg {
    background-size: 1200px;
  }

  #environment-sensor-rings .ring {
    top: 104px;
    left: 155px;
  }

  #environment-sensor-rings-2 .ring {
    top: -4rem;
    left: 28rem;
  }

  #smart-gateway-4 {
    height: 900px;
  }

  #motion-sensor-2 {
    height: 2250px;
  }

  .motion-sensor-img-2 {
    position: absolute;
    left: 42%;
    top: 103%;
    width: 55%;
  }

  .motion-sensor-img-3 {
    position: absolute;
    left: 9%;
    top: 300px;
    width: 26%;
  }

  .motion-sensor-img-4 {
    position: absolute;
    left: 71%;
    top: 590px;
    width: 20%;
  }

  .motion-sensor-img-5 {
    position: absolute;
    top: 800px;
    left: 24%;
    width: 43%;
  }

  .motion-sensor-3 {
    background-size: 1440px;
  }

  .motion-sensor-3 .ring {
    top: -345px;
    left: -271px;
  }

  .motion-sensor-3 .rings-2 .ring {
    top: -246px;
    left: -553px;
  }

  .motion-sensor-3 .rings-3 .ring {
    top: -460px;
    left: 544px;
  }

  #motion-sensor-circle-1 {
    top: -6rem;
    left: 33rem;
  }

  #motion-sensor-circle-2 {
    top: 0;
    left: -18rem;
  }

  #motion-sensor-circle-3 {
    top: 4rem;
    left: -35rem;
  }

  .motion-sensor-iphone img {
    width: 100%;
  }

  #entry-sensor {
    height: 240vh;
  }

  .entry-sensor-img-4 {
    left: 61%;
    top: 145%;
  }

  .entry-sensor-4 {
    background-size: 1500px;
  }

  .entry-sensor-4 .ring {
    top: -39px;
    left: 951px;
  }

  #entry-sensor-circle {
    top: 3rem;
    left: 55rem;
  }
  #entry-sensor-right-1 {
    background-size: 1500px;
  }

  #entry-sensor-right-1 .ring {
    top: -166px;
    left: 60px;
  }

  #entry-sensor-left .ring {
    top: 43px;
    left: 845px;
  }

  #entry-sensor-right-2 .ring {
    top: 1px;
    left: -366px;
  }

  #entry-sensor-circle-2 {
    top: 11rem;
    left: 43rem;
  }

  #entry-sensor-circle-3 {
    top: 8rem;
    left: 48rem;
  }

  #entry-sensor-circle-4 {
    top: 21rem;
    left: 29rem;
  }

  #smart-gateway-2 {
    height: 190vh;
  }

  #smart-gateway-3 {
    background-size: 1700px;
    height: 850px;
  }

  #smart-gateway-3 .ring {
    top: -256px;
    left: 144px;
  }

  #ir-pair-circle {
    top: -7rem;
    left: 8rem;
  }

  #smart-gateway-5 {
    background-size: 1440px;
    background-repeat: no-repeat;
  }

  #smart-gateway-5 .ring {
    top: 257px;
    left: 745px;
  }

  #smart-gateway-5 .ring2 {
    top: 349px;
    left: 642px;
  }

  .slide1 {
    width: 1440px;
  }

  #ir-pair-circle3 {
    top: 8rem;
    left: 45rem;
  }

  #ir-pair-circle4 {
    top: 14rem;
    left: 39rem;
  }

  .ir-remote-2 {
    height: 320vh;
  }

  .ir-remote-2 .container {
    max-width: 95%;
  }

  .smart-door-lock-img-2 {
    top: 47rem;
    left: -26%;
    width: 77%;
  }

  .smart-door-lock-img-3 {
    position: absolute;
    left: 56%;
    top: 300px;
    width: 69%;
  }

  .ir-product-2 {
    left: -11%;
    top: 119%;
    width: 50%;
  }

  .ir-product-3 {
    left: 60%;
    top: 200%;
    width: 40%;
  }

  .ir-product-4 {
    left: 33%;
    top: 266%;
    width: 33%;
  }
  
  #audible-alarm-4 .audible-alarm-icon {
      top: 27%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 22.5%;
  }
  
  #audible-alarm-4 .audible-alarm-musicnote{
      top: 26%;
  }
  
  #smart-light-switch-part-6 .smart-light-switch-ring-1 {
      top: 22%;
  }
  
    #smart-light-switch-part-6 .smart-light-switch-ring-2 {
      top: 37%;
  }
  
  #audible-alarm-5 .audible-alarm-circle3 {
 position: absolute;
 top: 22.5%;
 left: 56.5%;
 width: 10%;
}

#audible-alarm-5 .audible-alarm-icon {
    top: 25%;
    left: 58%;
}
}

@media screen and (max-width: 1400px) {
    .smart-door-lock-feature-2 .container-text {
        left: 70%;
    }
    
    .smart-door-lock-feature-4 .container-text {
        left: 70%;
    }
    
    .smart-door-lock-feature-6 .container-text {
        left: 70%;
    }
    
    .smart-door-lock-feature-10 .container-text {
        left: 70%;
        top: 85%;
    }
}

@media screen and (max-width: 1318px) {
  .smart-light-switch-product-line-2 {
      top: 440%;
  }
  
  #audible-alarm-5 .audible-alarm-circle3 {
 position: absolute;
 top: 23%;
 left: 57.5%;
 width: 10%;
}

#audible-alarm-5 .audible-alarm-icon {
    top: 26%;
    left: 59%;
}

.z2-iphone-screen {
    width: 97%;
    left: 2%;
}
}

@media screen and (max-width: 1300px) {
  .ir-remote-2 {
    height: 2000px;
  }
  
   #audible-alarm-3 .audible-alarm-icon {
  top: 55.5%;      
    }
    
    #audible-alarm-6 .audible-alarm-db2 {
    top: 143%;
}

    #audible-alarm-6 .audible-alarm-db6 {
    top: -335%;
}

  #audible-alarm-4 .audible-alarm-icon {
      top: 29.5%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 25.5%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 28%;
  }
  
   #audible-alarm-5 .audible-alarm-icon {
      left: 59%;
  }
  
    #smart-light-switch-part-6 .smart-light-switch-ring-1 {
      top: 25%;
  }
  
    #smart-light-switch-part-6 .smart-light-switch-ring-2 {
      top: 39%;
  }
  
  .smart-light-switch-product-line {
      top: 99%;
  }
  
  .smart-light-switch-container-text-1 h3 {
      margin-left: 27%;
      padding-top: 13%;
  }
  
  .smart-light-switch-3 {
      top: 64%;
  }
  
  .smart-light-switch-4 {
      top: 120%;
  }
  
   .smart-light-switch-part-2 .container {
       padding-left: 65%; 
    }
    
   .smart-light-switch-part-3 .container {
       padding-left: 65%; 
    }
  }

@media screen and (max-width: 1180px) {
    
    .iphone-picture {
        max-width: 25vh;
    }
    
    .smart-plug-line {
  position: absolute;
  left: 39%;
  top: 119%;
  width: 7%;
  height: auto;
    }

  .environment-sensor-line {
  position: absolute;
  left: 44%;
  top: 147%;
  width: 5%;
  height: auto;
    }

    #audible-alarm-2{
    height: 2900px;
    }

   #audible-alarm-3 .audible-alarm-icon {
  top: 54.5%;      
    }

  #audible-alarm-4 .audible-alarm-icon {
      top: 32%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 28.3%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 31%;
  }
  
     #audible-alarm-5 .audible-alarm-icon {
      left: 60%;
  }
  
    #audible-alarm-5 .audible-alarm-circle3 {
      top: 24%;
      left: 58.6%;
  }
  
      #audible-alarm-6 .audible-alarm-db3 {
    left: 51.5%;
    }

    #audible-alarm-6 .audible-alarm-db5 {
    top: -207%;
    }

    #audible-alarm-6 .audible-alarm-db6 {
    top: -326%;
    }

    #audible-alarm-6 .audible-alarm-db7 {
        top: -500%;
    }
    
    .smart-light-switch-part-2 .container {
       padding-left: 60%; 
    }
    
    .smart-light-switch-part-2 p {
        width: 100%;
    }
    
    #smart-light-switch-1 {
        height: 260vh;
    }
    
    .smart-light-switch-product-line-2 {
        top: 409%;
    }
    
    .smart-light-switch-part-3 .container {
       padding-left: 60%; 
    }
    
    .smart-light-switch-part-3 p {
        width: 100%;
    }
    
     #smart-light-switch-part-6 .smart-light-switch-ring-1 {
         top: 27%;
     }
     
     .smart-light-switch-product-line {
         top: 96%;
     }
     
     .z2-iphone-screen {
         width: 96%;
     }
}

@media screen and (max-width: 1115px) {
    #audible-alarm-4 .container {
        top: -20vh;
    }
    
    .dropdown-submenu a {
        font-size: 0.7rem;
    }
    
    #audible-alarm-5 .audible-alarm-circle3 {
 position: absolute;
 top: 24%;
 left: 59%;
 width: 10%;
}

#audible-alarm-5 .audible-alarm-icon {
    left: 60.5%;
}
}

@media screen and (max-width: 1075px) {
    .z2-iphone-screen {
        width: 93%;
        left: 4%;
    }
    
    .contact-captcha-wrapper {
        transform: scale(0.7);
        transform-origin: top left;
        -webkit-transform: scale(0.7);
        -webkit-transform-origin: top left;
        display: inline-block;
    }
}

/* Ipad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .navbar-brand img {
    height: 1.2vh;
  }

  .nav-link {
    font-size: 0.8rem;
  }

  .landing-home h2 {
    font-size: 2.5vw;
  }

  .landing-home p {
    font-size: 2vw;
  }

  .landing-home .col img {
    height: 80%;
  }

  .landing-home h3 {
    font-size: 2.1vw;
  }

  .landing-section button {
    font-size: 1.2vw;
  }

  .landing-section p {
    padding: 2vh 0;
  }

  .why-primero .container {
    background-size: 205%;
    padding: 6vh;
  }

  .landing-section .text-container-2 {
    width: 87%;
  }

  .timeline-scene .col-lg-4 p {
    line-height: 3.1vw;
    font-size: 2.1vw;
  }

  .ir-remote h1 {
    font-size: 4.5vw;
  }

  .ir-remote p {
    font-size: 2.1vw;
  }

  .ir-remote-2 h1 {
    font-size: 4.5vw;
  }

  .ir-remote-2 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #smart-plug3 h2 {
    font-size: 4.5vw;
  }

  #smart-plug3 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #smart-plug3 {
    height: 55vh;
  }

  #smart-plug3 img {
    padding-top: 23%;
  }

  .ir-remote-3 h2 {
    font-size: 4.5vw;
  }

  .ir-remote-4 img {
    width: 7vh;
  }

  .ir-remote-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-plug6 h2 {
    font-size: 4.5vw;
  }

  .smart-plug6 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-plug6 .row {
    height: 58vh;
  }

  .smart-plug7 h2 {
    font-size: 2.5vw;
  }

  .smart-plug7 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .container-smart-cctv h3 {
    font-size: 3.5vw;
  }

  .container-smart-cctv .container-text {
    top: 12vh;
  }

  .smart-cctv-img-4 {
    position: absolute;
    left: 22%;
    top: 320px;
    width: 50%;
  }

  .smart-cctv-img-5 {
    position: absolute;
    left: -5%;
    top: 800px;
    width: 36%;
  }

  .smart-cctv-img-6 {
    position: absolute;
    left: 66%;
    top: 895px;
    width: 51%;
  }

  #smart-cctv-2 {
    height: 2700px;
  }

  #smart-cctv-2-icon {
    top: 1350px;
  }

  .smart-cctv-3 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-3 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-3 {
    height: 42vh;
  }

  .smart-cctv-4 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-6 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-6 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-7 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-8 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-8 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-8 {
    height: 44vh;
  }

  .smart-cctv-9 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-9 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-9 {
    height: 44vh;
  }

  .smart-cctv-9 .container {
    top: -10vh;
  }

  .smart-cctv-11 h3 {
    font-size: 3.5vw;
  }

  .smart-cctv-11 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-cctv-11 {
    height: 44vh;
  }

  .smart-cctv-11 .container {
    top: -10vh;
  }

  .ir-remote-7 .container {
    max-width: 50%;
  }

  .ir-remote-7 th {
    font-size: 2.1vw;
  }

  .ir-remote-7 td {
    font-size: 2vw;
  }

  .manual-icon {
    right: -18vh;
  }

  #qr-background3 h3 {
    font-size: 3.5vw;
  }

  #qr-background3 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #product-solution h2 {
    font-size: 3.5vw;
  }

  #smart-door-lock {
    height: 60vh;
  }

  #smart-door-lock-2 {
    height: 178vh;
  }

  #smart-door-lock-3 h2 {
    font-size: 5.5vw;
  }

  .smart-door-lock-feature-1 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-2 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-3 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-4 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-5 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-6 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-7 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-8 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-9 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-10 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-feature-2 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-4 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-6 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-8 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-10 .container-text {
    left: 42rem;
  }
  #smart-door-lock-4 .col img {
    height: 6vh;
  }

  #smart-door-lock-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-door-lock-4 {
    height: 44vh;
  }
  .smart-door-lock-5 {
    height: 44vh;
  }

  .smart-door-lock-5 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-door-lock-6 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-6 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-door-lock-6 .col-md-4 img {
    left: 0;
  }

  .smart-door-lock-img-7 {
    top: -4vh;
    left: 6vh;
  }
  .smart-door-lock-7 .bg {
    width: 1200px;
    height: 700px;
  }

  .smart-door-lock-7 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-7 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-door-lock-7 .container-text {
    left: 41rem;
  }

  .smart-door-lock-8 img {
    top: -20vh;
    width: 35%;
  }

  .smart-door-lock-8 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-8 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-door-lock-8 .container-text {
    width: 90%;
  }

  .smart-door-lock-9 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-9 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .ir-remote-8 h2 {
    font-size: 3.5vw;
  }

  .ir-remote-8 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .container-environment-sensor h3 {
    font-size: 3.5vw;
  }

  .container-environment-sensor .container-text {
    top: 8vh;
  }

  .container-environment-sensor .container-text-2 {
    top: 961px;
  }

  #environment-sensor-2 .container-2 {
    top: 1083px;
  }

  #environment-sensor-3 .row-2 h3 {
    font-size: 3.5vw;
  }

  #environment-sensor-3 .row-2 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #environment-sensor-3 .col-md-4 img {
    width: 100%;
  }

  .container-pair,
  .container-pair2,
  .container-pair3,
  .container-pair4,
  .container-pair5 {
    width: 85%;
  }

  .slide2 {
    height: 100%;
  }

  .entry-sensor-img-1 {
    height: 20vh;
  }

  .entry-sensor-img-2 {
    height: 14vh;
  }

  .container-entry-sensor h3 {
    font-size: 3.5vw;
  }

  #entry-sensor {
    height: 124vh;
  }

  .entry-sensor-4 h3 {
    font-size: 3.5vw;
  }

  .entry-sensor-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #smart-gateway-2 #left h2 {
    font-size: 3.5vw;
  }

  #smart-gateway-2 #left p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  #smart-gateway-2 {
    height: 90vh;
  }

  .container-pair h3,
  .container-pair2 h3,
  .container-pair3 h3,
  .container-pair4 h3,
  .container-pair5 h3 {
    font-size: 3.5vw;
  }

  #qr-background2 h2 {
    font-size: 3.5vw;
  }

  #qr-background2 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .ir-remote-2 {
    height: 167vh;
  }

  .ir-remote-5 h2 {
    font-size: 3.5vw;
  }

  .ir-remote-8 {
    background-position: 300px 0, 0 0;
  }

  .why-primero-1 h1 {
    font-size: 4.5vw;
  }

  .why-primero-1 {
    height: 45vh;
  }

  .why-primero-2 h2 {
    font-size: 3.5vw;
  }

  .why-primero-2 .accordion-body p {
    font-size: 2.1vw;
  }

  .about-us-1 h1 {
    font-size: 4.5vw;
  }

  .about-us-2 p {
    font-size: 4.5vw;
    line-height: 7vw;
  }

  .about-us-3 h2 {
    font-size: 3.5vw;
  }

  .about-us-3 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .about-us-4 h2 {
    font-size: 3.5vw;
  }

  .about-us-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .about-us-5 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .about-us-6 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .about-us-5,
  .about-us-6 {
    height: 45vh;
  }

  .solution-nav a {
    font-size: 1.2vw;
  }

  .energy-management-1 h1 {
    font-size: 4.5vw;
  }

  .energy-management-1 {
    height: 55vh;
  }

  .energy-management-2 h2 {
    font-size: 4.5vw;
  }

  .energy-management-img {
    height: 15vh;
  }

  .energy-management-2 .text-box {
    height: 13vh;
  }

  .energy-management-3 h2 {
    font-size: 4.5vw;
  }

  .energy-management-3 h3 {
    font-size: 3.5vw;
  }

  .energy-management-3 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .energy-management-img-2 img {
    height: 100%;
  }

  .energy-management-3 .col-12 h2 {
    font-size: 3.5vw;
  }

  .smart-device h2 {
    font-size: 3.5vw;
  }

  .smart-device .col-md-4 h3 {
    font-size: 3.5vw;
  }

  .smart-device .col-md-4 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .smart-device .col-md-4 img {
    width: 80%;
  }

  .smart-device .col-md-4 .text-box {
    height: 40vh;
  }

  #qr-background8 h2 {
    font-size: 3.5vw;
  }

  #qr-background8 p {
    font-size: 2.1vw;
    line-height: 2.8vw;
  }

  .primero-solution-typing h3 {
    font-size: 3.5vw;
  }

  .contact {
    height: 55vh;
  }

  .contact h2 {
    font-size: 4.5vw;
  }

  .contact-2 h2 {
    font-size: 3.5vw;
  }

  .contact-2 p {
    font-size: 2vw;
    line-height: 2.8vw;
  }

  .contact-2 .col-md-4 button {
    font-size: 2.1vw;
  }

  .contact-2 .business-collab h4 {
    font-size: 2.1vw;
  }
  
  .smart-plug-line {
  position: absolute;
  left: 40%;
  top: 115%;
  width: 8%;
  height: auto;
}
}


@media screen and (min-width: 481px) and (max-width: 991px) {
  .navbar-brand img {
    height: 1.8vh;
  }

  .nav-link {
    font-size: 0.8rem;
  }

  .landing-home h2 {
    font-size: 1.8vw;
  }

  .landing-home p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .landing-home .col img {
    height: 130%;
  }

  .landing-home h3 {
    font-size: 1.5vw;
  }

  .landing-section button {
    font-size: 1.2vw;
  }

  .landing-section p {
    padding: 2vh 0;
  }

  .why-primero .container {
    background-size: 121%;
    padding: 6vh;
  }

  .landing-section .text-container-2 {
    width: 50%;
  }

  .timeline-scene .col-lg-4 h2 {
    font-size: 1.8vw;
  }

  .timeline-scene .col-lg-4 p {
    line-height: 1.9vw;
    font-size: 1.5vw;
    padding: 2vh;
  }

  .timeline-scene .col-lg-4 img {
    width: 8vh;
  }

  .ir-remote h1 {
    font-size: 4vw;
  }

  .ir-remote p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .ir-remote-2 h1 {
    font-size: 4vw;
  }

  .ir-remote-2 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-plug4 {
    position: absolute;
    left: -25%;
    top: 100%;
    width: 75%;
    opacity: 0;
  }

  .smart-plug-line {
position: absolute;
  left: 38%;
  top: 125%;
  width: 6%;
  height: auto;
}

  .smart-plug5 {
    position: absolute;
    left: 69%;
    top: 23rem;
    width: 31%;
    opacity: 0;
  }

  #smart-plug2 {
    height: 1400px !important;
  }

  #smart-plug3 h2 {
    font-size: 4vw;
  }

  #smart-plug3 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  #smart-plug3 {
    height: 73vh;
  }

  #smart-plug3 img {
    padding-top: 12%;
  }

  .ir-remote-3 h2 {
    font-size: 4vw;
  }

  .ir-remote-4 img {
    width: 7vh;
  }

  .ir-remote-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-plug6 h2 {
    font-size: 3.5vw;
  }

  .smart-plug6 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-plug6 .row {
    height: 90vh;
  }

  .smart-plug7 h2 {
    font-size: 2.5vw;
  }

  .smart-plug7 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .container-smart-power-strip-2 .container-text {
    left: -6px;
    right: 0;
    top: 461px;
    margin: 0;
  }

  #smart-power-strip-2 {
    height: 1300px;
  }

  .smart-power-strip-4 {
    margin-bottom: 45px;
  }

  .iphone-screen {
    border-radius: 19px;
  }

  .power-strip-iphone {
    width: 63%;
  }

  .smart-power-strip-5 .col-md-4 img {
    width: 100%;
  }

  .smart-power-strip-5 .col-md-7 h2 {
    font-size: 2.5vw;
  }

  .smart-power-strip-5 .col-md-7 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .container-smart-cctv h3 {
    font-size: 3.5vw;
  }

  .container-smart-cctv .container-text {
    top: 12vh;
  }

  .smart-cctv-img-4 {
    position: absolute;
    left: 22%;
    top: 320px;
    width: 50%;
  }

  .smart-cctv-img-5 {
    position: absolute;
    left: -5%;
    top: 800px;
    width: 36%;
  }

  .smart-cctv-img-6 {
    position: absolute;
    left: 66%;
    top: 895px;
    width: 51%;
  }

  #smart-cctv-2 {
    height: 2400px;
  }

  #smart-cctv-2-icon {
    top: 1350px;
  }

  .smart-cctv-3 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-3 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-3 {
    height: 79vh;
  }

  .smart-cctv-4 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-6 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-6 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-7 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-8 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-8 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-8 {
    height: 79vh;
  }

  .smart-cctv-9 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-9 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-9 {
    height: 79vh;
  }

  .smart-cctv-9 .container {
    top: -10vh;
  }

  .smart-cctv-11 h3 {
    font-size: 2.5vw;
  }

  .smart-cctv-11 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-cctv-11 {
    height: 79vh;
  }

  .smart-cctv-11 .container {
    top: -10vh;
  }

  .ir-remote-7 .container {
    max-width: 50%;
  }

  .ir-remote-7 th {
    font-size: 1.6vw;
  }

  .ir-remote-7 td {
    font-size: 1.6vw;
  }

  .manual-icon {
    right: -20vh;
    width: 50%;
  }

  #qr-background2 {
    background-position: 0;
  }

  #qr-background3 h3 {
    font-size: 3.5vw;
  }

  #qr-background3 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  #product-solution h2 {
    font-size: 3.5vw;
  }

  #smart-door-lock {
    height: 100vh;
  }

  #smart-door-lock-2 {
    height: 230vh;
  }

  .smart-door-lock-img-2 {
    position: absolute;
    left: -33%;
    top: 36rem;
    width: 78%;
  }

  .smart-door-lock-img-3 {
    position: absolute;
    left: 49%;
    top: 12rem;
    width: 66%;
  }

  #smart-door-lock-3 .container {
    max-width: 95%;
  }

  .smart-door-lock-feature-1 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-2 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-3 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-4 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-5 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-6 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-7 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-8 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-9 h3 {
    font-size: 3.5vw;
  }
  .smart-door-lock-feature-10 h3 {
    font-size: 3.5vw;
  }

  .smart-door-lock-feature-2 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-4 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-6 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-8 .container-text {
    left: 42rem;
  }
  .smart-door-lock-feature-10 .container-text {
    left: 42rem;
  }
  #smart-door-lock-4 .col img {
    height: 6vh;
  }

  #smart-door-lock-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-door-lock-4 {
    height: 44vh;
  }
  .smart-door-lock-5 {
    height: 44vh;
  }

  .smart-door-lock-5 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-door-lock-6 h3 {
    font-size: 2.5vw;
  }

  .smart-door-lock-6 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-door-lock-6 .col-md-4 img {
    left: 0;
  }

  .smart-door-lock-img-7 {
    top: -4vh;
    left: 6vh;
  }
  .smart-door-lock-7 .bg {
    width: 1200px;
    height: 700px;
  }

  .smart-door-lock-7 h3 {
    font-size: 2.5vw;
  }

  .smart-door-lock-7 p {
    font-size: 2vw;
    line-height: 1.9vw;
  }

  .smart-door-lock-7 .container-text {
    left: 41rem;
  }

  .smart-door-lock-8 img {
    top: -20vh;
    width: 35%;
  }

  .smart-door-lock-8 h3 {
    font-size: 2.5vw;
  }

  .smart-door-lock-8 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-door-lock-8 .container-text {
    width: 90%;
  }

  .smart-door-lock-9 h3 {
    font-size: 2.5vw;
  }

  .smart-door-lock-9 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .ir-remote-8 h2 {
    font-size: 2.5vw;
  }

  .ir-remote-8 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }
  
    .ir-product-2 {
    left: -11%;
    top: 119%;
    width: 50%;
    position:absolute;
  }

  #motion-sensor-2 {
    height: 1850px;
  }

  .container-environment-sensor h3 {
    font-size: 2.5vw;
  }

  .container-environment-sensor .container-text {
    top: 8vh;
  }

  .container-environment-sensor .container-text-2 {
    top: 961px;
  }

  #environment-sensor-2 {
    height: 2600px;
  }
  
  .environment-sensor-line {
  position: absolute;
  left: 44%;
  top: 141%;
  width: 5%;
  height: auto;
}

  #environment-sensor-2 .container-2 {
    top: 1083px;
  }

  #environment-sensor-3 .row-2 h3 {
    font-size: 2.5vw;
  }

  #environment-sensor-3 .row-2 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  #environment-sensor-3 .col-md-4 img {
    width: 100%;
  }

  .environment-sensor-4-bg {
    background-size: 900px;
  }

  #environment-sensor-rings .ring {
    top: 45px;
    left: 123px;
  }

  #audible-alarm-2{
     height:2800px;
 }
 
  #audible-alarm-3 .audible-alarm-icon {
  top: 54%;      
    }

  .container-pair,
  .container-pair2,
  .container-pair3,
  .container-pair4,
  .container-pair5 {
    width: 85%;
  }

  .slide2 {
    height: 100%;
  }

  .entry-sensor-img-1 {
    height: 20vh;
  }

  .entry-sensor-img-2 {
    height: 14vh;
  }

  .container-entry-sensor h3 {
    font-size: 3.5vw;
  }

  #entry-sensor {
    height: 1500px;
  }

  .entry-sensor-4 {
    height: 70vh;
    background-size: 1100px;
  }

  .entry-sensor-4 h3 {
    font-size: 2.5vw;
  }

  .entry-sensor-4 .ring {
    top: -56px;
    left: 712px;
  }

  #entry-sensor-left .ring {
    top: 3px;
    left: 633px;
  }

  #entry-sensor-right-2 .ring {
    top: -21px;
    left: -259px;
  }

  .entry-sensor-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  #smart-gateway-2 #left h2 {
    font-size: 2.5vw;
  }

  #smart-gateway-2 #left p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  #smart-gateway-2 {
    height: 90vh;
  }

  .container-pair h3,
  .container-pair2 h3,
  .container-pair3 h3,
  .container-pair4 h3,
  .container-pair5 h3 {
    font-size: 2.5vw;
  }

  #qr-background2 h2 {
    font-size: 2.5vw;
  }

  #qr-background2 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .ir-remote-2 {
    height: 1800px;
  }

  .ir-remote-5 h2 {
    font-size: 2.5vw;
  }

  .ir-remote-8 {
    background-position: 300px 0, 0 0;
  }

  .why-primero-1 h1 {
    font-size: 3.5vw;
  }

  .why-primero-1 {
    height: 45vh;
  }

  .why-primero-2 h2 {
    font-size: 2.5vw;
  }

  .why-primero-2 .accordion-body p {
    font-size: 2.1vw;
  }

  .about-us-1 h1 {
    font-size: 2.5vw;
  }

  .about-us-2 p {
    font-size: 2.5vw;
    line-height: 6vw;
  }

  .about-us-3 h2 {
    font-size: 2.5vw;
  }

  .about-us-3 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .about-us-4 h2 {
    font-size: 2.5vw;
  }

  .about-us-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .about-us-5 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .about-us-6 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .about-us-5,
  .about-us-6 {
    height: 70vh;
  }

  .solution-nav a {
    font-size: 1.2vw;
  }

  .energy-management-1 h1 {
    font-size: 3.5vw;
  }

  .energy-management-1 {
    height: 55vh;
  }

  .energy-management-2 h2 {
    font-size: 3.5vw;
  }

  .energy-management-img {
    height: 20vh;
  }

  .energy-management-2 .text-box {
    height: 16vh;
  }

  .energy-management-3 h2 {
    font-size: 3.5vw;
  }

  .energy-management-3 h3 {
    font-size: 2.5vw;
  }

  .energy-management-3 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .energy-management-img-2 img {
    height: 100%;
  }

  .energy-management-3 .col-12 h2 {
    font-size: 2.5vw;
  }

  .smart-device h2 {
    font-size: 2.5vw;
  }

  .smart-device .col-md-4 h3 {
    font-size: 2.5vw;
  }

  .smart-device .col-md-4 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .smart-device .col-md-4 img {
    width: 80%;
  }

  .smart-device .col-md-4 .text-box {
    height: 55vh;
  }

  #qr-background8 h2 {
    font-size: 2.5vw;
  }

  #qr-background8 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .primero-solution-typing h3 {
    font-size: 2.5vw;
  }

  .contact {
    height: 55vh;
  }

  .contact h2 {
    font-size: 3.5vw;
  }

  .contact-2 h2 {
    font-size: 2.5vw;
  }

  .contact-2 p {
    font-size: 1.5vw;
    line-height: 1.9vw;
  }

  .contact-2 .col-md-4 button {
    font-size: 1.5vw;
  }

  .contact-2 .business-collab h4 {
    font-size: 1.5vw;
  }
  
  #audible-alarm-3 h3 {
        font-size: 4.5vh;
    }
    
    #audible-alarm-3 p {
        font-size: 2.5vh;
    }

  #audible-alarm-4 .audible-alarm-icon {
      top: 34.5%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 31.4%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 34%;
  }
  
      #audible-alarm-4 .container {
        top: -10vh;
    }
    
    #audible-alarm-4 h3 {
        font-size: 4.5vh;
    }
    
    #audible-alarm-4 p {
        font-size: 2.5vh;
    }
    
    #audible-alarm-5 .audible-alarm-icon {
    top: 26.5%;
    left: 62%;
    }
  
    #audible-alarm-5 .audible-alarm-circle3 {
      top: 24.5%;
      left: 60.6%;
  }
  
   #audible-alarm-6 .audible-alarm-db2 {
    top: 135%;
    }

    #audible-alarm-6 .audible-alarm-db3 {
    top: 22%;
    }

    #audible-alarm-6 .audible-alarm-db5 {
    top: -204%;
    }

    #audible-alarm-6 .audible-alarm-db6 {
    top: -320%;
    }
    
     #audible-alarm-6 .audible-alarm-db7 {
    top: -475%;
    }
    
     #audible-alarm-6 .container-text h3 {
        font-size: 4.5vh;
    }
    
    #audible-alarm-6 .container-text p {
        font-size: 2.5vh;
    }
    
    .dropdown-submenu a {
        font-size: 0.6rem;
    }
    
    #smart-light-switch-1 {
        height: 230vh;
    }
    
    .smart-light-switch-product-line {
        top: 191%;
    }
    
    .smart-light-switch-container-text-2 p {
        font-size: 2.0vh;
        line-height: 30px;
    }
    
    .smart-light-switch-product-line-2 {
        top: 380%;
        width: 27%;
    }
    
    #smart-light-switch-part-6 .smart-light-switch-ring-1 {
        top: 30%;
        left: 59%;
    }
    
    #smart-light-switch-part-6 .smart-light-switch-ring-2 {
        top: 41%;
        left: 64%;
    }
    
    .smart-light-switch-pair h3 {
        font-size: 2vh;
    }
    
    .smart-light-switch-pair p {
        font-size: 1.5vh;
    }
    
     .smart-light-switch-part-2 .container {
       padding-left: 55%; 
    }
    
   .smart-light-switch-part-3 .container {
       padding-left: 55%; 
    }
    
    .z2-container-4 .container1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-5 .container1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-8 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-9 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-10 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-11 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-13 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    #z2-container-14 .manual-icon {
        right: -20vh;
        width: 50%;
    }
    
    #z2-container-14 .manual-icon img {
        width: 20%;
    }
    
    .z2-container-15 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-15 .container-1 .text-1 p {
        font-size: 2vh;
    }
    
    #presence-sensor-2 .container-1 h2 {
        font-size: 3.5vh;
    }
    
    #presence-sensor-2 .container-1 p {
        font-size: 2vh;
    }
    
    #presence-sensor-2 .container-2 h2 {
        font-size: 3.5vh;
    }
    
    #presence-sensor-2 .container-3 h2 {
        font-size: 3.5vh;
    }
    
    .presence-sensor-3 .container-3 h1 {
        font-size: 3.5vh;
    }
    
    .presence-sensor-6 .container-1 h1 {
        font-size: 3.5vh;
    }
    
    .presence-sensor-6 .container-1 h2 {
        font-size: 2vh;
    }
    
    .presence-sensor-7 .container-2 h1 {
        font-size: 3.5vh;
    }
    
    .presence-sensor-7 .container-2 p {
        font-size: 2vh;
    }
    
    .presence-sensor-8 .container-2 h1 {
        font-size: 3.5vh;
    }
    
    .presence-sensor-8 .container-2 p {
        font-size: 2vh;
    }
}

@media screen and (max-width: 900px) {
    
   #audible-alarm-3 .audible-alarm-icon {
  top: 53.5%;      
    }
    
      #audible-alarm-4 .audible-alarm-icon {
      top: 36%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 33.2%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 35.5%;
  }
  }
  
@media screen and (max-width: 870px) {
 .ir-remote-2 {
    height: 1700px;
  }
     
     #audible-alarm-3 .audible-alarm-icon {
  top: 53%;      
    }
    
    #audible-alarm-6 .audible-alarm-db2 {
    top: 129%;
}

    #audible-alarm-6 .audible-alarm-db3 {
    top: 18%;
}

    #audible-alarm-6 .audible-alarm-db4 {
    top: -91%;
}

   #audible-alarm-5 .audible-alarm-icon {
      left: 64%;
  }
  
    #audible-alarm-5 .audible-alarm-circle3 {
      top: 25%;
      left: 62.6%;
  }
}

@media screen and (max-width: 810px) {
      #audible-alarm-4 .audible-alarm-icon {
      top: 37%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 34.5%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 36.5%;
  }
  
      #audible-alarm-5 .audible-alarm-circle3 {
      top: 25%;
      left: 64.5%;
  }
}

@media screen and (max-width: 767px) {
  footer .affiliate {
    display: none;
  }

  footer .affiliate-mobile {
    display: flex;
  }
  
    .ir-remote-2 {
    height: 1500px;
  }
   
    .smart-plug-line {
position: absolute;
  left: 38%;
  top: 123%;
  width: 5%;
  height: auto;
  transform:rotate(-5deg);
}

  .environment-sensor-line {
  position: absolute;
  left: 44%;
  top: 139%;
  width: 5%;
  height: auto;
}

    #audible-alarm-3 .audible-alarm-icon {
  top: 52.5%;      
    }
    
     #audible-alarm-6 .audible-alarm-db2 {
    top: 120%;
}

    #audible-alarm-6 .audible-alarm-db3 {
    top: 11%;
}

    #audible-alarm-6 .audible-alarm-db4 {
    top: -94%;
}

    #audible-alarm-4 .container {
        top: -0vh;
    }
    
       #audible-alarm-5 .audible-alarm-icon {
      left: 65%;
  }
  
    #audible-alarm-5 .audible-alarm-circle3 {
      top: 25%;
      left: 65%;
  }
}

@media screen and (max-width: 750px) {
      #audible-alarm-4 .audible-alarm-icon {
      top: 38%;
  }
  
    #audible-alarm-4 .audible-alarm-circle2 {
      top: 36%;
  }
  
    #audible-alarm-4 .audible-alarm-musicnote{
      top: 37.5%;
  }
}

@media screen and (max-width: 620px) {
     .smart-plug-line {
position: absolute;
  left: 38%;
  top: 121%;
  width: 5%;
  height: auto;
  transform:rotate(-5deg);
}   

  .environment-sensor-line {
  position: absolute;
  left: 44%;
  top: 135%;
  width: 5%;
  height: auto;
}

    #audible-alarm-3 .audible-alarm-icon {
  top: 52%;      
    }
}

@media screen and (max-width: 480px) {
  .menu-button {
    display: inline-block;
    padding: 28px 0;
  }

  .navbar .container {
    padding: 0 10px !important;
  }

  .navbar-brand {
    margin: 0;
  }

  .navbar img {
    height: 1.8vh;
  }

  .navbar hr {
    top: 40px;
    z-index: 300;
  }

  .menu nav ul a {
    text-align: start;
  }

  .navbar-brand {
    z-index: 300;
  }

  .nav-item {
    width: 100%;
  }

  .landing .container {
    padding: 20px 0;
  }

  .landing .left {
    align-items: center;
    padding: 50px 0 20px 0;
  }

  .landing .right {
    align-items: center;
    padding-bottom: 50px;
  }
  .landing h1 {
    text-align: center;
    font-size: 3.5vh;
  }

  .landing h2 {
    text-align: center;
    font-size: 2.5vh;
  }

  .landing p {
    text-align: center;
    font-size: 2.3vh;
    padding: 20px 40px 40px 40px;
    padding-right: 40px !important;
    line-height: 6.7vw;
  }

  .landing-home .container {
    padding: 60px 20px;
    max-width: 100%;
  }

  .landing-home .col {
    padding: 20px 20px;
  }

  .landing-icon {
    width: 100% !important;
    top: -10%;
  }

    .iphone-picture {
    max-width: 25vh;    
    }
    
  .landing-video .container {
    max-width: 95%;
  }

  .landing-section {
    padding-top: 60px;
  }

  .why-primero .container {
    background-size: cover;
    background-image: url(./assets/image/why-primero-mobile.jpg);
    height: 70vh;
    justify-content: flex-start;
  }

  .landing-section .text-container {
    width: 100%;
    text-align: center;
  }

  .landing-section .text-container-2 {
    width: 100%;
  }

  .landing-section h2 {
    font-size: 3.4vh;
  }

  .safety-security .container {
    background-size: cover;
    background-image: url(./assets/image/safety-security-mobile.jpg);
    height: 70vh;
    justify-content: flex-start;
  }

  .safety-security .text-container-2 {
    width: 100%;
    text-align: center;
  }

  .safety-security h2 {
    font-size: 3.4vh;
  }

  .energy-management .container {
    background-size: cover;
    background-image: url(./assets/image/energy-management-mobile.jpg);
    height: 70vh;
    justify-content: flex-start;
  }

  .energy-management .text-container-2 {
    width: 100%;
    text-align: center;
  }

  .energy-management h2 {
    font-size: 3.4vh;
  }

  .facial-recognition .container {
    background-size: cover;
    background-image: url(./assets/image/smart-door-lock-bg-mobile-2.jpg);
    height: 70vh;
    justify-content: flex-start;
  }

  .facial-recognition .row {
    width: 100%;
  }

  .business-partner .container {
    background-size: cover;
    background-image: url(./assets/image/business-partner-mobile.jpg);
    height: 60vh;
    justify-content: flex-start;
  }

  .business-partner .text-container-2 {
    width: 100%;
    text-align: center;
  }

  .business-partner h2 {
    font-size: 3.4vh;
  }

  .smart-home .container {
    background-size: cover;
    background-image: url(./assets/image/smart-home-mobile.jpg);
    height: 60vh;
    justify-content: flex-start;
  }

  .smart-home h2 {
    font-size: 3.4vh;
  }

  .smart-home .text-container-2 {
    width: 100%;
    text-align: center;
  }

  .home-timeline {
    overflow: hidden;
  }

  .home-timeline .vl {
    position: relative;
    display: block;
  }

  .home-timeline hr {
    opacity: 1;
    border-left: 3px solid #0067a1;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 0;
  }

  .home-timeline .container {
    max-width: 100%;
  }

  .home-timeline h1 {
    padding: 0 50px 0 50px;
  }

  .home-timeline h4 {
    font-size: 2.5vh;
  }

  .home-timeline p {
    font-size: 2vh;
  }

  .home-timeline .col {
    padding: 30px 60px;
    display: none !important;
  }

  .timeline-scene {
    overflow: hidden;
  }

  .timeline-scene .container {
    justify-content: center;
  }

  .timeline-scene .col-lg-8 {
    padding: 0;
  }

  .timeline-scene .right,
  .timeline-scene .left {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    padding: 30px;
  }

  .timeline-scene .col-lg-4 p {
    line-height: 6.3vw;
    padding: 20px 0;
    text-align: center;
  }

  .timeline-scene .col-lg-4 a {
    text-align: center;
  }

  #container-9 {
    width: 100%;
  }

  .manual-icon {
    right: 0;
    position: relative;
    top: 0;
    margin-top: 60px;
  }

  a {
    text-decoration: none;
  }

  .smart-plug6 .col-md-4 {
    padding: 50px;
  }

  #smart-plug7 {
    overflow: hidden;
  }

  #smart-plug2 {
    height: 1300px !important;
  }

  .smart-plug-img-2,
  .smart-plug-img-3 {
    top: 83%;
    left: 37%;
  }
  
  .smart-plug-line {
  left: 42%;
  top: 162%;
  width: 8%;
  height: auto;
}

  .ir-remote-7 {
    overflow: hidden;
  }

  .ir-remote-8 img {
    width: 100%;
  }

  .ir-remote p {
    padding: 0 5%;
    font-size: 2.1vh;
    font-weight: bold;
    line-height: 4vw;
  }

  .smart-plug-img {
    width: 50%;
  }

  .smart-plug-background-img {
    width: 150%;
  }
  
  .smart-power-strip-line {
    position: absolute;
    left: 21%;
    top: 66%;
    width: 75%;
  }

  .ir-remote-2 h2 {
    text-align: center;
    font-size: 5.5vh;
    margin-bottom: 30px;
  }

  .ir-remote-2 p {
    padding: 0 10%;
    font-size: 2.3vh;
    font-weight: 100;
    line-height: 6vw;
  }

  .container-smart-plug h3 {
    font-size: 3vh;
    text-align: center;
  }

  .container-smart-plug p {
    font-size: 2.3vh;
    text-align: center;
  }

  #smart-plug3 .container {
    top: 6%;
  }

  #smart-plug3 {
    background-image: url(./assets/image/smart-plug-background-mobile.jpg);
    height: 95vh;
    padding: 0;
  }

  #smart-plug3 h2 {
    font-size: 5.5vh;
    text-align: center;
  }

  #smart-plug3 p {
    font-size: 2.3vh;
    font-weight: 100;
    line-height: 6.5vw;
    padding: 0;
    text-align: center;
  }

  #smart-plug3 img {
    display: none;
  }

  .container-smart-plug .container-text {
    width: 80%;
    position: relative;
    left: 0;
    top: 0;
    margin: auto;
  }

  .smart-plug4 {
    left: -12%;
    top: 140%;
    width: 300px;
  }

  .smart-plug5 {
    left: 69%;
    top: 23rem;
    width: 150px;
  }

  .ir-remote-3 h2 {
    text-align: center;
  }

  .ir-remote-3 img {
    width: 80%;
  }

  .ir-remote-4 .container {
    max-width: 80%;
  }

  .smart-plug6 .col-md-5 {
    padding: 80px 30px;
  }

  .smart-plug7 .col-md-5 {
    padding: 60px;
  }

  .smart-plug7 .left {
    padding: 60px !important;
    order: 2;
  }

  .smart-plug7 .container {
    max-width: 100%;
  }

  .smart-plug7 .col-md-7 {
    padding: 0;
  }

  .smart-plug7 .row {
    padding: 0;
  }

  .ir-remote-7 .container {
    max-width: 80%;
  }

  #qr-background2 {
    background-position: 0;
    padding: 80px 0;
  }

  #qr-background2 .container {
    max-width: 100%;
  }

  #qr-background2 p {
    font-size: 2.5vh;
    font-weight: 100;
    line-height: 7vw;
  }

  #product-solution .container {
    max-width: 90%;
  }

  .ir-remote h1 {
    text-align: center;
  }

  .smart-power-strip-img {
    width: 95%;
  }

  .smart-plug-dimension {
    width: 90%;
  }

  .smart-power-strip-background-img {
    top: 50vh;
    width: 200%;
  }

  .container-smart-power-strip .container-text {
    width: 80%;
    top: 0;
    left: 0;
    margin: auto;
  }

  .container-smart-power-strip h3 {
    font-size: 3vh;
    text-align: center;
  }

  .container-smart-power-strip p {
    font-size: 2.3vh;
    text-align: center;
  }

  .smart-power-strip-2 {
    left: 16%;
    top: 4rem;
    width: 100%;
    position: relative;
  }

  .container-smart-power-strip-2 .container-text {
    top: 11rem;
    left: 6rem;
  }

  .container-smart-power-strip-2 h3 {
    font-size: 3vh;
    text-align: center;
  }

  .container-smart-power-strip-2 p {
    font-size: 2.3vh;
    padding: 0;
    text-align: center;
  }

  .smart-power-strip-3 {
    top: 14rem;
    left: 37%;
    width: 106%;
    position: relative;
  }

  #smart-power-strip-2 {
    height: 350vw;
  }

  .smart-power-strip-4 .row {
    top: 0;
  }

  .iphone-screen {
    width: 52%;
    border-radius: 25px;
    top: 0;
  }

  .smart-power-strip-4 .col-md-5 {
    order: 2;
    position: relative;
  }

  .smart-power-strip-4 .col-md-7 {
    padding: 0 9% 9% 9%;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 1;
  }

  .smart-power-strip-4 {
    height: auto;
    margin: 0;
    background-image: url(./assets/image/smart-power-strip-background-mobile.jpg);
    background-position: center;
    padding: 330px 0 120px 0;
  }

  .smart-power-strip-4 h2 {
    font-size: 3vh;
    text-align: center;
  }

  .smart-power-strip-4 p {
    font-size: 2.3vh;
    text-align: center;
    line-height: 6.3vw;
  }

  .smart-power-strip-5 .col-md-7 {
    padding-top: 0;
    padding: 0 10% 10%;
    width: 100%;
  }

  .smart-power-strip-5 .col-md-7 h2 {
    font-size: 4vh;
    text-align: center;
  }

  .smart-power-strip-5 .col-md-7 p {
    font-size: 2.3vh;
    line-height: 6.5vw;
    text-align: center;
    padding-top: 10px;
  }

  .smart-power-strip-4 .col-md-7 img {
    width: 80%;
  }

  .smart-power-strip-5 .col-md-4 {
    order: 2;
  }

  .smart-power-strip-5 {
    height: auto;
  }

  .smart-cctv-img {
    width: 50%;
  }

  .environment-sensor-background-img {
    width: 200%;
    top: 70%;
  }

  .container-smart-cctv .container-text {
    width: 80%;
    top: 0;
    left: 0;
    margin: auto;
  }

  .container-smart-cctv h3 {
    font-size: 3vh;
    text-align: center;
  }

  .container-smart-cctv p {
    font-size: 2.3vh;
    text-align: center;
  }

  .smart-cctv-img-2 {
    position: absolute;
    left: -41%;
    top: 125%;
    width: 139%;
  }

  .smart-cctv-img-3 {
    position: absolute;
    left: 55%;
    top: 26vh;
    width: 55%;
  }

  .smart-cctv-img-4 {
    position: absolute;
    left: 16%;
    top: 44vh;
    width: 65%;
  }

  .smart-cctv-img-5 {
    position: absolute;
    left: -11%;
    top: 79vh;
    width: 68%;
  }

  .smart-cctv-img-6 {
    position: absolute;
    left: 40%;
    top: 74vh;
    width: 97%;
  }

  #smart-cctv-2 {
    height: 205vh;
  }

  .smart-cctv-3 {
    margin: 0;
    background-image: url(./assets/image/smart-cctv-bg-mobile.jpg);
    height: auto;
    padding: 20% 0 120% 0;
  }

  .smart-cctv-3 .container-text {
    width: 80%;
    margin: auto;
  }

  .smart-cctv-3 h3 {
    font-size: 3vh;
  }

  .smart-cctv-3 p {
    font-size: 2.3vh;
    line-height: 6vw;
  }

  .smart-cctv-4 h3 {
    font-size: 3vh;
  }

  .smart-cctv-4 p {
    font-size: 2.3vh;
    line-height: 6vw;
  }

  .smart-cctv-4 {
    padding: 120px 0 0 0;
  }

  .smart-cctv-4 .container-text {
    padding: 20% 5%;
  }

  .smart-cctv-5 {
    padding: 0;
  }

  .smart-cctv-5 img {
    width: 36%;
  }

  .smart-cctv-5 .wave-left {
    top: 22%;
  }

  .smart-cctv-6 h3 {
    font-size: 3vh;
  }

  .smart-cctv-6 p {
    font-size: 2.3vh;
    line-height: 6vw;
  }

  .smart-cctv-6 .col-md-4 {
    order: 2;
  }

  .smart-cctv-6 .container-text {
    padding: 20% 5%;
  }
  .smart-cctv-6 {
    padding: 120px 0 0 0;
  }

  .smart-cctv-7 {
    padding: 0 0 30px 0;
  }

  .smart-cctv-7 .container-text {
    padding: 40px;
  }

  .smart-cctv-8 {
    background-position: center;
    background-image: url(./assets/image/smart-cctv-bg-5-mobile.jpg);
    height: auto;
    padding: 20% 0 60% 0;
  }

  .smart-cctv-8 .container {
    align-content: center;
  }

  .smart-cctv-8 .qr-background {
    width: 80%;
    margin: auto;
  }

  .smart-cctv-8 h3 {
    font-size: 3vh;
  }

  .smart-cctv-8 p {
    font-size: 2.3vh;
    line-height: 6.5vw;
  }

  .smart-cctv-9 {
    height: 70vh;
    background-position: 0;
  }

  .smart-cctv-9 h3 {
    font-size: 3vh;
  }

  .smart-cctv-9 p {
    font-size: 2.3vh;
  }

  .smart-cctv-9 .qr-background {
    width: 80%;
  }

  .smart-cctv-9 .container {
    top: 0;
  }

  .smart-cctv-11 {
    height: 70vh;
    background-position: -120px;
  }

  .smart-cctv-11 h3 {
    font-size: 3vh;
  }

  .smart-cctv-11 p {
    font-size: 2.3vh;
  }

  .smart-cctv-11 .qr-background {
    width: 80%;
  }

  .smart-cctv-11 .container {
    top: 0;
  }

  .ir-remote-8 .container {
    padding: 0 50px;
    max-width: 100%;
  }

  .ir-remote-8 h2 {
    text-align: center;
    font-size: 3.9vh;
  }

  .ir-remote-8 p {
    text-align: center;
    font-size: 2.5vh;
    line-height: 6.5vw;
  }

  #smart-door-lock {
    background-image: url(./assets/image/smart-door-lock-bg-mobile.jpg);
    height: 95vh;
  }

  #smart-door-lock img {
    width: 40%;
  }

  .motion-sensor-dimension {
    width: 80%;
  }

  .smart-door-lock-7 .container-text {
    left: 9rem;
    width: 20%;
    top: 15.5rem;
  }

  .smart-door-lock-8 {
    padding-bottom: 60px;
  }

  .smart-door-lock-8 .col-md-4 {
    display: flex;
    justify-content: center;
    height: 48vh;
  }

  .smart-door-lock-8 img {
    top: -3vh;
    width: 70%;
  }

  .smart-door-lock-8 .container-text {
    padding: 0;
    width: 100%;
  }

  .smart-door-lock-8 h3 {
    text-align: center;
  }

  .smart-door-lock-8 p {
    text-align: center;
  }

  .smart-door-lock-9 {
    margin: 0;
    background-image: url(./assets/image/smart-door-lock-bg-6-mobile.jpg);
    height: auto;
    padding: 20% 0 100% 0;
  }

  .smart-door-lock-9 .container {
    max-width: 80%;
  }

  .smart-door-lock-9 .container-text {
    width: 100%;
    left: 0;
    top: 0;
  }

  .smart-door-lock-img-2 {
    top: 0;
    left: -9rem;
    width: 140%;
    position: relative;
  }

  .smart-door-lock-9 h3 {
    text-align: center;
  }

  .smart-door-lock-9 p {
    text-align: center;
  }

  .container-smart-door-lock {
    display: flex;
    justify-content: center;
    position: relative;
  }

  .container-smart-door-lock .container-text {
    width: 80%;
    position: relative;
    left: 0%;
    top: -6rem;
  }

  .container-smart-door-lock h3 {
    text-align: center;
  }

  .container-smart-door-lock p {
    text-align: center;
  }

  .smart-door-lock-img-3 {
    position: relative;
    left: 19%;
    top: -3rem;
    width: 100%;
  }

  .container-smart-door-lock-2 {
    display: flex;
    justify-content: center;
  }

  .container-smart-door-lock-2 .container-text {
    width: 80%;
    position: relative;
    left: 0%;
    top: 0;
  }

  .container-smart-door-lock-2 h3 {
    text-align: center;
  }

  .container-smart-door-lock-2 p {
    text-align: center;
  }

  .door-lock-row {
    max-width: 100%;
  }

  #smart-door-lock-3 h2 {
    font-size: 5vh;
  }

  .smart-door-lock-product {
    width: 200px;
    padding-top: 60%;
  }

  .smart-door-lock-feature-1 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 21rem;
  }

  .smart-door-lock-feature-1 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-1 p {
    text-align: center;
  }

  #smart-door-lock-circle-1 {
    left: -10px;
    top: -62rem;
  }

  .smart-door-lock-feature-2 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 28rem;
  }

  .smart-door-lock-feature-2 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-2 p {
    text-align: center;
  }

  #smart-door-lock-circle-2 {
    left: -10px;
    top: -59rem;
  }

  .smart-door-lock-feature-3 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 33rem;
  }

  .smart-door-lock-feature-3 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-3 p {
    text-align: center;
  }

  #smart-door-lock-circle-3 {
    left: -10px;
    top: -53rem;
  }

  .smart-door-lock-feature-4 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 40rem;
  }

  .smart-door-lock-feature-4 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-4 p {
    text-align: center;
  }

  #smart-door-lock-circle-4 {
    left: 1rem;
    top: -48rem;
  }

  .smart-door-lock-feature-5 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 53rem;
  }

  .smart-door-lock-feature-5 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-5 p {
    text-align: center;
  }

  #smart-door-lock-circle-5 {
    left: -10px;
    top: -44.5rem;
  }

  .smart-door-lock-feature-6 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 46rem;
  }

  .smart-door-lock-feature-6 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-6 p {
    text-align: center;
  }

  #smart-door-lock-circle-6 {
    left: 1rem;
    top: -39rem;
  }

  .smart-door-lock-feature-7 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 48rem;
  }

  .smart-door-lock-feature-7 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-7 p {
    text-align: center;
  }

  #smart-door-lock-circle-7 {
    left: -11px;
    top: -36.5rem;
  }

  .smart-door-lock-feature-8 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 65rem;
  }

  .smart-door-lock-feature-8 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-8 p {
    text-align: center;
  }

  #smart-door-lock-circle-8 {
    left: -11px;
    top: -33rem;
  }

  .smart-door-lock-feature-9 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 81rem;
  }

  .smart-door-lock-feature-9 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-9 p {
    text-align: center;
  }

  #smart-door-lock-circle-9 {
    left: -2rem;
    top: -17rem;
  }

  .smart-door-lock-feature-10 .container-text {
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    top: 96rem;
  }

  .smart-door-lock-feature-10 h3 {
    text-align: center;
  }

  .smart-door-lock-feature-10 p {
    text-align: center;
  }

  #smart-door-lock-circle-10 {
    left: -11px;
    top: -3rem;
  }

  .smart-door-lock-img-6 {
    width: 100% !important;
  }

  #smart-door-lock-4 .container {
    max-width: 95%;
  }

  .smart-door-lock-4 {
    background-image: url(./assets/image/smart-door-lock-bg-mobile-2.jpg);
    background-position: bottom;
    height: auto;
    padding: 20% 0 70% 0;
  }

  .smart-door-lock-4 .container {
    justify-content: center;
  }

  .smart-door-lock-4 img {
    width: 70%;
  }

  .smart-door-lock-5 {
    background-image: url(./assets/image/smart-door-lock-bg-3-mobile.jpg);
    background-position: bottom;
    height: auto;
    padding: 20% 0 80% 0;
  }

  .smart-door-lock-5 .container {
    justify-content: center;
    align-items: center;
  }

  .smart-door-lock-5 img {
    width: 30%;
  }

  .smart-door-lock-5 p {
    padding: 0;
    font-size: 2vh;
    margin: 0;
  }

  .smart-door-lock-5 .vl {
    height: 160px;
  }

  .smart-door-lock-img-7 {
    top: 10vh;
    left: 5vh;
  }

  .smart-door-lock-6 .container-text {
    padding: 60px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .smart-door-lock-6 h3 {
    text-align: center;
  }

  .smart-door-lock-6 p {
    text-align: center;
  }

  .smart-door-lock-6 .col-md-4 img {
    left: auto;
  }

  .smart-door-lock-7 .bg {
    width: 1000px;
    height: 450px;
    background-position: 598px -68px;
  }

  .smart-door-lock-7 h3 {
    font-size: 25px;
  }

  .smart-door-lock-7 p {
    font-size: 16px;
  }

  .environment-sensor-img {
    width: 60%;
  }

  .environment-sensor-img-2 {
    left: 20%;
    top: 100%;
  }
  
  .environment-sensor-line {
    left: 77%;
    top: 115%;
}

  .container-environment-sensor .container-text {
    width: 100%;
    top: 39vh;
    left: 0;
  }

  .container-environment-sensor h3 {
    text-align: center;
    margin: 0 50px 30px 50px;
  }

  .container-environment-sensor p {
    text-align: center;
  }

  .environment-sensor-img-3 {
    left: 37%;
    top: 44vh;
    width: 84%;
  }

  .environment-sensor-img-4 {
    left: -14%;
    top: 76vh;
    width: 63%;
  }

  .container-environment-sensor .container-text-2 {
    width: 100%;
    top: 108vh;
    left: 0;
  }

  .ir-remote-2 .container-2 img {
    width: 65%;
  }

  #environment-sensor-2 {
    height: 265vh;
  }

  #environment-sensor-2 .container-2 {
    top: 1050px;
  }

  #environment-sensor-3 {
    padding: 60px 0 0 0;
  }

  #environment-sensor-3 .col-md-4 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
  }

  #environment-sensor-3 .col-md-4 p {
    text-align: center;
  }

  #environment-sensor-3 img {
    width: 80%;
  }

  #environment-sensor-4 {
    padding: 30px 0 0 0;
  }

  .environment-sensor-4-bg {
    background-size: 490px;
    background-image: url(./assets/image/environment-sensor-bg-mobile.jpg);
  }

  #environment-sensor-rings .ring {
    top: 149px;
    left: 74px;
  }

  #environment-sensor-rings-2 .ring {
    top: -1rem;
    left: -2rem;
  }

  #environment-sensor-circle {
    top: 31rem;
    left: 3rem;
    width: 40px;
    height: 40px;
  }

  .container-pair,
  .container-pair2,
  .container-pair3,
  .container-pair4,
  .container-pair5 {
    width: 100%;
  }

  .disclaimer {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
  }

  .disclaimer p {
    font-size: 1.3vh;
    line-height: 3vw;
    text-align: center;
  }

  .disclaimer img {
    width: 30% !important;
    margin: 0 auto 10px auto;
  }

  .disclaimer2 {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    top: 10vh !important;
  }

  .disclaimer2 p {
    font-size: 1.3vh;
    line-height: 3vw;
    text-align: center;
  }

  .disclaimer2 img {
    width: 30% !important;
    margin: 0 auto 10px auto;
  }

  #smart-gateway-4 {
    background-image: url(./assets/image/ir-pair-background2-mobile.jpg);
    background-size: 550px;
    height: 900px;
  }

  #smart-gateway-4 .ring {
    top: -20px;
    left: -28px;
  }

  .container-pair3 img {
    width: 130%;
  }

  .slide1 {
    left: -450px;
  }

  #smart-gateway-5 {
    background-position: -450px top;
  }

  #smart-gateway-5 .ring {
    top: 257px;
    left: 295px;
  }

  #smart-gateway-5 .ring2 {
    top: 349px;
    left: 193px;
  }

  #environment-sensor-circle-2 {
    top: 25rem;
    left: -4rem;
    width: 40px;
    height: 40px;
  }

  .environment-sensor-container {
    top: 15%;
  }

  .ir-background-img {
    top: 58%;
    width: 200%;
  }

  #qr-background4 {
    background-color: grey;
    background-blend-mode: multiply;
    background-position: 664px;
  }

  .motion-sensor-img {
    width: 50%;
  }

  .motion-sensor-img-2 {
    left: 11%;
    top: 98%;
  }

  .container-motion-sensor .container-text {
    width: 100%;
    left: 0;
    top: 35vh;
  }

  .container-motion-sensor h3 {
    text-align: center;
  }

  .container-motion-sensor p {
    text-align: center;
  }

  .motion-sensor-img-3 {
    left: -7%;
    top: 45vh;
    width: 53%;
  }

  .motion-sensor-img-4 {
    left: 68%;
    top: 59vh;
    width: 37%;
  }

  .motion-sensor-img-5 {
    top: 78vh;
    width: 56%;
  }

  #motion-sensor-2 {
    height: 200vh;
  }

  .slide2 {
    width: 100% !important;
    height: 100vh;
  }

  .motion-sensor-iphone img {
    width: 100% !important;
  }

  .ir-remote-8 {
    background-position: center;
    background-image: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.8) 0%,
        rgba(42, 199, 190, 0) 319%
      ),
      url(./assets/image/qr-background.jpg);
  }

  .entry-sensor-img-1 {
    height: 28vh;
  }

  .entry-sensor-img-2 {
    height: 20vh;
  }

  .entry-sensor-dimension {
    width: 80%;
  }

  .container-entry-sensor .container-text {
    width: 100%;
  }

  .container-entry-sensor h3 {
    text-align: center;
  }

  .container-entry-sensor p {
    text-align: center;
  }

  .entry-sensor-img-3 {
    left: -36%;
    top: 114%;
    width: 100%;
  }

  #entry-sensor {
    height: 187vh;
  }

  .entry-sensor-4 {
    background-image: url(./assets/image/entry-sensor-background-mobile.jpg);
    background-size: 450px;
    height: 90vh;
  }

  .entry-sensor-4 .ring {
    top: 256px;
    left: 202px;
  }

  #entry-sensor-right-1 .ring {
    top: 6px;
    left: 133px;
  }

  #entry-sensor-left .ring {
    top: 249px;
    left: 196px;
  }

  #entry-sensor-right-2 .ring {
    top: -10px;
    left: -75px;
  }

  #entry-sensor-circle {
    top: 21rem;
    left: 8.5rem;
  }

  .container-entry-sensor-2 {
    width: 100%;
  }

  #entry-sensor-right-1 {
    background-image: url(./assets/image/thieves-mobile.jpg);
    background-size: 450px;
    height: 90vh;
  }

  #entry-sensor-circle-2 {
    top: 28rem;
    left: 14rem;
  }

  #entry-sensor-left {
    background-image: url(./assets/image/baby-mobile.jpg);
    background-size: 450px;
    height: 90vh;
  }

  #entry-sensor-circle-3 {
    top: 21rem;
    left: 8rem;
  }

  #entry-sensor-right-2 {
    background-image: url(./assets/image/drawer-mobile.jpg);
    background-size: 450px;
    height: 90vh;
  }

  #entry-sensor-circle-4 {
    top: 27rem;
    left: 5rem;
  }

  .smart-gateway-product {
    width: 55%;
  }

  #smart-gateway-circle {
    top: -1rem;
  }

  #smart-gateway .circle-container p {
    font-size: 1.5vh;
    line-height: 4vw;
  }

  #circle-container-5 {
    top: 58%;
    left: -45%;
  }

  #circle-container-3 {
    top: 58%;
    left: 44%;
  }

  #circle-container-6 {
    top: 64%;
    left: -75%;
  }

  #circle-container-4 {
    top: 64%;
    left: 74%;
  }

  #smart-gateway {
    height: 95vh;
  }

  .smart-gateway-product {
    top: 80vh;
  }

  #smart-gateway .container {
    padding-bottom: 400px;
  }

  .smart-gateway-background {
    top: 53vh;
    width: 200%;
  }

  #smart-gateway .row {
    width: 100%;
  }

  .smart-gateway-4-img {
    width: 100%;
    top: 0;
  }

  #ir-pair-circle2 {
    left: -4rem;
    top: 19rem;
  }

  #smart-gateway-2 {
    height: 170vh;
  }

  #smart-gateway-2 #right img {
    padding: 30px 0;
  }

  .smart-gateway-3-img {
    display: flex;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
  }

  .ir-product-img {
    width: 60%;
  }

  .icon1 {
    width: 12px;
    top: 50%;
  }

  .icon8 {
    top: 54%;
    left: 67%;
    width: 50px;
  }

  .icon7 {
    top: 58%;
    left: 87%;
    width: 26px;
  }

  .icon6 {
    top: 66%;
    left: 82%;
    width: 56px;
  }

  .icon5 {
    top: 74%;
    left: 59%;
    width: 50px;
  }

  .icon4 {
    top: 74%;
    left: 29%;
    width: 39px;
  }

  .icon3 {
    top: 66%;
    left: 2%;
    width: 34px;
  }

  .icon2 {
    top: 58%;
    left: -1%;
    width: 44px;
  }

  .ir-product-dimension-1 {
    width: 80%;
  }

  .ir-product-dimension-2 {
    width: 80%;
  }

  .ir-product-3 {
    left: 60%;
    top: 151%;
  }

  .ir-product-4 {
    left: 23%;
    top: 170%;
  }

  .ir-remote-2 {
    height: 140vh;
  }

  .ir-remote-5 h2 {
    text-align: center;
  }

  .ir-remote-5 {
    padding: 200px 0;
  }

  .ir-remote-5 .container {
    position: relative;
  }

  .ir-remote-6 {
    height: 285px;
    overflow: hidden;
  }

  .ir-remote-6 .bg {
    background-size: cover;
    height: 265px;
  }

  .ir-remote-6 .ring {
    width: 100px;
    height: 100px;
    top: 15px;
    left: 5px;
  }

  .ir-remote-6 .ring2 {
    top: -82px;
    left: -77px;
  }

  .ir-remote-6 .ring3 {
    top: -174px;
    left: 8px;
  }
  .ir-remote-6 .ring4 {
    top: -128px;
    left: 258px;
  }

  .ir-remote-6 .ring5 {
    top: -16px;
    left: -59px;
  }

  .ir-remote-6 .circle {
    top: 50px;
  }

  .pulsating-circle {
    left: -8rem;
    top: -3rem;
  }

  #circle2 {
    left: -13rem;
    top: 4rem;
  }

  #circle3 {
    left: 9rem;
    top: 0rem;
  }

  #circle4 {
    left: -8rem;
    top: 10rem;
  }

  #circle5 {
    left: -12rem;
    top: 7rem;
  }

  #circle-container {
    top: 70vh;
  }

  #circle-container-3 {
    top: 73vh;
  }

  #circle-container-4 {
    top: 78vh;
  }

  #circle-container-4 .ring {
    top: -90px;
  }

  #circle-container-5 {
    top: 73vh;
  }

  #circle-container-6 {
    top: 78vh;
  }

  .circle-container .ring {
    top: -80px;
  }

  .circle-container .ring i {
    width: 10%;
    height: 10%;
  }

  .why-primero-2 img {
    width: 20%;
  }

  .why-primero-2 .accordion-body {
    margin-top: 0;
  }

  .why-primero-2 .accordion-body p {
    font-size: 2.3vh;
    padding: 0 30px;
  }

  .about-us-1 video {
    object-fit: cover !important;
    height: 50vh;
  }

  .about-us-1 h1 {
    font-size: 4.5vh;
  }

  .about-us-2 p {
    font-size: 3vh;
    line-height: 9vw;
  }

  .about-us-3 .text-box {
    padding: 40px;
  }

  .about-us-3 .row {
    margin: 0;
  }

  .about-us-3 .container {
    padding: 0;
  }

  .about-us-3 h2 {
    font-size: 3.4vh;
  }

  .about-us-3 p {
    font-size: 2.3vh;
    line-height: 8vw;
  }

  .about-us-4 .text-box {
    padding: 40px;
  }

  .about-us-4 .row {
    margin: 0;
  }

  .about-us-4 .container {
    padding: 0;
  }

  .about-us-4 h2 {
    font-size: 3.4vh;
  }

  .about-us-4 p {
    font-size: 2.3vh;
    line-height: 8vw;
  }

  .about-us-5 {
    background-image: url(./assets/image/about-us-4-mobile.jpg);
  }

  .about-us-5 .text-box {
    padding-top: 60px;
    width: 80%;
  }

  .about-us-6 {
    background-image: url(./assets/image/about-us-5-mobile.jpg);
  }

  .about-us-6 .text-box {
    padding-top: 60px;
    width: 80%;
    align-items: flex-end;
  }

  .about-us-6 h3 {
    text-align: end;
  }

  .about-us-6 p {
    text-align: end;
  }

  .products-container img {
    height: 4rem;
  }

  .products-container {
    padding: 20px 0;
  }

  .e-brochure {
    height: 50vh;
  }

  .contact-2 .col-md-8 {
    padding-top: 20%;
  }

  .b2b {
    height: 50vh;
  }

  .b2b-2 h2 {
    font-size: 3.5vh;
  }

  .b2b-2 h3 {
    font-size: 1.5vh;
  }

  .career {
    height: 50vh;
  }

  .career-2 .row {
    max-width: 80%;
  }

  .career h2 {
    font-size: 3.5vh;
  }

  .career-3 .overlay p {
    padding: 0 10px;
  }

  .solution-nav {
    display: none;
  }

  .energy-management-2 .col-md-4 {
    padding: 30px;
  }

  .energy-management-2 .col-md-6 {
    padding: 30px;
  }

  .energy-management-3 .col-md-6 {
    margin: 0;
  }

  .energy-management-3 h3 {
    font-size: 3vh;
  }

  .energy-management-3 p {
    line-height: 6vw;
  }

  .energy-management-3 .text-box img {
    width: 100%;
  }

  .energy-management-3 .col-12 h2 {
    font-size: 4.5vh;
  }

  .smart-device .col-md-4 {
    padding: 40px;
  }

  #qr-background6 {
    background-color: grey;
    background-blend-mode: multiply;
  }

  #qr-background7 {
    background-color: grey;
    background-blend-mode: multiply;
  }

  #qr-background8 p {
    line-height: 8vw;
  }

  #qr-background8 {
    background-color: grey;
    background-blend-mode: multiply;
    background-position: 600px;
  }

  .primero-solution-typing h3 {
    font-size: 4vh;
    text-align: center;
  }

  .primero-solution-typing .typing-background {
    margin-bottom: 30px;
    height: 10vh;
    width: 90%;
  }

  .primero-solution-typing {
    padding: 100px 0;
  }

  .primero-solution-typing img {
    width: 80%;
  }

  .energy-management-1 h1 {
    padding: 0 5%;
  }

  .desktop-video {
    display: none;
  }

  .policy {
    height: 60vh;
  }

  .policy .nav-item {
    margin: 5px 30px;
  }

  .policy .nav-pills .nav-link {
    width: 100%;
  }

  .policy .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    width: 100%;
  }

  .policy-2 a {
    word-wrap: break-word;
  }

  .policy-ol-5-1 {
    margin-left: 0;
  }

  .policy-ol-6-1 {
    margin-left: 0;
  }

  .policy-ol-6-2 {
    margin-left: 0;
  }

  .policy-ol-8-1 {
    margin-left: 0;
  }

  #p7-smart-door-lock {
    background-image: url(./assets/image/p7-landing-mobile.jpg);
    height: 85vh;
  }

  #p7-smart-door-lock-2 img {
    width: 75%;
  }

  #p7-smart-door-lock-2 {
    height: 90vh;
  }

  .p7-smart-door-lock-8 {
    overflow: hidden;
  }

  .p7-smart-door-lock-8 img {
    height: 400px;
    top: 200px;
  }

  .p7-container-text {
    width: 100%;
    padding: 0 2rem;
    position: relative;
    top: -100px;
  }

  .p7-container-text-2 {
    width: 100%;
    padding: 0 2rem;
    margin: 0;
    position: relative;
    top: -300px;
  }

  .p7-container-text h3 {
    font-weight: bold;
    color: white;
    font-size: 3.1vh;
    text-align: center;
  }

  .p7-container-text p {
    font-weight: 100;
    color: white;
    font-size: 2vh;
    text-align: center;
  }

  .p7-container-text-2 h3 {
    font-weight: bold;
    color: white;
    font-size: 3.1vh;
    text-align: center;
  }

  .p7-container-text-2 p {
    font-weight: 100;
    color: white;
    font-size: 2vh;
    text-align: center;
  }

  #p7-smart-door-lock-3 h2 {
    font-size: 5vh;
  }

  #p7-smart-door-lock-4 h3 {
    font-size: 4.2vh;
  }

  #p7-smart-door-lock-4 p {
    font-size: 2.1vh !important;
  }

  .p7-smart-door-lock-6 h3 {
    font-size: 4.2vh;
  }

  .p7-smart-door-lock-6 p {
    font-size: 2.1vh;
  }

  .p7-smart-door-lock-7 h3 {
    font-size: 4.2vh;
  }

  .p7-smart-door-lock-7 p {
    font-size: 2.1vh;
  }

  #p7-smart-door-lock-3 {
    background-image: url(./assets/image/p7-door-lock-features-mobile.jpg);
    background-size: cover;
  }

  .p7-smart-door-lock-feature-1 .container-text {
    width: 18rem;
    position: absolute;
    top: 12rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-1 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-1 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-1 {
    left: -3rem;
    top: 17rem;
  }

  .p7-smart-door-lock-feature-2 .container-text {
    width: 18rem;
    position: absolute;
    top: 15.5rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-2 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-2 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-2 {
    left: -3rem;
    top: 20rem;
  }

  .p7-smart-door-lock-feature-3 .container-text {
    width: 18rem;
    position: absolute;
    top: 19rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-3 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-3 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-3 {
    left: -2rem;
    top: 24rem;
  }

  .p7-smart-door-lock-feature-4 .container-text {
    width: 18rem;
    position: absolute;
    top: 23rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-4 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-4 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-4 {
    left: -3.5rem;
    top: 28rem;
  }

  .p7-smart-door-lock-feature-5 .container-text {
    width: 18rem;
    position: absolute;
    top: 27rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-5 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-5 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-5 {
    left: -2.5rem;
    top: 33rem;
  }

  .p7-smart-door-lock-feature-6 .container-text {
    width: 18rem;
    position: absolute;
    top: 37rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-6 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-6 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-6 {
    left: -3.5rem;
    top: 34.5rem;
  }

  .p7-smart-door-lock-feature-7 .container-text {
    width: 18rem;
    position: absolute;
    top: 40rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-7 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-7 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-7 {
    left: -3.5rem;
    top: 37.5rem;
  }

  .p7-smart-door-lock-feature-8 .container-text {
    width: 18rem;
    position: absolute;
    top: 67rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-8 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-8 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-8 {
    left: 6.5rem;
    top: 72.5rem;
  }

  .p7-smart-door-lock-feature-9 .container-text {
    width: 18rem;
    position: absolute;
    top: 51rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-9 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-9 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-9 {
    left: -3.5rem;
    top: 47.5rem;
  }

  .p7-smart-door-lock-feature-10 .container-text {
    width: 18rem;
    position: absolute;
    top: 90rem;
    left: -5rem;
  }

  .p7-smart-door-lock-feature-10 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-10 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-10 {
    left: -7.5rem;
    top: 92.5rem;
  }

  .p7-smart-door-lock-feature-11 .container-text {
    width: 18rem;
    position: absolute;
    top: 97rem;
    left: -9rem;
  }

  .p7-smart-door-lock-feature-11 h3 {
    text-align: center;
    margin: 2px;
  }

  .p7-smart-door-lock-feature-11 p {
    text-align: center;
    font-size: 1.8vh;
    line-height: 4.5vw;
    padding: 0;
  }

  #p7-smart-door-lock-circle-11 {
    left: -10.5rem;
    top: 97.5rem;
  }

  #p7-smart-door-lock-4 img {
    width: 70vh !important;
    top: -20rem;
    left: -6rem;
  }

  #p7-smart-door-lock-4 {
    height: 60vh;
  }

  #smart-door-lock-4 .container {
    max-width: 100%;
  }

  #p7-smart-door-lock-4 h3 {
    font-size: 3.4vh;
    text-align: center;
  }

  #p7-smart-door-lock-4 p {
    font-size: 3.4vh;
    text-align: center !important ;
    padding: 0;
  }

  .p7-smart-door-lock-6 {
    background-image: url(./assets/image/p7-flashlight-mobile.jpg);
    height: 100vh;
  }

  .p7-smart-door-lock-6 .container {
    padding: 0 0 450px 0;
  }

  .p7-smart-door-lock-7 .bg {
    background-image: url(./assets/image/p7-display-mobile.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 89vh;
  }

  .p7-smart-door-lock-7 .container-text {
    width: 60%;
    position: absolute;
    top: 6rem;
    left: 8rem;
  }

  .p7-smart-door-lock-7 h3 {
    text-align: start;
  }

  .p7-smart-door-lock-7 p {
    text-align: start;
  }

  #qr-background9 p {
    line-height: 5.7vw;
    font-size: 2.1vh;
  }

  footer {
    padding: 80px 30px;
  }

  footer .container {
    max-width: 100%;
  }

  footer img {
    margin-bottom: 60px;
  }

  footer .col-md-2 {
    margin-bottom: 30px;
  }

  footer .col-12 {
    text-align: center !important;
  }

  footer h5 {
    font-size: 4.3vw;
  }

  footer svg {
    width: 4vh;
    height: 2.5vh;
    margin: 3vh 1vh 4vh 1vh;
  }

  .footer-social {
    justify-content: center;
  }
  
  .ir-product-line{
  position: absolute;   
  left: 7%;
  top: 115%;
  width: 28%;
  height: auto; 
  }
  
  .audible-alarm-images {
   flex-direction: column;
   align-items: center;
  }
  
  .audible-alarm-dimension {
      padding-bottom: 10px;
      width: 60%;
      margin-right: 12%;
  }
  
    .audible-alarm-dimension-2 {
      padding-bottom: 10px;
      width: 50%;
  }
  
   .container-audible-alarm .container-text {
     width: 100%; 
     top: 0;
     left: 0;
     padding-top: 30px;
     padding-bottom: 40px;
  }
  
  .desktop-break {
    display: none;
  }
  
   #audible-alarm-2 .container h2 {
      font-size: 2.8vh;
      text-align: center;
      font-weight: bold;
  }
  
  .container-audible-alarm h3 {
      font-size: 2.8vh;
      text-align: center;
  }
  
  .container-audible-alarm p {
      font-size: 2.3vh;
      text-align: center;
  }
  
    .container-audible-alarm .container-text-2 p {
      font-size: 2.8vh;
      text-align: center;
  }
  
    .audible-alarm-img-3 {
      top: 210px;
  }
  
  .audible-alarm-img-4 {
      top: 450px;
  }
  
    .audible-alarm-img-5 {
      top: 730px;
  }
  
  .container-audible-alarm .container-text-2 {
      top: 0vh;
      width: 100%;
      left: 0%;
      padding: 10% 10%;
  }
  
  #audible-alarm-2 {
      height: 2000px;
  }
  
  #audible-alarm-3 h3 {
      font-size: 2.5vh;
      text-align: center;
  }
  
  #audible-alarm-3 p {
      font-size: 1.5vh;
      text-align: center;
  }
  
  #audible-alarm-3 .audible-alarm-icon {
      top: 54%;
      width: 9%;
      left: 75%;
  }
  
  #audible-alarm-3 .audible-alarm-circle1 {
      top: 45%;
      left: 67%;
      width: 27%;
  }
  
  #audible-alarm-6 .container-text h3 {
      font-size: 2vh;
  }
  
    #audible-alarm-6 .container-text p {
      font-size: 2vh;
      line-height: 1.2;
  }
  
  #audible-alarm-4 {
    margin-top: 0px;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-height: 35vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  
  #audible-alarm-4 .audible-alarm-icon {
      width: 9%;
      top: 10%;
      left: 50%;
  }
  
  #audible-alarm-4 .audible-alarm-musicnote {
      top:12%;
      width: 65%;
      left: -2%;
  }
  
  #audible-alarm-4 .audible-alarm-circle2 {
      width: 21%;
      left: 45%;
      top: 3%;
  }
  
  #audible-alarm-4 .container {
      top: 8vh;
      width: 100%;
      align-items: center;
  }
  
  #audible-alarm-4 .container-text {
      width: 90%;
  } 
  
    #audible-alarm-4 h3 {
      font-size: 2vh;
      margin-bottom: 0px;
  }
  
      #audible-alarm-4 .ringtone-number {
      font-size: 2.5vh;
      margin-bottom: 0px;
  }
  
  #audible-alarm-4 p {
      font-size: 2vh;
  }
  
  #audible-alarm-5 {
    margin-top: 0px;
    background-size: 200%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    max-height: 50vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  
  #audible-alarm-5 .container {
      opacity: 0;
  }
  
  #audible-alarm-5 .audible-alarm-icon {
      left: 72%;
      width: 11%;
      top: 27%;
  }
  
  #audible-alarm-5 .audible-alarm-circle3 {
      width: 18%;
      left: 68.5%;
      top: 24%;
  }
  
  #audible-alarm-6 {
      height: 500px;
      padding: 0px;
  }
  
    #audible-alarm-6 .audible-alarm-db2 {
      top: 100%;
      width: 20%;
      left: 40%;
  }
  
    #audible-alarm-6 .audible-alarm-db3 {
      top: -9%;
      width: 13%;
      left: 55%;
  }
  
    #audible-alarm-6 .audible-alarm-db4 {
      top: -111%;
      width: 8%;
      left: 64%;
  }
  
    #audible-alarm-6 .audible-alarm-db5 {
      top: -222%;
      width: 16%;
      left: 69%;
  }
  
    #audible-alarm-6 .audible-alarm-db6 {
      top: -336%;
      width: 21%;
      left: 80%;
  }
  
  #audible-alarm-6 .audible-alarm-db7 {
      width: 20%;
      left: 65%;
      top: -555%;
  }
  
  .pin-spacer {
      margin: 0px !important;
  }
  
  #smart-light-switch .container h1 {
      font-size: 3.5vh;
  }
  
  #audible-alarm-6 .container-text {
      bottom: 20%;
  }
  
  .smart-light-switch-product-line {
      top: 33%;
      width: 65%;
      left: 9%;
  }
  
  .smart-light-switch-2 {
      width: 45%;
      top: 60%;
  }
  
  .smart-light-switch-container-text-1 {
      margin-top: -130%;
  }
  
  .smart-light-switch-container-text-1 h3 {
      padding-top: 0%;
      margin-left: 57%;
      font-size: 2.8vh;
      width: 40%;
  }
  
  .smart-light-switch-container-text-2 p {
      width: 100%;
      margin-top: 147%;
      text-align: center;
      margin-left: 0%;
  }
  
  .smart-light-switch-part-2 {
     background-image: url(./assets/image/smart-light-switch-part-2-img-bg.png);
     max-height: 40vh;
     background-position: 40% 50%;
  }
  
  .smart-light-switch-part-2 .container {
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      padding-left: 50%;
      padding-top: 50%;
  }
  
  .smart-light-switch-br {
      display: none;
  }
  
  .smart-light-switch-4 {
      top: 103%;
      left: 25%;
      width: 50%;
  }
  
  #smart-light-switch-1 {
      height: 240vh;
  }
  
    #smart-light-switch-1 .container h2{
      font-size: 2.8vh;
      text-align: center;
      font-weight: bold;
  }
  
  #smart-light-switch-1 .container p {
      width: 100%;
  }
  
  .smart-light-switch-part-2 p {
      width: 100%;
      line-height: 20px;
      font-size: 2vh;
  }
  
  .smart-light-switch-part-3 .container-text {
      padding-right: 0%;
      padding-bottom: 80%;
  }
  
  .smart-light-switch-part-3 p {
      width: 100%;
      line-height: 20px;
      font-size: 2vh;
      padding: 0;
  }
  
  #smart-light-switch-icon img {
      width: 100%;
  }
  
  #smart-light-switch-part-4 .container h2 {
      text-align: left;
      line-height: 20px;
      font-size: 2vh;
  }
  
  #smart-light-switch-part-4 .container {
      width: 55%;
  }
  
  #smart-light-switch-part-5 .container {
     display: none;
  }
  
  #smart-light-switch-part-5 .smart-light-switch-pair img {
      max-width: 1500px;
      width: 100%;
  }
  
    #smart-light-switch-part-6 .container {
      display: none;
  }
  
  #smart-light-switch-part-6 .smart-light-switch-pair img {
      max-width: 1500px;
      width: 100%;
  }
  
  #smart-light-switch-part-7 h3 {
      align-self: center;
      color: white;
      width: 100%;
      margin-bottom: 90%;
  }
  
    #smart-light-switch-part-7 p {
      align-self: center;
      color: grey;
      width: 100%;
      z-index: 10;
      font-size: 2.3vh;
  }
  
  #smart-light-switch-part-8 h3 {
      align-self: center;
      color: white;
      width: 100%;
      margin-bottom: 90%;
  }
  
    #smart-light-switch-part-8 p {
      align-self: center;
      color: grey;
      width: 100%;
      z-index: 10;
      font-size: 2.3vh;
  }
  
  #smart-light-switch-part-7 img {
    width: 60vw;
    left: 22%;
    top: 65%;
  }
  
    #smart-light-switch-part-8 img {
    width: 60vw;
    left: 22%;
    top: 65%;
  }
  
  .audible-alarm-img {
      width: 40%;
  }
  
  .video-container .alarm-video {
      object-fit: fill;
      object-position: 72% 50%;
  }
  
  .video-container .switch-video {
      object-fit: fill;
      object-position: 57% 50%;
  }
  
  .smart-light-switch-white-img {
      width: 30%;
  }
  
  .smart-light-switch-black-img {
      width: 30%;
  }
  
  .smart-light-switch-dimension {
        flex-direction: column;
        align-items: center;
        gap: 0px;
  }
  
  .smart-light-switch-dimension-1 {
    width: 60%;
    margin-bottom: 0px;
    margin-top: 30px;
    margin-right: 40px;
    }

    .smart-light-switch-dimension-2 {
        width: 60%;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .smart-light-switch-3 {
        width: 60%;
        top: 15%;
    }
  
  #audible-alarm-3 {
      max-height: 40vh;
      background-size: 170%;
  }
  
  #audible-alarm-3 .container-text {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
    }
    
    #audible-alarm-7 {
        opacity: 1;
        display: flex;
        background: #F5F5F5;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    
    #qr-background10 {
    background-position: 60% 50%;
    }
    
    #qr-background10 h2, #qr-background10 p {
        color: black;
    }
    
    .audible-alarm-pair img {
        max-width: 100%; /* Ensure it fits the container */
        height: auto; /* Maintain aspect ratio */
        width: 70%;
}

    .audible-alarm-pair {
        display: flex;
        flex-direction: column; /* Stack elements vertically */
        align-items: center; /* Center items horizontally */
        text-align: center; /* Center text */
        max-width: 400px; /* Limit the width of the content */
}

    .smart-light-switch-product-line-2 {
       display: none;
}
    
    .smart-light-switch-part-3 {
        max-height: 40vh;
        background-position: 60% 50%;
    }
    
    .smart-light-switch-br {
        display: none;
    }
    
    #smart-light-switch-part-4 {
        max-height: 40vh;
        background-position: 10% 50%;
        padding: 0%;
    }
    
    #smart-light-switch-phone-1 {
        display: block;
        background: white;
        padding: 0px;
        padding-bottom: 30px;
    }
    
    #smart-light-switch-phone-1 .container {
        display: flex;
        flex-direction: column;
        align-items: center;  
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #smart-light-switch-phone-1 img {
        width: 80%;
    }
    
    #smart-light-switch-phone-1 .container h3 {
        color: #0067ac;
        text-align: center;
        font-size: 2vh;
        font-weight: bold;
    }
    
    #smart-light-switch-phone-1 .container p {
        color: #0067ac;
        text-align: center;
        font-size: 2vh;
    }    
    
    #smart-light-switch-part-5 .darkmode {
        display: none;
    }
    
    #smart-light-switch-part-5 {
        max-height: 40vh;
    }
    
    #smart-light-switch-phone-2 {
        display: block;
        background: white;
        padding: 0px;
        padding-bottom: 30px;
    }
    
    #smart-light-switch-phone-2 .container {
        display: flex;
        flex-direction: column;
        align-items: center;  
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #smart-light-switch-phone-2 img {
        width: 80%;
    }
    
    #smart-light-switch-phone-2 .container h3 {
        color: #0067ac;
        text-align: center;
        font-size: 2vh;
        font-weight: bold;
    }
    
    #smart-light-switch-phone-2 .container p {
        color: #0067ac;
        text-align: center;
        font-size: 2vh;
    }    
    
    #smart-light-switch-part-6 {
        max-height: 40vh;
        background-size: 180%;
        background-position: 90% 50%;
    }
    
    #smart-light-switch-part-6 .smart-light-switch-ring-1 {
        position: relative;
        top: 4%;
        left: 36%;
    }
    
    #smart-light-switch-part-6 .smart-light-switch-ring-2 {
        position: relative;
        top: 37%;
        left: 35%;
    }
    
    #smart-light-switch-part-7 {
        max-height: 60vh;
    }
    
    #smart-light-switch-part-8 {
        max-height: 60vh;
    }
    
    #smart-light-switch-part-8 .container {
        text-align: center;
        padding-bottom: 0%;
        padding-top: 125%;
    }
    
    #smart-light-switch-part-7 .container {
        text-align: center;
        padding-bottom: 0%;
        padding-top: 125%;
    }
    
    .spacer-smart-light-switch {
        height: 80vw;
    }
    
    .referal h1 {
        font-size: 3vh;
    }
    
    .referal p1 {
        font-size: 2vh;
    }
    
    .referal p2 {
        font-size: 2vh;
    }
    
    .referal-img1 {
        width: 35vh;
    }
    
    .referal-2 .top {
        gap: 30px
    }
    
    .referal-2 .text1 h1 {
        font-size: 3vh;
    }
    
    .referal-2 .text1 .referal-line1 {
        font-size: 2vh;
    }
    
    .referal-2 .text1 p {
        font-size: 1.5vh;
    }
    
    .referal-2 .icon-box img {
        width: -webkit-fill-available;
    }
    
    .referal-2 .text-box {
        width: 75%;
    }
    
    .referal-2 .bottom h1 {
        font-size: 3vh;
    }
    
    .referal-2 .bottom .row {
        flex-wrap: wrap;
    }
    
    .referal-2 .column {
        width: 100%;
    }
    
    .referral-form {
        flex-wrap: wrap;
    }
    
    .referal-button button {
        width: 75%;
    }
    
    .referal-slogan {
        font-size: 3vh;
    }
    
    .referal-tnc label {
        width: 75%;
    }
    
    .referal-2 .referal-img3 {
        transform: rotate(90deg);
    }
    
    .z2-container-1-img1 {
        top: 70%;
    }
    
    .z2-container-3 .container2 {
        flex-direction: column;
    }
    
    .z2-container-3 .container1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-3 .container1 p {
        line-height: 20px;
    }
    
    .z2-container-3-dimension1 {
        width: 40%;
        margin-right: 5%;
    }
    
    .z2-container-3-dimension2 {
        width: 40%;
    }
    
    .z2-container-4 .container1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-5 .container1 {
        padding: 100px 0 100px 0;
    }
    
    .z2-container-5 .container1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-iphone-screen {
        width: 65%;
        left: 17%;
    }
    
    .z2-container-6 {
        padding: 20px;
    }
    
    .z2-container-6 img {
        width: 20%;
    }
    
    .z2-container-7 .container1 {
        height: 300px;
    }
    
    .z2-container-8 .container-1 .text-1 h1 {
        font-size: 1.5vh;
    }
    
    .z2-container-9 .container-1 .text-1 h1 {
        font-size: 1.5vh;
    }
    
    .z2-container-10 .container-1 .text-1 h1 {
        font-size: 1.5vh;
    }
    
    .z2-container-11 .container-1 .text-1 h1 {
        font-size: 1.5vh;
    }
    
    .z2-container-13 .container-1 .text-1 h1 {
        font-size: 1.5vh;
    }
    
    #z2-container-14 th {
        font-size: 1.5vh;
    }
    
    #z2-container-14 td {
        font-size: 1.5vh;
    }
    
    .z2-container-15 .container-1 {
        justify-content: center;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    
    .z2-container-15 .container-1 .text-1 {
        position: unset;
    }
    
    .z2-container-15 .container-1 .text-1 h1 {
        font-size: 3.5vh;
    }
    
    .z2-container-15 .container-1 .text-1 p {
        font-size: 1.5vh;
    }
    
    .z2-qr {
        position: unset;
        align-items: center;
        width: 50%;
    }
    
     #presence-sensor-2 .container-1 h2 {
        font-size: 3.5vh;
    }
    
    #presence-sensor-2 .container-1 p {
        font-size: 2vh;
    }
    
    #presence-sensor-2 .container-2 h2 {
        font-size: 2vh;
    }
    
    #presence-sensor-2 .container-3 h2 {
        font-size: 2vh;
    }
    
    .presence-sensor-3 .container-3 h1 {
        font-size: 2vh;
    }
    
    .presence-sensor-6 .container-1 h1 {
        font-size: 2vh;
    }
    
    .presence-sensor-6 .container-1 h2 {
        font-size: 1.5vh;
    }
    
    .presence-sensor-7 .container-2 h1 {
        font-size: 2vh;
    }
    
    .presence-sensor-7 .container-2 p {
        font-size: 1.5vh;
    }
    
    .presence-sensor-8 .container-1 {
        padding-top: 20%;
    }
    
    #presence-sensor-ripple2 {
        padding-top: 20%;
    }
    
    .presence-sensor-8 .container-1 .text-1 {
        top: 40%;
    }
    
    .presence-sensor-8 .container-1 .text-1 h1{
        font-size: 1.5vh ;
    }
    
    .presence-sensor-8 .container-4 h1 {
        font-size: 2vh;
    }
    
    .presence-sensor-8 .container-4 p {
        font-size: 1.5vh;
    }
    
    .presence-sensor-qr-background {
        text-align: center;
    }
    
    .presence-sensor-qr-background .container {
        width: 80%;
    }
    
    .presence-sensor-qr-background .container .qr-background {
        width: 100%;
    }
}

@media screen and (max-width: 465px) {
  .smart-plug-line {
    position: absolute;   
  left: 45%;
  top: 162%;
  width: 8%;
  height: auto;
}

  .smart-power-strip-line {
    position: absolute;
    left: 21%;
    top: 72%;
    width: 75%;
  }

@media screen and (max-width: 440px) {
  .smart-plug-line {
  position: absolute;
  left: 47%;
  top: 151%;
  width: 8%;
  height: auto;
  transform:rotate(-5deg);
}
}

@media screen and (max-width: 415px) {
  .smart-plug-line {
  position: absolute;
  left: 50%;
  top: 148%;
  width: 8%;
  height: auto;
  transform:rotate(-5deg);
}

  .smart-power-strip-line {
    position: absolute;
    left: 21%;
    top: 71.5%;
    width: 75%;
  }
}

@media screen and (max-width: 391px) {
  .smart-plug-line {
position: absolute;
  left: 55%;
  top: 150%;
  width: 8%;
  height: auto;
}

  .smart-power-strip-line {
    position: absolute;
    left: 21%;
    top: 73%;
    width: 75%;
  }
}

@media screen and (max-width: 376px) {
   .smart-plug-line {
  position: absolute;
  left: 58%;
  top: 151%;
  width: 8%;
  height: auto;
  transform:rotate(-5deg);
}

  .smart-power-strip-line {
    position: absolute;
    left: 24%;
    top: 73%;
    width: 75%;
  }
  
  #smart-light-switch-1 {
        height: 280vh;
    }
}