
@media  screen and (min-width:700px) {
    .catalogueMain1{
        height: 1480px;
      }
      .catalogueMain2{
        height: 1040px;
      }
}
@media  screen and (min-width:767px) {
    .pdf-1{
        padding: 15px !important;
    }
    .product-image-icon {max-width: unset;}
    .feature-icons-child{
        display: block;
    }
    #textAnimation{font-size: 22px;width: 400px;
  animation: desktopAnimation 6s linear infinite forwards ;
    }
    @keyframes desktopAnimation {
        0%{background-position-x: 400px;}
        100%{background-position-x: -400px;}
      }
    #textAnimation img{width: 15px;
    }
    #popUp{width: 50%;}
    .logo{width: unset;}
.hero-content h2{font-size: 68px;}
    .videoSection{
        height: 100vh;
        justify-content: center;
    }
    .videoPlayBtn{bottom: 15vh;}
    .feature-1-text{text-align: center;}
    .ctaBtn{
        width: 330px !important;
        padding-left: 20px;
        font-size: 20px;
    }
    .ctaBtn span{
        width: 83%;
      }
    .ctaBtn img{
        width: 50px;
    }
    #accordion{
  height:500px !important;
    }
    .hero-image,.hero-content{
        height: unset;
        width: 50%;
    }
    .hero-image{
        /* position: absolute; */
        max-width: unset;
        margin-top: 85px;
    }
    .hero-content{
  padding: 1vh 5vw;
  margin-bottom: 5vh;
  align-items: flex-start;

    }
    #Hero{
        flex-direction: row;
        max-width: 1920px;
        justify-content: unset;
        height: 100vh;
    }
    .hero-subhead{
        max-width: 600px;
        font-size: 24px;
        line-height: 34px;
    }
    .spec-1{
        margin: 40px 20px;
        width: 200px;
    }
    .graphite{
        font-size: 18px;
    }
    .product-name{
        text-align: unset;
        font-size: 30px;
    }
    .headingBold{
        font-size: 48px;
    }
    .frame-child3 {
        width: 100px;
        height: 100px;
      }
      .frame-parent4{
  padding: 30px var(--padding-30xl);
      }
    .ds-techworks-solutions-pvt-lt-wrapper{
        justify-content: space-around;
    }
    .sectionfooter .frame-parent{
        justify-content: center;
    }
    .clientlogo {
        width: 80px;
        height: 80px;
    }
    .pdf-section{
        justify-content: flex-start;
    }
    .feature-icons-child{
        display: block;
    }
    .frequently-asked-questions-parent{
        width: 300px;
    }
    .frame-parent8{
  justify-content: space-evenly;
  padding: var(--padding-11xl);
  

    }
    
    .features-parent{
        width: 63%;
    }.chat-icon-parent{
        justify-content: flex-end;
        width: 30%;
    }
    
    .get-a-quote-wrapper {
min-height: 40px;
  max-height: 60px;
    }
    .product-name-parent .frame-parent{
        width: 57%;
        justify-content: flex-end;
    }
    .feature-1-wrapper{
        max-width: 150px;
    }
    .feature-1-image{
        /* width: 100%; */
        max-width: unset;
    }
.arrow-3-stroke {
width: 12px;
}
.right-arrow,.left-arrow {
height: 40px;
width: 40px;
}


.highlight-categories p{
    font-size: 20px;
}
.listing-01{
  margin: var(--padding-5xs);
}
.vustr-logo-parent {
    width: unset;
}
.icon-youtube-1-parent{
    width: unset;
}
.btn{
    padding-inline-start: 20px 50px;
}

}
@media screen and (min-width:1000px){
    .slick-arrow {
        top: 8%;
        height: 40px;
        width: 40px
    }
    .productimage,.product-info{
        width: 48%
     }
    .videoPlayBtn{
        height: calc(25/1000 * 100vw);
        width: calc(35/1000 * 100vw);
    }
    .clients.logos{
        /* padding-top: var(--padding-81xl); */
    }
    .hero-subhead{
        /* max-width: 60%; */

    }
    .hero-subhead{
        font-size: 30px;
        line-height: 44px;
    }.sectionhero{
        height: calc(100vh - 100px);
        justify-content: center;
    }
    .feature-1-image{
        height: unset;
    }
    .hero-subhead{
        font-size: 30px;
        line-height: 44px;
    }
    .w-button{padding: 17px 40px;
    }
    .features-parent{
        width: 58%;
        max-width: 540px;
    }
    .left-arrow{
        left: 1%;
    }
    .right-arrow{
        right: 1%;
    }
    .navbar{
        display: flex;
    }
    .mob-menu{
        display: none;
    }
    .sectionhero{
        height: calc(100vh - 100px);
        justify-content: center;
    }
}
@media  screen and (min-width:1280px) {
   
    .hero-content{
        padding: 25px 52px;
    }.sectionhero{
        font-size: 70px;
    }.hero-subhead{max-width: 500px;}
    .ctaBtn{
        width: 500px !important;
        font-size: 30px;
        height: 90px;
    }
    .ctaBtn span{
        width: 80%;
      }
    .ctaBtn img{
        width: 90px;
    }
    .spec-1{
        margin: 40px 50px;
    }
   
    .get-a-quote{
        font-size: 14px;
        /* text-align: unset; */
    }
    .feature-1-wrapper{
        max-width: 330px;
        height: 80px;
        font-size: 22px;
    }
.support,.nav-links a {
font-size: 18px;
}
/* .contact-us-wrapper{
    padding: 10px 30px;
} */

    .catalogueMain1{
        height: 1110px;
      }
      .catalogueMain2{
        height: 640px;
      }
    .support,.navbar li{
        font-size: 22px;
    }
    .sectionhero{
        font-size: 70px;
    }
    
    .info-wrapper{
        width: 49%;
        margin: 0 2px;
    }
    .info-wrapper:nth-child(1),
    .info-wrapper:nth-child(2){
        /* margin: 0 0 20px 0; */
    }
    .catalogue-inner{
        width: 48%;
        height: 700px;
    }
    .catalogue-inner1{
    width: 47%; 
    height: 700px;
    }
}
@media screen and (min-width:1400px) {
     .hero-content{
        padding: 25px 142px;
    }
}
@media screen and (min-width:1900px) {
    .hero-content{
        padding: 25px 172px;
    }
}