@media screen and (max-width: 1024px) {}

@media screen and (max-width: 991px) {
    .banner-section {
        max-height: 440px;
    }
    .banner-content h1 {
        font-size: 45px;
    }
    .banner-content p {
        font-size: 18px;
    }
    .common-banner-section {
        max-height: 350px;
    }
    .common-banner-section .banner-content h3 {
        font-size: 45px;
    }
  
    .policy-banner-section {
        max-height: 240px;
    }
    .policy-banner-section h3,.policy-banner-section h1 {
        font-size: 45px;
    }
    .policy-head h3 {
        font-size: 32px;
        line-height: 1.2;
    }
    .policy-description > h3 {
        font-size: 22px;
        line-height: 1.2;
    }
    .main-content h3 {
        font-size: 32px;
    }
    .top-heading h3 {
        font-size: 32px;
    }
    .whychoose-section {
        padding: 60px 0;
    }
    .whychosse-main ul li+li {
        margin-top: 40px;
    }
    .common-section {
        padding: 60px 0;
    }
    .about-section {
        padding: 60px 0;
    }
    .testimonial-section {
        padding: 60px 0;
    }
    .contact-section {
        padding: 60px 0;
    }
    footer {
        padding-top: 40px;
    }
    .comingsoon-section {
        padding: 60px 0;
        height: calc(100vh - 200px);
    }
    .coming-soon-content h3 {
        font-size: 50px;
    }

    .joinus-card {
        padding: 22px;
        background-size: 223px;
    }
    
    .joinus-card:after {
        background-size: 155px 102px;
        width: 155px;
        height: 102px;
    }
    .joinus-card-body {
        max-width: 67%;
        width: 100%;
        margin: 0 0 0 auto;
    }
    .joinus-card h3 {
        font-size: 60.81px;
    }
    .joinus-card h4 {
        font-size: 22px;
    }
}

@media screen and (min-width: 768px) {
   
    header.fixed{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        animation: topToBottom 300ms linear;
        box-shadow: 0px 0px 6px 0px rgb(48 45 45 / 10%);
    }
}

@media screen and (max-width: 767px) {
   
    header {
        box-shadow: 0px 0px 6px 0px rgb(48 45 45 / 10%);
        backdrop-filter: saturate(180%) blur(15px);
        position: fixed;
        padding: 10px 0;
    }
    .hdr-main .container {
        height: 100%;
    }
    .hdr-main {
        height: 100%;
    }
    .logo a img {
        width: 150px;
    }
    .hdr-navigation {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background: #fff;
        width: 90%;
        max-width: 250px;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        text-align: left;
        padding-top: 0;
        padding-left: 0;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        z-index: 999;
        transition: all 300ms;
        height: 100vh;
    }
    body:not(.menu-open) .hdr-navigation {
        transform: translateX(-120%);
    }
    body.menu-open header .overlay {
        opacity: 1;
        visibility: visible;
    }
    .hdr-navigation nav ul {
        flex-wrap: wrap;
        max-height: 100%;
        overflow: auto;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        gap: 0px;
    }
    .hdr-navigation nav ul li {
        width: 100%;
    }
    .hdr-navigation nav ul li a {
        padding: 10px 20px;
        border-bottom: unset;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 500;
    }
    .hdr-navigation nav ul li a:hover,
    .hdr-navigation nav ul li a.active,
    .hdr-navigation nav ul li a:focus {
        color: #FF34C4;
        border-bottom: unset;
    }
    .hdr-navigation nav ul li+li {
        border-top: 1px solid #eee;
    }
    /* .hdr-navigation nav ul li a:before{
        background-color: #FF34C4;
    } */
    .menu-icon,
    .close-menu {
        display: block;
    }
    .container {
        padding: 0 15px;
    }
    main {
        padding-top: 56px;
    }
    .main-flex {
        flex-wrap: wrap;
        gap: 15px;
    }
    .inner-flx {
        width: 100%;
    }
    .inner-flex-40 {
        width: 100%;
    }
    .inner-flex-60 {
        width: 100%;
    }
    .inner-flex-50 {
        width: 100%;
    }
    .banner-section {
        padding: 45px 0;
        max-height: 428px;
    }
    .banner-content p {
        font-size: 16px;
    }
    .banner-content h1 {
        font-size: 32px;
    }

    .barcode-image img {
        width: 80px;
    }
    .banner-content .main-btn {
        margin: 15px auto 0;
    }

    .about-section {
        padding: 45px 0;
    }
    .main-content h3 {
        font-size: 24px;
    }

    .testimonial-section{
        padding: 45px 0;
    }
    .contact-section {
        padding: 45px 0;
    }
    .top-heading {
        margin-bottom: 35px;
    }
    .top-heading h3 {
        font-size: 24px;
    }
    .contact-main {
        padding: 20px;
        border-radius: 16px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: -2px;
    }
    
    .fileuplodr-list ul li {
        width: 100%;
    }
    footer {
        padding-top: 30px;
    }
    .ftr-top {
        flex-wrap: wrap;
        gap: 15px;
    }
    .ftr-top .logo a img {
        width: 122px;
    }
    .ftr-mdl {
        padding: 15px 0;
        flex-wrap: wrap;
        gap: 5px 10px;
    }
    .ftr-btm {
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
    }
    .common-banner-section {
        max-height: 200px;
    }
    .common-banner-section .banner-content h3 {
        font-size: 28px;
    }
    .whychoose-section {
        padding: 45px 0;
    }
    .whychosse-main ul li+li {
        margin-top: 25px;
    }
    .common-section {
        padding: 45px 0;
    }
    .policy-banner-section {
        max-height: 160px;
    }
    .policy-banner-section h3, .policy-banner-section h1 {
        font-size: 32px;
    }
    .policy-section {
        padding: 45px 0;
    }
    .policy-head h3 {
        font-size: 24px;
        line-height: 1.2;
    }
    .policy-description > h3 {
        font-size: 20px;
        line-height: 1.2;
    }
    .policy-description > h4 {
        font-size: 16px;
        line-height: 1.2;
    }
    .policy-description+.policy-description {
        margin-top: 15px;
    }
    .policy-description > h5 {
        font-size: 16px;
        line-height: 1.2;
    }
    .policy-description h5+p, .policy-description h4+p {
        margin-top: 10px;
    }
    .policy-description > h3+p {
        margin-top: 7px;
    }
    .policy-description > h3 ~ p+p {
        margin-top: 8px;
    }
    .policy-description > h3+h5, .policy-description > h3+h4, .policy-description > h3+h6 {
        margin-top: 8px;
    }
    .policy-description > h6 + h6 {
        margin-top: 8px;
    }
    .comingsoon-section {
        padding: 45px 0;
        height: calc(100vh - 275px);
    }
    .coming-soon-content h3 {
        font-size: 36px;
    }
    .connection-section {
        padding: 45px 0;
    }
    .features-section {
        padding: 45px 0;
    }
    .features-list ul li {
        width: 100%;
    }
    .features-list ul li .featurse-detail {
        padding-left: 50px;
    }
    .features-list ul li .featurse-detail:before {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    .featurse-detail h3 {
        font-size: 18px;
    }

    .prtnr-feture-list {
        margin-top: 25px;
    }
    .prtnr-feture-content {
        position: relative;
        padding-left: 45px;
    }
    .prtnr-feture-content span {
        width: 35px;
        height: 35px;
    }

    .prtnr-feture-content span img {
        width: 18px;
    }
    .prtnr-feture-content h3 {
        font-size: 20px;
    }

    .prtnr-feture-content h3+p {
        margin-top: 5px;
    }


    .how-strated {
        padding: 40px 0;
    }
    .how-started-main .how-started-content {
        width: 100%;
    }
    .how-started-main {
        gap: 15px;
        flex-wrap: wrap;
    }

    .how-started-main .how-started-image {
        width: 100%;
        text-align: right;
    }
    .how-started-main .how-started-image img {
        width: 130px;
    }
    .how-started-content h3 {
        font-size: 44px;
    }
    .how-started-content h4 {
        font-size: 20px;
        margin-top: 5px;
    }
    .joinus-card {
        padding: 20px;
        background-size: 90px;
        background-position: left top;
        padding-top: 90px;
        padding-bottom: 100px;
    }
    .joinus-card:after {
        bottom: 0;
        left: 0;
        right: unset;
        top: unset;
        background-size: 140px 102px;
        width: 140px;
        height: 102px;
        transform: rotate(180deg);
    }

    .joinus-card-body {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .joinus-card h3 {
        font-size: 54px;
    }
    .joinus-card h4 {
        font-size: 22px;
        margin-top: 2px;
    }

    .faq-section {
        padding: 35px 0;
    }
   
    .faq-main {
        padding: 15px;
        border-radius: 16px;
    }
    .faq-main .top-heading {
        margin-bottom: 25px;
    }
    .top-heading h3 {
        font-size: 20px;
        line-height: 1.4;
    }
    .faq-head {
        padding-right: 35px;
    }
    .faq-head:before {
        font-size: 14px;
        line-height: 14px;
    }
    .faq-head h4 {
        font-size: 14px;
        line-height: 1.4;
    }
 .bloglist-section {
        padding: 40px 0 40px;
    }
    .blog-listing ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
      .blog-bg {
        height: 180px;
    }
    .blog-description {
        padding: 15px;
    }
    .blog-description h3 {
        font-size: 18px;
        line-height: 1.3;
    }
    .blogdetail-section {
        padding: 35px 0;
    }
   
}

@media screen and (max-width: 375px) {
   
}