/* General responsive styles */
  @media only screen and (max-width: 768px) {
    .ltn__about-us-area {
      padding: 60px 15px;
      margin-top: 0px !important;
      margin-bottom: 40px !important;
    }
    .col-md-7 p{
      margin-left: 0px;
      width: 360px;
    }
    .ltn__about-us-area h6.section-subtitle {
      font-size: 16px;
      text-align: center;
    }
    .img1{
        height: 300px !important;
        width: 300px !important;
    }
    .ltn__about-us-area h1.section-title {
      font-size: 24px;
      text-align: center;
    }

    .about-us-img-wrap {
      text-align: center;
      margin-bottom: 20px;
    }

    .about-us-img-wrap img {
      width: 100%;
      max-width: 350px;
      height: auto !important;
    }

    .about-us-img-info {
      display: none; /* Hide the overlapping image for smaller screens */
    }

    .about-us-info-wrap {
      text-align: center;
    }

    .about-us-info-wrap p {
      font-size: 14px;
    }

    .ltn__list-item-half li {
        margin-bottom: 20px;
      font-size: 14px;
    }

    .ltn__callout {
      margin-top: 20px;
      font-size: 14px;
      text-align: center;
    }

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

    .tp-cta-content-btn .tp-btn {
      width: 100%;
      text-align: center;
      display: inline-block;
      padding: 10px 20px;
    }
    .overlap-section{
        margin-top: -110px !important;
    }
    .digital-meter{
        margin-top: -20px;
    }
    .site-sections{
        margin-top: 0px !important;
        margin-bottom: -0px !important;
    }
  }

  @media only screen and (max-width: 480px) {
    .ltn__about-us-area {
      padding: 40px 10px;
      margin-top: -0px !important;
      margin-bottom: 40px !important;
    }

    .ltn__about-us-area h1.section-title {
      font-size: 20px;
    }

    .about-us-info-wrap p {
      font-size: 12px;
    }

    .ltn__list-item-half li {
        margin-bottom: 20px;
      font-size: 12px;
    }
    .overlap-section{
        margin-top: -110px !important;
    }
    .digital-meter{
        margin-top: -20px;
    }
    .site-sections{
        margin-top: 0px !important;
        margin-bottom: -0px !important;
    }
  }
  /* ------------------------footer------------------------ */
  @media only screen and (max-width: 768px) {
    .site-footer .row > div {
      margin-left: 0 !important;
      margin-bottom: 20px;
    }
    .site-footer .contact-info {
      margin: 0 auto;
    }

    .site-footer .logo-img {
      margin: 0 auto;
      display: block;
    }

    .site-footer .mb-5 {
      margin-bottom: 20px !important;
    }

    .site-footer .row.pt-5.mt-5.text-center {
      margin-top: 0 !important;
      margin-bottom: 0;
    }
  }

  @media only screen and (max-width: 480px) {
    .site-footer .footer-heading {
      font-size: 16px;
    }

    .site-footer .contact-info li {
      font-size: 12px;
    }
  }
  /* --------------------------happy clients------------------ */
  @media only screen and (max-width: 768px) {
    .tp-feature-area {
      padding: 50px 15px;
      height: 735PX !important;
    }
    .cont{
        margin-top: 80px !important;
    }
    .tp-feature-item {
      margin: 20px 0;
      padding: 15px;
    }

    .tp-feature-item h4 p {
      font-size: 20px;
    }

    .tp-feature-item h4 {
      font-size: 16px;
    }

    .tp-feature-item-icon img {
      width: 70px !important;
      height: 70px !important;
    }
  }

  @media only screen and (max-width: 480px) {
    .tp-feature-item {
      padding: 10px;
      margin: 15px 0;
    }

    .tp-feature-item h4 p {
      font-size: 18px;
    }

    .tp-feature-item h4 {
      font-size: 14px;
    }

    .tp-feature-item-icon img {
      width: 30px;
      height: 30px;
    }
  }
  /* ------------------------------contact box------------------- */
/* Responsive Styles */
@media (max-width: 768px) {
    .tp-cta-bg {
        height: Auto !important;
        
      }
  .tp-cta-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .tp-cta-icon{
    margin-left: -50px !important;
  }
  .tp-cta-content-contact{
    width: 200px;
    margin-top: -70px !important;
    margin-left: 40px !important;
  }
  .tp-cta-content-text span{
    font-size: 20px !important;
  }
  .tp-cta-content-text{
    width:250px;
    margin-left: -40px !important;
  }
  .tp-cta-shape img{
    width: 100px !important;
    height: 90px;
    margin-left: 180px;
    margin-top: 13px;
  }
  .logo-img{
    margin-left: -10px !important;
    margin-top: 5px !important;
    width: 100px !important;
    height: 50px !important;
  }
  .col-xl-22{
    margin-top: -55px;
  }
}

@media (max-width: 480px) {
  
}
/* -------------------------------------responsive-------------------------------------- */
/* -------------------------iphone se--------------- */
@media screen and (device-aspect-ratio: 375/667) {
  
  .contact-form{
    width: 360px !important;
      background-color: white;
  }
}
/* -------------------------iphone Xr--------------- */
@media screen and (device-aspect-ratio: 414/896) {
    .ltn__product-item {
        width: 400px !important;
        margin-left: -7px;
    }
    .product-img img {
        width: 378px !important;
    }
    .contact-form{
        min-width: 400px !important;
        background-color: white;
    }
}
/* -------------------------iphone 12pro--------------- */
@media screen and (device-aspect-ratio: 390/844) {
    .ltn__product-item {
        width: 375px !important;
    }
    .product-img img {
        width: 358px !important;
    }
    .contact-form{
        min-width: 375px !important;
        background-color: white;
    }
}
/* -------------------------iphone 14pro--------------- */
@media screen and (device-aspect-ratio: 430/932) {
    .ltn__product-item {
        width: 417px !important;
        margin-left: -7px;
    }
    .product-img img {
        width: 395px !important;
    }
    .contact-form{
        min-width: 417px !important;
        background-color: white;
    }
}
/* -------------------------samsung galaxy s8+--------------- */
@media screen and (device-aspect-ratio: 360/740) {
    .ltn__product-item {
        width: 345px !important;
        margin-left: -3px;
    }
    .product-img img {
        width: 325px !important;
    }
    .contact-form{
      width: 346px !important;
        background-color: white;
    }
}
/* -------------------------pixel 7--------------- */
@media screen and (device-aspect-ratio: 412/915) {
    .ltn__product-item {
        width: 400px !important;
        margin-left: -7px;
    }
    .product-img img {
        width: 378px !important;
    }
    .contact-form{
        min-width: 400px !important;
        background-color: white;
    }
    .col-md-7 p{
      margin-left: 0px;
      width: 360px;
    }
}
/* -------------------------samsung galazy s8--------------- */
@media screen and (device-aspect-ratio: 360/740) {
  
  .col-md-7 p{
    margin-left: 0px;
    width: 330px;
  }
}
/* -------------------------ipad mini--------------- */
@media screen and (device-aspect-ratio: 768/1024) {
    .logo-img{
        margin-left: -10px !important;
        margin-top: 5px !important;
        width: 100px !important;
        height: 50px !important;
      }
      .col-xl-22{
        margin-top: -55px;
      }
      .tp-feature-area {
        padding: 50px 15px;
        height: 530px !important;
      }
      .ltn__product-item {
        margin-left: 130px !important;
    }
    .product-img img {
      min-width: 425px !important;
    }
    .ltn__shop-sidebar{
        padding-left: 70px;
       
    }
    .contact-form{
        min-width: 400px !important;
        background-color: white;
    }
}
/* -------------------------ipad pro--------------- */
@media screen and (device-aspect-ratio: 1024/1366) {
    .align-self-center1{
        margin-top: 40px;
    }
    .site-footer{
      height: 450px !important;
    }
    .footer-heading img{
      margin-top: 60px !important;
      margin-left: 140px !important;
      width: 50px !important;
      height:80px !important;
     }
     .mb-lg-0 {
      margin-top: 65px ;
     }
    
}
/* -------------------------ipad air--------------- */
@media screen and (device-aspect-ratio: 820/1180) {
    .logo-img{
        margin-left: -10px !important;
        margin-top: 5px !important;
        width: 100px !important;
        height: 50px !important;
      }
      .col-xl-22{
        margin-top: -55px;
      }
      .tp-feature-area {
        padding: 50px 15px;
        height: 560px !important;
      }
      .col-lg-44{
        margin-top: 40px;
      }
      .cont{
        margin-top: 100px !important;
    }
    .ltn__product-item {
       width:780px;
       margin-left: -43px;
    }
    .ltn__shop-sidebar{
        padding-left: 110px;
       
    }
    .contact-form{
        min-width: 400px !important;
        background-color: white;
    }
    .site-footer{
      height: 950px !important;
    }
    .footer-heading img{
      margin-top: 60px !important;
      margin-left: 140px !important;
      width: 50px !important;
      height:80px !important;
     }
     .mb-lg-00{
      margin-bottom: 0px !important;
    margin-left: -0px !important;
     }
     .mb-lg-000{
      margin-left: -0px !important;
       }
}
/* --------------------surface pro------------- */
@media screen and (device-aspect-ratio: 912/1368) {
    .logo-img{
        margin-left: -10px !important;
        margin-top: 5px !important;
        width: 100px !important;
        height: 50px !important;
      }
      .col-xl-22{
        margin-top: -55px;
      }
      .tp-feature-area {
        padding: 50px 15px;
        height: 560px !important;
      }
      .col-lg-44{
        margin-top: 40px;
      }
      .cont{
        margin-top: 100px !important;
    }
    .ltn__shop-sidebar{
        padding-left: 110px; 
    }
    .ltn__product-item {
        width: 885px !important;
        margin-left: -95px;
    }
    .product-img img {
        width: 378px !important;
    }
    .site-footer{
      height: 990px !important;
    }
    .footer-heading img{
      margin-top: 60px !important;
      margin-left: 140px !important;
      width: 50px !important;
      height:80px !important;
     }
     .mb-lg-00{
      margin-bottom: 0px !important;
    margin-left: -0px !important;
     }
     .mb-lg-000{
      margin-left: -0px !important;
       }
       .mb-lg-0{
        margin-left: -60px !important;
       }
       .col-lg-44{
        margin-left: -60px !important;
       }
}
/* --------------------surface duo------------- */
@media screen and (device-aspect-ratio: 540/720) {
      .tp-feature-area {
        padding: 50px 15px;
        height: 700px !important;
      }
      .ltn__product-item {
        width: 450px !important;
        margin-left: 30px !important;
    }
    .product-img img {
        width: 428px !important;
    }
    .contact-form{
        min-width: 400px !important;
        background-color: white;
    }
    .tp-cta-shape img{
      margin-left: 345px;
     }
}
/* --------------------galaxy z fold------------- */
@media screen and (device-aspect-ratio: 344/882) {
  .tp-feature-area {
    padding: 50px 15px;
    height: 700px !important;
  }
  .ltn__product-item {
    width: 330px !important;
    margin-left: -7px !important;
}
.product-img img {
    width: 310px !important;
}
.contact-form{
  width: 330px !important;
}
.site-footer{
  min-height: 960px !important;
}
.tp-cta-shape img{
  margin-left: 149px;
 }
  .col-md-7 p{
    margin-left: 0px;
    width: 320px;
  }
}
/* --------------------samsung galaxy------------- */
@media screen and (device-aspect-ratio: 360/740) {
 .tp-cta-shape img{
  margin-left: 165px;
 }
}
/* --------------------samsung ultra------------- */
@media screen and (device-aspect-ratio: 412/915) {
    .ltn__product-item {
        width: 390px !important;
        margin-left: -7px;
    }
    .product-img img {
        width: 368px !important;
    }
    .contact-form{
        min-width: 386px !important;
        background-color: white;
    }
    .tp-cta-shape img{
      margin-left: 216.5px;
     }
}
/* --------------------asus zenbook fold------------- */
@media screen and (device-aspect-ratio: 853/1280) {
    .logo-img{
        margin-left: -10px !important;
        margin-top: 5px !important;
        width: 100px !important;
        height: 50px !important;
      }
      .col-xl-22{
        margin-top: -55px;
      }
      .tp-feature-area {
        padding: 50px 15px;
        height: 560px !important;
      }
      .col-lg-44{
        margin-top: 40px;
      }
      .cont{
        margin-top: 100px !important;
    }
    .ltn__product-item {
      width: 820px !important;
      margin-left: -65px;
  }
  .product-img img {
      width: 378px !important;
  }
  .contact-form{margin-left: 4000px !important;
    background-color: white;
}
.ltn__shop-sidebar{
  padding-left: 90px !important;
}
.site-footer{
  height: 950px !important;
}
.footer-heading img{
  margin-top: 60px !important;
  margin-left: 140px !important;
  width: 50px !important;
  height:80px !important;
 }
 .mb-lg-00{
  margin-bottom: 0px !important;
margin-left: -0px !important;
 }
 .mb-lg-000{
  margin-left: -0px !important;
   }
}

/* -------------------------nest Hub--------------- */
@media screen and (device-aspect-ratio: 1024/600) {
    .align-self-center1{
        margin-top: 40px;
    }
    .product-container {
      flex-direction: column;
      padding: 10px;
    }
  
    .product-img {
      flex: 1 1 100%;
      margin-bottom: 10px;
    }
  
    .product-info {
      flex: 1 1 100%;
    }
  
    .product-info .product-title a {
      font-size: 18px;
    }
  
    .product-img-location ul li {
      font-size: 13px;
    }
  
    .product-img-location p {
      font-size: 12px;
    }
  
    .project-details-btn {
      font-size: 13px;
      padding: 6px 10px;
    }
    .ltn__product-item {
        width: 360px;
        margin-left: -7px;
    }
    .product-img img {
        width: 337px;
    }
    .sidebar{
        margin-left: -130px !important;
    }
    .slide-in-form{
        width: 360px ;
    }
    .mt-5{
       width:100% !important;
    }
    .site-footer{
      height: 400px !important;
    }
    
}
/* -------------------------nest Hub max--------------- */
@media screen and (device-aspect-ratio: 1280/800) {
  .ltn__product-item {
    margin-left: -70px;
}
  .ltn__shop-sidebar{
   margin-left: -20px !important;
  }
}
/* ---------------------------------------------------completed projects---------------- */
/* Responsive Styles */
@media (max-width: 768px) {
    .product-container {
      flex-direction: column;
      padding: 10px;
    }
  
    .product-img {
      flex: 1 1 100%;
      margin-bottom: 10px;
    }
  
    .product-info {
      flex: 1 1 100%;
    }
  
    .product-info .product-title a {
      font-size: 18px;
    }
  
    .product-img-location ul li {
      font-size: 13px;
    }
  
    .product-img-location p {
      font-size: 12px;
    }
  
    .project-details-btn {
      font-size: 13px;
      padding: 6px 10px;
    }
    .ltn__product-item {
        width: 360px;
        margin-left: -7px;
    }
    .product-img img {
        width: 337px;
    }
    .sidebar{
        margin-left: -74px !important;
    }
    .slide-in-form{
        width: 360px ;
    }
    .mt-5{
       width:100% !important;
    }
    .roww{
      width: 320px;
     }
     .mt-55{
      margin-right: 40px !important;
     }
     .col-lg-44{
      margin-right: 40px !important;
     }
     .footer-heading img{
      margin-top: 60px !important;
      margin-left: 140px !important;
      width: 50px !important;
      height:80px !important;
     }
     .site-footer{
      height: 890px !important;
     }
  }
  
  @media (max-width: 480px) {
    .product-info .product-title a {
      font-size: 16px;
    }
  
    .product-img-location ul li {
      font-size: 12px;
    }
  
    .product-img-location p {
      font-size: 12px;
    }
  
    .project-details-btn {
      font-size: 12px;
      padding: 5px 8px;
    }
  }
  /* ---------------------------details page------------------ */