@media (max-width:820px) {
            /* ? HOWM PAGE START */
            /* NAVAGATION BAR START */
            .nev-header-container {
                height: 74px;
                position: sticky;
                top: 0;
                left: 0;
                z-index: 99999999999;
            }
            .hed-container {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 100%;
            }
            .heder-logo-mb,
            .nav-bar {
                display: block;
            }
            .heder-logo {
                display: none;
            }
            .nev-slider {
                position: fixed;
                justify-content: center !important;
                width: 100% !important;
                height: auto;
                background-color: #6FB3B8;
                transition: all .8s;
                left: -100%;
                top: 74px;
            }
            .header-ul {
                width: 100%;
                padding: 30px 0;
            }
            .header-ul>li {
                float: none;
                display: block;
                text-align: center;
                padding: 10px 0;
            }
            .dropdown-menu {
                width: 100vw !important;
                /* left: -45.3% !important; */
                margin-top: 5px !important;
            }
            .dropdown-menu>li>a {
                text-align: center !important;
            }
            #so:checked~.nev-slider {
                left: 0;
                transition: all .8s;
            }
            /* NAVAGATION BAR END */
            .home-hero-section::before,
            .home-hero-section::after {
                display: none;
            }
            .hero-sub-para {
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                /* or 24px */
                text-align: center;
                letter-spacing: 0.5px;
            }
            .home-hero-section {
                padding: 30px 0 68px 0 !important;
                background: url(../images/HomeMbHero.svg) no-repeat center !important;
                background-size: 100% 110% !important;
                border-radius: 0 !important;
            }
            .custom-hero-container {
                flex-wrap: wrap;
            }
            .about-us-section {
                height: 100%;
                max-height: 861px;
                background: url(../images/AboutUsBGimage.png) no-repeat center !important;
                background-size: contain !important;
            }
            .hero-colum {
                width: 100% !important;
            }
            .hero-colum:last-child {
                padding-top: 39px;
                position: static !important;
            }
            .hero-colum:last-child::before,
            .hero-colum:last-child::after {
                display: none;
            }
            .mk-align-center {
                margin-top: 0vh;
            }
            .hero-heading {
                font-weight: 600;
                font-size: 35px !important;
                line-height: 42px !important;
            }
            .desk-show {
                display: none !important;
            }
            .mb-show {
                display: block !important;
            }
            .mk-full {
                width: 100% !important;
            }
            .mt-mob-16 {
                margin-top: 16px;
            }
            .card-colum {
                margin-top: 24px;
                margin-bottom: 0 !important;
            }
            .card-frame {
                padding-top: 10px;
            }
            .card-side-strips-container::after,
            .card-side-strips-container::before {
                display: none;
            }
            /* ? HERO AND CARD SECTION END */
            /*  */
            /*  */
            /* ? ABOUT SECTION START */
            .about-strips-container {
                padding-bottom: 67px;
            }
            .fs-48-35 {
                font-size: 34px;
                line-height: 42px;
            }
            .fs-48-34 {
                font-size: 34px;
                line-height: 41px;
            }
            .fs-32-16 {
                font-weight: 700;
                font-size: 16px;
                line-height: 25px;
            }
            .para {
                font-size: 14px;
                line-height: 24px;
            }
            .m-0-mb {
                margin: 24px 0 0 0px !important;
            }
            .abc-box:first-child {
                padding-bottom: 5px;
            }
            .about-frame {
                margin: 32px 0 30px 0 !important;
            }
            .about-colum {
                width: 100%;
                padding: 7px 0 !important;
            }
            .h-bout-r-img {
                width: 100%;
                height: clamp(200px, 100%, 382px);
            }
            .fs-20-18 {
                font-weight: 700;
                font-size: 18px;
                line-height: 25px;
            }
            .about-col-content {
                bottom: 5%;
                left: 9%;
            }
            .about-content-frame {
                flex-wrap: wrap;
            }
            /* ? ABOUT SECTION END */
            /*  */
            /*  */
            /* ?HOW IT WORK SECTION START */
            .work-section {
                max-height: none;
                height: auto !important;
                padding-bottom: 10px !important;
            }
            .about-sec-mxh {
                max-height: none !important;
            }
            .pin-frame {
                flex-wrap: wrap;
            }
            .work-section::after,
            .work-section::before {
                display: none;
            }
            /* ?HOW IT WORK SECTION END */
            /*  */
            /*  */
            /* ?SERVICE SECTION START */
            .bg-doted-circle {
                padding-top: 10px;
            }
            .servce-card-scroll-frame::-webkit-scrollbar {
                appearance: none;
                -webkit-appearance: none;
            }
            .servce-card-scroll-frame {
                justify-content: start;
                overflow: auto;
                scroll-behavior: smooth;
                flex-wrap: nowrap;
                padding: 5px 10px 20px 0px;
            }
            .colum {
                width: 100% !important;
            }
            .colum:last-child {
                max-height: 420px;
            }
            .img-box:first-child {
                padding: 0 3px 0 12px;
                margin-top: -56px;
            }
            .img-box:last-child {
                padding: 0 12px 77px 3px;
                margin: -78px 0 7px 0;
            }
            .grow-img-lt {
                margin-bottom: 5px;
                height: 114px;
            }
            .grow-img-lb {
                height: 114px;
                margin-top: 5px;
            }
            .grow-img-rt {
                height: 157px;
                margin-bottom: 5px;
            }
            .grow-img-rb {
                height: 59px;
                width: 114px;
                margin-top: 5px;
            }
            /* ?SERVICE SECTION END */
            /*  */
            /*? FOOTER START  */
            .footer {
                padding: 20px 5% 10px 5%;
                overflow: hidden;
            }
            .word-nowrap {
                white-space: pre-wrap;
                word-wrap: break-word;
                word-break: break-all;
            }
            .footer-box {
                width: 100%;
            }
            .footer-box:first-child {
                order: 3;
            }
            .footer-box:nth-child(2) {
                order: 1;
            }
            .footer-box:last-child {
                order: 2;
                padding: 0 !important;
            }
            .sub-footer-frame {
                flex-wrap: wrap;
                justify-content: center;
            }
            .sub-footer-frame>ul {
                margin: 0 !important;
            }
            .footer-ql-list>li {
                text-align: center;
                margin-top: 8px;
            }
            .footer-heading {
                text-align: center;
                margin-bottom: 5px !important;
            }
            .footer-ql-list>li>img {
                display: none;
            }
            .footer-ql-list {
                width: 100vw
            }
            .footerUL>li {
                display: flex;
                justify-content: center;
            }
            .master-card {
                padding: 0 !important;
            }
            /*? FOOTER END  */
            /*  */
            /*  */
            /* ? WHAT IS ORM START */
            .mb-hero-img {
                background: url(../images/ServicesMBHeroBG.svg) no-repeat center !important;
                background-size: auto !important;
                height: 590px;
            }
            .orm-frame {
                flex-wrap: wrap-reverse;
            }
            .orm-box {
                width: 100%;
            }
            .breck-word {
                white-space: pre-wrap !important;
                font-weight: 600 !important;
                margin-top: 8px !important;
            }
            .orm-img-box {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .orm-imgL {
                margin: 0 0 20px 0 !important;
                width: 100% !important;
            }
            .orm-box:first-child {
                padding: 10px 0 0px 0 !important;
            }
            .channels-frame {
                margin-top: 40px;
                padding: 40px 0 0 0;
            }
            .channels-icon {
                gap: 30px;
                margin-top: 27px;
            }
            /* ? WHAT IS ORM END */
            /* * */
            /* * */
            /* ?=========================== ORM PACKAGES AND PRICING END =============================== */
            .padding-TB {
                padding: 5px 0 0px 0;
            }
            .busMx-height {
                padding: 40px 0 24px 0 !important;
            }
            .fs-48-32 {
                font-weight: 600;
                font-size: 34px;
                line-height: 41px;
            }
            .set-width {
                width: 144px !important;
                text-align: center !important;
            }
            .seo-pack-pricing-buttons {
                display: none;
            }
            .dropdown-toggle {
                color: black !important;
            }
            .constum-select-seo>.dropdown-toggle::after {
                float: right !important;
                margin: 13px 9px 0 10px!important;
                color: black !important;
            }
            .seo-para-sen {
                padding-right: 0%;
            }
            .seo-pak-praccing-section {
                padding-bottom: 16px !important;
                padding-top: 14px !important;
            }
            .swipe-to-see {
                padding-bottom: 14px;
            }
            .mk-line {
                padding-right: 33vw;
            }
            .fs-64-48 {
                font-weight: 600;
                font-size: 48px;
                line-height: 58px;
            }
            .service-hero-bg {
                background: url(../images/AllServicesBgHero.svg) no-repeat right !important;
                background-size: 100% 100% !important;
                height: 590px;
            }
            /* ?=========================== ORM PACKAGES AND PRICING END =============================== */
            /*  */
            /*  */
            /* ? CUSTOM PACKAGES END */
            .text-algin {
                text-align: center;
            }
            .custom-section {
                gap: 10px;
            }
            .custom-box {
                width: 100%;
                flex-wrap: wrap;
            }
            .custom-package-section {
                padding: 40px 0 30px 0;
            }
            /* ? CUSTOM PACKAGES END */
            /* ?================== ABOUT US START =========================== */
            .add-mt-about {
                margin-top: 14px;
            }
            /* ?================== ABOUT US END =========================== */
            /* todo: ------------------------------ FAQ START ---------------------------------- */
            .faq-hero-frame {
                padding: 57px 0 0 0;
            }
            .faq-body {
                padding: 40px 0 20px 0;
            }
            .faq-hero-section {
                overflow: hidden;
                padding-bottom: 44px;
                border-radius: 0px 0px 0px 100px;
            }
            .accordion-header {
                padding: 9.5px 25px;
                border-radius: 106px;
                margin-bottom: 4px;
            }
            .faq-accordion-item {
                border: 0;
                margin-bottom: 20px;
            }
            .accordion.faq-accordion {
                /* margin-bottom: 24px; */
            }
            .accordion-button.faq-accordion-button {
                background-color: transparent;
                box-shadow: none;
                font-family: 'Lato';
                font-style: normal;
                font-weight: 700;
                font-size: 13px;
                line-height: 16px;
                padding: 0;
                text-transform: capitalize;
                /* Grayscale/Black */
                color: #000000;
            }
            .accordion-body {
                width: 100%;
                padding: 15px 0% 0 0;
                font-family: 'lato';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 26px;
                letter-spacing: 0.5px;
                text-transform: capitalize;
                color: #000000;
            }
            .faq-hero-section::after {
                position: absolute;
                content: "";
                left: -10px;
                top: 18%;
            }
            .faq-hero-section::before {
                right: -6%;
                left: auto;
                top: 8%;
                width: 61px;
                height: 91px;
            }
            .faq-hero-frame::after {
                position: absolute;
                content: "";
                right: -50px;
                top: 25%;
                width: 57px;
                height: 57px;
                border-radius: 200px;
                /* background: #33D4BA; */
            }
            .faq-hero-frame::before {
                position: absolute;
                content: "";
                left: 10%;
                bottom: auto;
                top: 10px;
                width: 25px;
                height: 25px;
                border-radius: 200px;
                border: 6px solid #6DC3F2;
                /* background: #6DC3F2; */
            }
            /* todo: ------------------------------ FAQ END ---------------------------------- */
            /* * */
            /* todo: ------------------------------ ERROR START 404 ---------------------------------- */
            .error-404-section {
                padding: 0px 0;
                height: 687px;
                background: url(../images/LoginHeroBgMb.svg) no-repeat;
                background-size: auto;
            }
            .erro-image-colum {
                height: 310px;
                background: none;
            }
            .error-conten-colum {
                padding: 0 5% 40px 5%;
            }
            .fs-20-14 {
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.5px;
            }
            /* ?------------------------ CONTACT US START --------------------------------- */
            .git-section {
                background: none;
            }
            .get-toch-box {
                padding: 40px 24px;
                margin: 40px 0;
            }
            .input-frame {
                flex-wrap: wrap;
                gap: 0;
            }
            .termms-condigion-frame {
                padding: 0px 0 25px 0 !important;
            }
            /* ?------------------------ CONTACT US END --------------------------------- */
            /*  */
            /* ?=========== Login START ============== */
            .login-section,
            .signup-section {
                padding: 0px 0 40px 0;
            }
            .login-colum:last-child {
                padding-left: 0% !important;
            }
            .login-frame-box {
                padding: 40px 23px;
                box-shadow: 8px 6.5px 0px 2px #6FB3B8;
            }
            .popup-frame {
                padding: 68px 34px;
            }
            /* ?=========== Login END ============== */
            /* ?=========== CHECKOUT START ============== */
            /* .ck-input-wraper {
                flex-wrap: wrap;

            } */
            .copenCode-frame {
                flex-wrap: wrap;
                margin: 30px 0 !important;
            }
            .total-amount {
                margin-top: 16px !important;
                border-bottom: 1px solid #656565 !important;
                border-top: 1px solid #656565 !important;
            }
            .copenCode-frame>button {
                margin-top: 16px;
                width: 100%;
            }
            .ck-input-wraper {
                gap: 0;
                width: 100%;
            }
            .checkout-form-section {
                background-color: #FFFFFF;
            }
            /* ?=========== CHECKOUT END ============== */
            .checkout-form-section::after,
            .checkout-form-section::before {
                display: none;
            }
            /* * */
            /* * */
            .fs-16-13 {
                font-family: 'Lato';
                font-style: normal;
                font-weight: 600;
                font-size: 13px;
                line-height: 16px;
            }
            /* * */
            .side-nav-frame {
                border-radius: 0px;
                padding: 17px 10px;
            }
            .nac-colum>a>img {
                margin-right: 10px;
                width: 14px;
                height: 19px;
            }
            /* * */
            /* * */
            .wrapper-oh {
                padding: 30px 7px;
            }
            .fs-16-13 {
                font-weight: 400;
                font-size: 13px;
                line-height: 22px;
            }
            .fx-width {
                width: auto;
            }
            .pd-x {
                padding-left: 1%;
                padding-right: .7%;
            }
            .mb-center {
                text-align: center;
            }
            .orderhistory-form-section {
                height: auto;
                padding: 40px 0 !important;
                background: none;
            }
            .mt-57 {
                margin-top: 10px;
            }
            .home-about-wrapper {
                background: none;
            }
            .grow-business-sub-section {
                max-width: 370px;
            }
            .terms-condtion-text {
                padding: 28px;
            }
            .term-con-bg-frmae {
                padding: 40px 0;
            }
            .term-con-bg-frmae::before,
            .term-con-bg-frmae::after {
                background: none;
            }
            .signup-colum {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }
            .signup-colum:last-child {
                background: none;
            }
            .signup-section::after {
                display: none;
            }
            .login-termCondition {
                padding: 16px 0 0 0 !important;
            }
            .sec-box-acc {
                margin-top: 4px;
            }
            .card-frame {
                flex-wrap: wrap !important;
            }
            .card-colum {
                width: 262px !important;
                height: 262px !important;
            }
            /* .card-colum>h4 {
                font-size: calc(11px + .4vw);
                line-height: 24px;
            }
            .card-colum>p {
                font-size: calc(10px + .3vw);
                line-height: 19px;
            }
            .card-colum>img {
                width: 6vw;
            } */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
            /* * */
        }

        @media (min-width:1700px) {
            .container {
                max-width: 1420px;
            }
            .custom-hero-container {
                max-width: 1723px;
            }
            .custom-login-container {
                max-width: 1868px;
            }
            .side-nav-container {
                max-width: 1543px;
            }
        }

        @media (min-width:1400px) and (max-width:1700px) {
            .hero-colum:first-child {
                padding: 3%;
            }
        }

        @media (min-width:820px) and (max-width:1440px) {
            .card-colum {
                width: 20vw;
                height: 20vw;
                border-radius: 200px;
            }
            .card-colum>h4 {
                font-size: calc(11px + .4vw);
                line-height: 24px;
            }
            .card-colum>p {
                font-size: calc(10px + .3vw);
                line-height: 19px;
            }
            .card-colum>img {
                width: 6vw;
            }
            /*  */
            .card-frame {
                flex-wrap: nowrap !important;
            }
        }

        @media (min-width:820px) and (max-width:1190px) {
            .show-120 {
                display: block;
            }
            .none-120 {
                display: none;
            }
            .fs-48-35 {
                font-size: calc(20px + 2vw);
            }
            .orm-frame {
                padding-top: 0px;
            }
        }

        @media (max-width:1444px) {
            .login-colum:last-child {
                padding-left: 5%;
                margin-top: 0 !important;
            }
            .home-hero-section {
                padding: 30px 0 60px 0;
            }
            .hero-colum {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .hero-heading-frame {
                margin: 16% 0 0 0%;
            }
            .hero-heading {
                font-size: calc(20px + 2vw);
                line-height: 54px;
            }
            .hero-sub-para {
                padding: 5% 1% 0 1% !important;
                margin: 0 0 16px 0!important;
            }
            .hero-heading-frame {
                margin: 0%;
            }
            .work-section::after,
            .work-section::before {
                width: 20vw;
            }
            .about-strips-container::after,
            .about-strips-container::before {
                display: none;
            }
        }

        @media (min-width:1400px) {
            .custom-hero-container {
                max-width: 1629px;
            }
        }

        @media (max-width:1300px) {
            .mw-checkout {
                padding: 40px 24px 57px 24px;
                margin-left: 0px !important;
            }
        }

        @media (max-width:1100px) {
            .checkout-frame {
                flex-wrap: wrap;
            }
            .container {
                max-width: 100%;
                margin: 0 !important;
                padding: 0 5% !important;
            }
            .custom-login-container {
                padding: 0 !important;
            }
            .heder-logo {
                left: 10vw;
            }
            .login-frame {
                flex-wrap: wrap;
                gap: 40px;
            }
            .sign-frame {
                flex-wrap: wrap-reverse;
                gap: 40px;
            }
            .signup-hero-img {
                margin-top: 0;
            }
            .login-frame-box {
                margin: 0 5%;
            }
            .PamentSucces-section::before,
            .PamentSucces-section::after {
                display: none;
            }
            .add-total-mb {
                margin-bottom: 10px;
            }
            .summary-frame-bx {
                padding: 40px 19px !important;
            }
            .mr-left-0 {
                margin-left: 0 !important;
            }
            .input-wrapper {
                flex-wrap: wrap;
            }
            .mw-accountDetails {
                padding: 40px 24px!important;
                margin: 0 !important;
            }
            .fs-32-26 {
                font-weight: 600;
                font-size: 26px;
                line-height: 31px;
            }
        }

        @media (max-width:1220px) {
            .ck-input-wraper {
                flex-wrap: wrap;
                width: 100%;
                margin-top: 0 !important;
                gap: 0;
            }
            .checkout-frame {
                align-items: start;
            }
            .min-ck-w {
                width: 100%;
                max-width: none;
            }
            .input-lable {
                max-width: none;
            }
            .mw-checkout {
                padding: 40px 24px 57px 24px;
                margin-left: 0px !important;
            }
            .ck-colum:last-child {
                display: flex !important;
                justify-content: center !important;
                /* align-items: center; */
            }
            .min-ck-w {
                margin: 16px 0 0 0 !important;
            }
            .seo-pack-pri-table-frame {
                justify-content: start;
            }
            .work-section::after,
            .work-section::before {
                width: 15vw;
            }
            .services-circle {
                margin: 50px 3vw;
            }
            .services-circle:first-child {
                margin: 50px 3vw 50px 0;
            }
            .grow-business-sub-section {
                height: auto;
                margin: 70px 0 10px 0;
                padding-bottom: 55px;
            }
            .add-p {
                padding: 0;
            }
            .colum:last-child {
                padding: 30px 20px 56px 20px;
            }
            .grow-buttons {
                flex-direction: column;
                flex-wrap: wrap;
                padding: 23px 0 0 0!important;
                gap: 14px;
            }
            .mr-left {
                margin-left: 3% !important;
            }
            .footer-box:last-child {
                padding-left: 3%;
            }
            .foooter-frame {
                flex-wrap: wrap;
                justify-content: center !important;
                align-items: center !important;
                gap: 20px;
            }
            .orm-imgL {
                margin-left: 5%;
                width: clamp(250px, 93%, 584px);
            }
            .orm-box:first-child {
                padding: 40px 3% 40px 1%;
            }
            .bg-doted-circle::before,
            .bg-doted-circle::after {
                display: none;
            }
            .side-nav-container {
                margin: 0px !important;
                padding: 0 !important;
            }
            .nac-colum>a {
                align-items: start;
            }
            .home-service-section {
                padding: 40px 0;
            }
        }
@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {
  .mw-signUp {
    max-height: 971px!important;
  }
}
@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
  .mw-signUp {
    max-height: 971px!important;
  }
}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
  .mw-signUp {
    max-height: 971px!important;
  }
}
@media only screen and (min-device-width: 1500px) and (max-device-width: 1599px) {
  .mw-signUp {
      max-height: 1017px!important;
  }
}
@media only screen and (min-device-width: 1600px) and (max-device-width: 1699px) {
  .mw-signUp {
      max-height: 1017px!important;
  }
}