@media (max-width: 768px) {

    .images-container{
        flex-direction: column;
        gap: 10px;
    }

    .images-container .col{
        gap: 10px;
    }

    .header-floater a.hpricing,
    .header-floater a.hfeatures {
      display: none;
    }

    .hero-area{
        padding: 0px;
    }

    .hero-area-top{
        margin-top: 120px;
        
    }

    .header{
          padding: 25px 10px 0px;
          overflow: hidden;
    }

    .hero-area-top .h1-tagline{
        margin-top: 6px;
    }

    .links a.desktop{
      display: none;
    }

    .h1-tag{
      font-size: 46px;
    }

    .h1-tagline{
      font-size: 18px;
    }

.site-section{
      margin: 50px auto 0px;
}

.site-section-feature{
     max-width: var(--jt-content-max-width);
  width: 100%;
}

    .h1-secondtag{
      font-size: 36px;
    }

    .site-section-title{
      padding: 0px;
    }

    .footer-suprise img{
      width: 80%;
    }


    .img-desktop{
        display: none;
      }

      .false_bg{
        display: none;
      }
    
      .img-mobile{
       display: block;
       width: calc(200%);
       margin-top: 80px;
       z-index: 11;
       margin: auto;
       position: relative;
      margin-left: -100%;
      }

      .section-header{
        padding: 0px;
        margin-bottom: 70px;
      }

      .footer-content{
        flex-direction: column;
      }

    .footer-content .box.right{
        display: none;
      }

      .footer-content .box.left{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        justify-items: center;
      }

      .footer-content .box.middle img{
        margin-right: -5px;
        margin-bottom: -120px;
      }
}