<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (max-width:1202px) {
    .vd-feature .card .card-body {
        position: absolute;
        width: 100%;
        min-height: 200px !important;
        background: linear-gradient(#00000000, #000000);
        display: flex;
        align-items: end;
        justify-content: center;
        bottom: -130%;
        transition: all .3s ease;
    }

    .vd-feature .card:hover .card-body {
        bottom: -8%;
    }

    .vd-feature .card .card-body .card-text h3 {
        font-size: 1.5rem;
    }

    .vd-feature .card .card-body .card-text p {
        font-size: 1rem;
        line-height: 20px;
        font-weight: 300;
    }
}

@media (max-width: 1050px) {
    #navbar {
      padding: 0;
    }
    .header {
      margin-top: 4rem;
      min-height: 500px;
    }
    .header .carousel-content {
      margin-top: 3rem;
    }
    .header .carousel-item svg {
      height: 100%;
    }
  
    .header .container-fluid {
      padding: 0;
      padding-left: 1rem;
    }
    .head-bg .right-s {
      left: 0;
      top: 0;
      max-width: 500px;
      z-index: -111;
      opacity: 0.2;
    }
  
    .head-bg .left-s {
      right: 0;
      top: 0;
      max-width: 700px;
      z-index: -111;
      opacity: 0.2;
    }
  
    .image-mask {
      width: 100%;
    }
  
    /* why */
    .why .why-card {
      padding: 0;
    }
    .why .why-card .card {
      padding: 1rem;
      width: 100%;
      height: 280px;
    }
    .why .why-card .card .card-body .card-text p{
      font-size: .8rem;
    }

    .phonesys-feature .swiper-slide  .card img{
      height: 230px;
      min-height: 100px;
    }


    /* admin */
    .admin-details .card{
      min-height: 270px;
    }


    /* megamenu */
    .navbar-navigation-megamenu{
      top: 60px;
      z-index: 1;
      width: 100%;
      gap: 30px;
      padding: 0;
      max-height: 90vh;
      overflow-y: auto;
      z-index: 2;
      left: 0;
    }
    .navbar-navigation-megamenu .megamenu{ 
      width: 300px;
    }
    .navbar-navigation-megamenu .megamenu img{
      width: 280px;
    }
    .megamenu-2{
      margin-top: -1rem;
    }


    .disclaimer-header{
      margin-top: 4rem;
    }

    .contact{
      margin-top: 4rem;
    }

    .pricing-header{
      margin-top: 4rem;
    }

    .blog-header{
      margin-top: 4rem;
    }
    .privacy-header{
      margin-top: 4rem;
    }
    .s-header{
      margin-top: 4rem;
    }
    .about-header{
      margin-top: 4rem;
    }
  }
  

  @media (max-width: 990px) {
    html,
    body {
      overflow-x: hidden;
    }
    #navbar {
      background-color: #fff;
      box-shadow: 2px 0 10px rgba(23, 23, 36, 0.15);
    }
    /* navbar */
    .navbar {
      position: relative;
    }
        .navbar .offcanvas-body {
            min-height: 100vh;
            background-color: #fff;
        }
    #navbar .navbar ul{
      gap: 0;
    }
    .navbar-navigation-back-btn{
      display: block;
    }
  
    .navbar-navigation-megamenu{
      top: 60px;
      z-index: 1;
      width: 100%;
      gap: 30px;
      padding: 0;
      max-height: 90vh;
      overflow-y: auto;
      z-index: 2;
    }
  
    .navbar-navigation-megamenu .megamenu{
      width: 300px;
      margin-right: 2rem;
    }
    
    .navbar .navbar-nav {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .navbar .navbar-toggler {
      position: absolute;
      left: 0;
      top: 10px;
      box-shadow: none;
      border: none;
      outline: none;
    }
  
    .navbar .navbar-toggler:focus,
    .navbar .navbar-toggler:valid,
    .navbar .navbar-toggler:active {
      box-shadow: none;
      border: none;
    } 
    
    /* megamenu */
    .navbar-navigation-megamenu{
      left: 0;
      width: 100%;
      padding: 1rem 1rem;
    }
    /* why */
    .header{
      margin-top: 2rem;
    }
    .why {
      margin-top: 4rem;
    }
    .why .why-head h2 {
      font-size: 2rem;
    }
    .why .why-head p {
      margin-top: 0.5rem;
      font-size: 1.2rem;
      font-weight: 350;
      padding: 0;
    }
    .product {
      margin-top: 1rem;
      object-fit: contain;
    }

    .s-header img{
      width: 100%;
      height: 100%;
    }

    .s-header .btn{
      margin-top: .5rem;
    }

    /* s-card */
    .s-card .card{
      margin-top: 1rem;
    }


    /* application */
    .application .application-left{
      width: 400px;
      min-height: 300px;
    }
    .application .application-left img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }


    /* testimonial */
    .testimonial {
      margin-top: 3rem;
      padding: 0;
    }
    .swiper {
      margin-top: -2rem;
    }
    .testimonal-client {
      margin-top: 2rem;
    }
  
    .testimonal-client .card {
      height: 160px;
    }

    /* admin */
    .admin-details .card{
      margin-top: 1rem;
    }
  
    /* navtab */
  .navtab{
    overflow: hidden;
  }


  /* phonesysfeature */
  .pf-feature .card{
    margin-top: 1rem;
  }
  

  /* communication_head */
  .communication_head h1{
    font-size: 2.5rem;
  }
  .communication_head h5{
    font-size: 1.2rem;
  }
  .communication_head p{
    font-size: .8rem;
  }

 /* phone */
  .option{
    min-height: 140px;
  }

  /* faq */
  .faq span{
    top: -100px;
    font-size: 120px;
  }

  /* additional feature */
  .additional_feature::after{
    display: none;
  }

  /* about-header */
  .about-header{
    margin-top: -1rem;
  }

    .vd-feature .card {
        margin-top: 1rem;
    }

    .vd-feature .card:hover .card-body {
        bottom: 0;
    }


 }
  
  
  @media (max-width: 780px) {
    .header .carousel-item svg {
     margin-top: -10rem;
    }
    /* card */
    .header .carousel-content{
      padding: 2rem;
      margin-top: 5rem;
    }
    .header .carousel-content h2 {
      font-size: 2rem;
      font-weight: 400;
    }
    .header .carousel-content p{
      font-size: 1rem;
    }
    .header .btn{
      padding: .5rem 1rem;
    }
    
  
    /* why */
    .why .why-card .card{
      min-height: 150px;
    }
    .why .why-card .card .card-top h5{
      font-size: 1.3rem;
    }
    .why .why-card .card .card-body .card-text p {
      font-size: .8rem;
    }

    /* empty */

    .testimonial-client{
      margin: 0;
    }

    .about-testimonial .card{
      min-height: 200px;
      width: 100%;
      margin-top: 1rem;
    } 
    .about-testimonial .card .card-body .card-text h3{
      font-size: 1.8rem;
    } 
    .about-testimonial .card .card-body .card-text p{
      font-size: .9rem;
    }


    .dropdown_icon {
        display: block;
    }

    .e_drop_p {
        width: 320px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
  }
  
  
  
  @media (max-width: 550px) {
    .header .carousel-item svg {
      margin-top: 0;
     }
     /* card */
     .header .carousel-content{
       padding: .8rem;
       margin-top: 0;
     }
  
    /* navbar */
    .navbar .navbar-toggler {
      top: 10px;
    }
  
    /* header */
    .header .container-fluid {
      padding: 0;
      padding-left: 0;
    }
    
    .header .row {
      flex-direction: column-reverse;
    }

    .header h1{
      font-size: 2.8rem;
    }

    .s-header .row{
      flex-direction: column;
    }

    .s-header img{
      width: 100%;
      height: 100%;
    }

    .s-header .btn{
      margin-top: .5rem;
    }


    /* application */
    .application{
      padding: 1rem 0;
    }

    .application .application-left{
      width: 400px;
      min-height: 300px;
    }
    .application .application-left img{
      width: 500px;
      min-height: 200px;
    }

    .four-row,
    .second-row{
      flex-direction: column-reverse;
    }


    /* s-card */
    .s-card .card{
      margin-top: 1rem;
    }
    

    /* why */
  
    .why .why-card .card .card-top img {
      height: 70px;
    }
  
    .why .why-card .card{
      min-height: 320px;
      padding: 1.5rem .5rem;
      overflow: hidden;
    }
    .why .why-card .card .card-top h5{
      font-size: 1.3rem;
    }
    .why .why-card .card .card-body .card-text p {
      font-size: .9rem;
      font-weight: 300;
    }
    .dividernew {
      margin: auto;
      padding: .052rem 0;
    }
  
  
    /* product */
    .product{
      height: 150px;
    }
  
    .product .product-head h3 {
      margin-top: 2rem;
      font-size: 1.6rem;
    }
    .product-details .p-details-p p {
      font-size: 1rem;
      font-weight: 300;
    }
  
    .product-details{
      margin-top: -2rem;
    }
  
    .product-details .p-details-p h4 {
      font-size: 1.3rem;
    }
  
    .product-details .p-details-p .list-sec p {
      font-size: .8rem;
      font-weight: 500;
    }
  
    
    /* help */
    .help-content .card{
      margin-right: 0;
    }
  
    .help-content .f-top-card{
      margin-top: 0;
    }

    /* phonesysfeature */
    .phonesys-feature .phonesys-head{
      margin-left: -.8rem;
    }

  
    /* testimonial */
    .testimonial{
      padding: 0;
    }
    .testimonial .container .row {
      padding: 0;
    }
    .testimonal-client .card {
      margin-top: 1rem;
    }
    .testimonial q {
      font-weight: 300;
      font-size: 1.2rem;
    }
    
    .testimonial .testimonal-head h3 {
      font-size: 1.6rem;
    }
  
    .swiper{
      margin-top: -5rem;
    }
  
    .testimonal-client {
      margin: 0;
      margin-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .testimonal-client .card{
      height: 150px;
      min-height: 100px;
    }
    .testimonail-client-head {
      padding-bottom: 0;
    }
  
    .testimonal-client .card .card-body .card-text h3 {
      font-size: 1.5rem;
    }
    .testimonal-client .card .card-body .card-text p {
      font-size: 1rem;
    }

    .about-testimonial .card{
      min-height: 250px;
    } 
  
    /* demo */
    .demo .demo-head h3 {
      font-size: 2rem;
    }
  
    .demo form{
      padding: 2.5rem 1.5rem;
    }
  
    .demo form .form-group label{
      font-size: .9rem;
      font-weight: 300;
    }
  
    .demo form .form-group input::placeholder{
      font-size: .9rem;
    }
  
  
    /* about */
    .about .form-group{
      flex-direction: column;
    }
    .about .form-group .form-control {
      width:100% ;
    }
    .about .form-group .btn{
      width: 100px;
      margin-left: 0;
      margin-top: .5rem;
    }
  }
  

  @media (max-width:480px){
    /* navbar */
    .navbar .navbar-toggler {
      top: 10px;
    }
    .vd-feature .card {
        min-height: 180px;
        background: #009F9A !important;
    }

    .vd-feature .card .card-body .card-text h3 {
        font-size: 1rem;
        min-height: 10px;
    }

    .vd-feature .card .card-body .card-text p {
        font-size: .8rem;
    }

    .vd-feature .card:hover .card-body {
        bottom: -8%;
    }
  
  
  }


  @media (max-width:320px){
    /* navbar */
    .navbar .navbar-toggler {
      top: 10px;
    }
  
    .options .option img{
      height: 70px;
    }
    .option{
      min-height: 115px;
    }
  }

@media (max-width:310px) {
    .vd-feature .card .card-body {
        position: relative;
    }
}</pre></body></html>