@media only screen and (max-width: 1920px) and (min-width: 1550px) {
    .text-align-r {
        text-align: end;
    }

    .fnt-sz {
        font-size: 3.5rem;
    }

    .banner-para {
        font-size: 1.4rem;
    }

    .button.btn.banner-btn.mr-2 {
        font-size: 1.5rem !important;
    }

    .button-size {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .vector-tp {
        text-align: center;
    }

    p {
        font-size: 1.25rem;
        text-align: justify;
    }

    ul {
        font-size: 1.2rem;
    }

    .accordion-item .accordion-item-title {
        font-size: 1.2rem;
    }

    .font-set {
        font-weight: 700;
    }

    .setting {
        position: absolute;
        top: -6rem;
        width: 26rem;
        left: 25%;
    }

    .bakery-pos {
        top: 12rem;
    }

    .arrow {
        margin-left: 420px;
    }

    .contact-info {
        margin: 60px;
    }

    .about_set {
        position: absolute;
        text-align: center;
        left: 30%;
        top: 45%;
    }

    .about_set1 {
        left: 40%;

    }
}

@media only screen and (max-width: 1550px) and (min-width: 1401px) {
    .bakery-pos {
        top: 10rem;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1200px) {
    .custom-fluid {
        padding: 0rem 3rem 0rem 3rem;
    }

    .grow {
        min-height: 22rem;
    }

    .accordion-item .accordion-item-title {
        font-size: 0.9rem;
        font-weight: 600;
    }

    .solutions_card {
        width: 21rem;
    }

    .bakery-pos {
        position: absolute;
        top: 10rem;
    }

    .fnt-sz1 {
        font-size: 2.7rem;
    }

    .bakery-pos {
        top: 10rem;
    }

    .arrow {
        margin-left: 320px;
    }

    .content-pricing {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .amount {
        font-size: 22px;
        font-weight: bolder;
    }

    .view-pricing {
        display: block;
        width: 100%;
        padding: 10px;
    }

    .box-pricing {
        display: flex;
        flex-direction: column;
        height: 950px;
        width: 286px;
        border-radius: 20px;
        margin-left: 5px;
        margin-right: 5px;
        background: #FFF;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
    }

    .description {
        margin: 0px !important;
        font-size: 15px;
        font-weight: 400px;
        color: #036;
        padding: 1rem;
    }

    .price-btn {
        position: absolute;
        bottom: 3rem;
        left: 4.5rem;
    }

    .all-features-btn {
        background-color: #A9F5FF !important;
        border-radius: 4rem;
        color: #036 !important;
        padding: 8px;
    }

    .free-btn {
        background-color: #005D6E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 3.5rem;
    }

    .plus-btn {
        background-color: #005B9E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 2.5rem;
    }

    .franchise-btn {
        background-color: #0097B8 !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 3.5rem;
    }

    .enterprise-btn {
        background-color: #F0483E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 4.5rem;
    }

    .about_set {
        left: 20%;
    }

}

@media only screen and (max-width: 1100px) and (min-width: 1025px) {

    .width-set {
        min-height: 15rem !important;
    }

    .arrow {
        margin-left: 280px;
    }
}


@media only screen and (max-width: 1200px) and (min-width: 1025px) {
    .custom-fluid {
        padding: 0rem 2rem 0rem 2rem;
    }

    .width-set {
        min-height: 14rem;
    }

    .scale .overly {
        padding: 4rem 0rem 0rem 4rem;
    }

    .grow {
        height: 20rem;
    }

    .solutions_card {
        width: 18rem;
    }

    .fnt-sz1 {
        font-size: 2.5rem;
    }

    .Faq {
        background: #fff;
        min-height: 51rem;
    }

    .arrow {
        margin-left: 240px;
    }

    .overlay-set {
        background-color: rgba(0, 0, 0, 0.6);
        position: relative;
        bottom: 0rem;
        width: 100%;
        min-height: 11rem;
    }

    .content-pricing {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .amount {
        font-size: 22px;
        font-weight: bolder;
    }

    .view-pricing {
        display: block;
        width: 100%;
        padding: 0px;
    }

    .box-pricing {
        display: flex;
        flex-direction: column;
        height: 950px;
        width: 286px;
        border-radius: 20px;
        margin-left: 5px;
        margin-right: 5px;
        background: #FFF;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
    }

    .description {
        margin: 0px !important;
        font-size: 15px;
        font-weight: 400px;
        color: #036;
        padding: 1rem;
    }

    .price-btn {
        position: absolute;
        bottom: 1rem;
        left: 2.5rem;
    }

    .all-features-btn {
        background-color: #A9F5FF !important;
        border-radius: 4rem;
        color: #036 !important;
        padding: 8px;
    }

    .free-btn {
        background-color: #005D6E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .plus-btn {
        background-color: #005B9E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .franchise-btn {
        background-color: #0097B8 !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .enterprise-btn {
        background-color: #F0483E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 4.5rem;
    }

    .about_set {
        left: 14%;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .custom-fluid {
        padding: 0rem 2rem 0rem 2rem;
    }

    ul {
        font-size: 1.1rem;
    }

    .font-set {
        font-size: 1.8rem;
    }

    p {
        font-size: 1.18rem;
    }

    .fnt-sz {
        font-size: 2.5rem;
    }

    .width-set1 {
        min-height: 12rem;
    }

    .width-set {
        min-height: 14rem;
    }

    .min-h {
        min-height: 13rem;
    }

    .scale .overly {
        padding: 3rem 0rem 0rem 2rem;
    }

    .grow {
        height: 22.5rem;
    }

    .Faq {
        min-height: 51rem;
    }

    .arrow {
        margin-left: 240px;
    }

    .overlay-set {
        background-color: rgba(0, 0, 0, 0.6);
        position: relative;
        bottom: 0rem;
        width: 100%;
        min-height: 11rem;
    }

    .content-pricing {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .amount {
        font-size: 22px;
        font-weight: bolder;
    }

    .view-pricing {
        display: block;
        width: 100%;
        padding: 0px;
    }

    .box-pricing {
        display: flex;
        flex-direction: column;
        height: 950px;
        width: 286px;
        border-radius: 20px;
        margin-left: 5px;
        margin-right: 5px;
        background: #FFF;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
    }

    .description {
        margin: 0px !important;
        font-size: 14px;
        font-weight: 400px;
        color: #036;
        padding: 1rem;
    }

    .all-features-btn {
        background-color: #A9F5FF !important;
        border-radius: 4rem;
        color: #036 !important;
        padding: 8px;
    }

    .price-btn {
        position: absolute;
        bottom: 3rem;
        left: 1.5rem;
    }

    .free-btn {
        background-color: #005D6E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .plus-btn {
        background-color: #005B9E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .franchise-btn {
        background-color: #0097B8 !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 1.5rem;
    }

    .enterprise-btn {
        background-color: #F0483E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 45px;
        position: absolute;
        top: 15rem;
        left: 3.5rem;
    }

    .solutions_card {
        width: 23rem;
    }

    .about_set {
        left: 15%;
    }

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .custom-fluid {
        padding: 0rem 2rem 0rem 2rem;
    }

    .fnt-sz {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    .banner-para {
        font-size: 1.1rem;
    }

    .banner-sec {
        min-height: 33rem;
        padding-top: 5rem;
    }

    .text-align-c {
        text-align: center;
    }

    .min-h {
        min-height: 12rem;
    }

    .height-set {
        height: 35rem;
    }


    .scale .overly {
        padding: 3rem 0rem 0rem 2rem;
    }

    .setting {
        top: -5rem;
        width: 25rem;
        left: 1rem;
    }

    .free-clr {
        padding: 9rem 0rem 0rem 3rem;
    }

    .bakery_setup {
        padding: 2rem;
    }

    .resto-none {
        line-height: 1.3rem;
    }

    .grow {
        height: 15.5rem;
        width: 45%;
    }

    .d-flx {
        display: flex;
        flex-wrap: wrap;
    }

    .bakery-pos {
        position: absolute;
        top: 2rem;
    }

    .fnt-sz1 {
        font-size: 2rem;
    }

    .profit-box {
        min-height: 12rem;
    }

    .apparelmanagement_mrgnsetup {
        margin-top: -5.2rem;
    }

    .arrow {
        margin-left: 180px;
    }

    .content-pricing {
        display: flex;
        flex-wrap: nowrap;
    }

    .swiper-container {
        height: 100%;
    }

    .swiper-full-mobile:befores {
        content: "";
        width: 265px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        height: 565px;
        margin: auto;
    }

    .swiper-full-mobile .swiper-slide {
        height: 100%;
    }

    .section-desktop {
        display: none;
    }

    .section-mobile {
        display: block;
    }

    .view-pricing {
        display: block;
        width: 100%;
        padding: 5px;
    }

    .amount {
        font-size: 22px;
        font-weight: bolder;
    }

    .box-pricing {
        display: flex;
        flex-direction: column;
        height: 790px;
        width: 310px;
        border-radius: 20px;
        margin-left: 0px;
        margin-right: 0px;
        background: #FFF;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
    }

    .description {
        margin: 0px !important;
        font-size: 14px;
        font-weight: 400px;
        color: #036;
        padding: 1.5rem;
    }

    .all-features-btn {
        background-color: #A9F5FF !important;
        border-radius: 4rem;
        color: #036 !important;
        padding: 11px;
    }

    .price-btn {
        position: absolute;
        bottom: 3rem;
        left: 4.5rem;
    }

    .free-btn {
        background-color: #005D6E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 47px;
        position: absolute;
        top: 12rem;
        left: 4.5rem;
    }

    .plus-btn {
        background-color: #005B9E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 47px;
        position: absolute;
        top: 12rem;
        left: 4.5rem;
    }

    .franchise-btn {
        background-color: #0097B8 !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 47px;
        position: absolute;
        top: 12rem;
        left: 4.5rem;
    }

    .enterprise-btn {
        background-color: #F0483E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 10px 47px;
        position: absolute;
        top: 12rem;
        left: 4.5rem;
    }

    .content-descrip {
        margin-top: 4rem;
    }

    .Enterprise {
        display: flex;
        flex-direction: column;
        height: 300px;
        width: 310px;
        border-radius: 20px;
        margin-left: 10px;
        margin-right: 10px;
        background: #FFF;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
        position: relative;
    }

    .Enterprise-outlet {
        display: flex;
        flex-direction: column;
        height: 400px;
        width: 310px;
        border-radius: 20px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 2rem;
        background: #FFF;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
        position: relative;
    }

    .solutions_card {
        width: 20rem;
    }

    .about_set {
        left: 15%;
    }

    .about-fnt-set {
        font-size: 2.8rem;
    }

}

@media screen and (max-width: 767px) {
    .fnt-sz {
        font-size: 1.7rem !important;
    }

    .bg-skylight {
        background-color: #A9F5FF !important;
        padding: 2rem;
    }

    .custom-fluid {
        padding: 0rem 1rem 0rem 1rem;
    }

    h3 {
        font-size: 1.3rem !important;
    }

    .font-st {
        font-size: 1.3rem !important;
    }

    h2 {
        font-size: 1.5rem !important;
    }

    .banner-para {
        font-size: 1.1rem;
    }

    .banner-sec {
        min-height: 40rem;
        padding-top: 1rem;
    }

    .vector-tp {
        margin-top: 3rem;
        text-align: center;
    }

    .border-bottom {
        width: 3rem;
    }

    p {
        font-size: 1.0rem !important;
    }

    a {
        font-size: 1.2rem;
    }

    .radius {
        border-radius: 1rem;
    }

    .scale {
        min-height: 25rem;
    }

    .scale .overly {
        min-height: 25rem;
        padding: 3rem 0rem 0rem 2rem;
    }

    .free-clr {
        background-color: #A9F5FF;
        min-height: 18rem;
        padding: 4rem 0rem 0rem 2rem;
    }

    .bg-free {
        min-height: 20rem;
    }

    .setting {
        position: absolute;
        top: -4rem;
        width: 20rem;
        left: 18%;
    }

    .text-align-l {
        text-align: center;
    }

    .text-align-r {
        text-align: center;
    }

    .justify {
        justify-content: center;
    }

    .text-align-r1 {
        text-align: left;
    }

    .card1:hover {
        box-shadow: none;
    }

    .wid-15 {
        width: 90%;
    }

    .height-set {
        height: 30rem;
    }

    .bakerysetup_pos {
        position: relative;
        flex-direction: column;
        margin: 1rem;
    }

    .bakery-pos {
        top: 4rem;
    }

    .fnt-sz1 {
        font-size: 2rem;
    }

    .profit-box {
        min-height: 12rem;
    }

    .bakery_setup {
        padding: 1rem;
        margin: 0rem;
    }

    .bakeryborder-bottom {
        width: 4rem;
        margin-top: 1rem;
    }

    .trail-heightset1 {
        margin-top: 4rem;
    }

    .wid-heightset {
        height: 46rem;
        width: 100%;
    }

    .supermarket-bottom {
        width: 3rem;
        margin-top: 1rem;
    }

    .dflexset {
        flex-direction: column;
    }

    .giftshop-pos {
        min-height: 20rem !important;
    }

    .modal-dialog {
        max-width: 100%;
    }

    .pd-6 {
        padding: 1rem 1rem 0rem 2rem;
    }

    .posscreen_set {
        position: relative;
        right: 1rem;
        top: -3rem;
    }

    .posscreen_set1 {
        position: relative;
        right: 0rem;
        top: 1rem;
    }

    .pd-8 {
        padding: 3rem 1rem 0rem 5rem;
    }

    .overlay-set {
        background-color: rgba(0, 0, 0, 0.6);
        position: relative;
        bottom: 0rem;
        width: 100%;
        min-height: 13rem;
    }

    .brd-btm {
        display: inline-block;
        border-bottom: 2px solid #009DFF;
        width: auto;
        line-height: 3.2rem;
    }

    .solutions_card {
        height: 25rem;
        width: 90%;
        max-width: 400px;
    }

    .card-set {
        position: absolute;
        left: 1rem;
        top: 3rem;
        padding: 1rem;
    }

    .Software_Offers .owl-carousel .owl-item img {
        width: 40% !important;
        margin: 0rem;
    }


    .blog-banner {
        background-image: url(../images/blog_page/BlogsBannerMobile.png);
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        height: 45rem;
        width: 100%;
        background-size: cover;
    }

    .arrow {
        margin-left: 336px;
    }

    .img-desktop {
        display: none;
    }

    .blog_posset {
        position: absolute;
        left: 1rem;
        top: 3rem;
    }

    .blog-content {
        display: flex;
        flex-direction: row;
        border-radius: 8px;
        background: var(--Secondary-White, #FFF);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        padding: 10px;
        gap: 10px;
    }

    .blog-content img {
        width: 123.529px;
        height: 120.782px;
        border-radius: 2.521px;
        object-fit: cover;
    }

    .blog-content div {
        width: 166.471px;
        color: var(--Tertiary-Dark, #036);
        font-family: "Exo 2";
        font-size: 9.72px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 0px;
    }

    .blog-content a.blog-details {
        display: none;
    }

    .blog-content p.card-text {
        margin-bottom: 0px;
    }

    .swiper-container {
        width: 90%;
        height: 100%;
    }

    .swiper-container {
        overflow: hidden;
    }

    .swiper-full-mobile:befores {
        content: "";
        width: 265px;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        height: 565px;
        z-index: 2;
        margin: auto;
    }

    .swiper-full-mobile .swiper-slide {
        height: 100%;
    }

    .section-desktop {
        display: none;
    }

    .section-mobile {
        display: block;
    }

    .view-pricing {
        display: block;
        width: 100%;
        padding: 5px;
    }

    .amount {
        font-size: 22px;
        font-weight: bolder;
    }

    .box-pricing {
        display: flex;
        flex-direction: column;
        height: 790px;
        width: 240px;
        border-radius: 20px;
        margin-left: 0px;
        margin-right: 0px;
        background: #FFF;
        box-shadow: 0 1rem 1rem rgba(0, 0, 0, 20%);
    }

    .description {
        margin: 0px !important;
        font-size: 14px;
        font-weight: 400px;
        color: #036;
        padding: 0.5rem;
    }

    .all-features-btn {
        background-color: #A9F5FF !important;
        border-radius: 4rem;
        color: #036 !important;
        padding: 5px;
    }

    .price-btn {
        position: absolute;
        bottom: 3rem;
        left: 3.5rem;
    }

    .free-btn {
        background-color: #005D6E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 7px 30px;
        position: absolute;
        top: 12rem;
        left: 3.5rem;
    }

    .plus-btn {
        background-color: #005B9E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 7px 30px;
        position: absolute;
        top: 12rem;
        left: 3.5rem;
    }

    .franchise-btn {
        background-color: #0097B8 !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 7px 30px;
        position: absolute;
        top: 12rem;
        left: 3.5rem;
    }

    .enterprise-btn {
        background-color: #F0483E !important;
        border-radius: 4rem;
        color: #fff !important;
        padding: 7px 30px;
        position: absolute;
        top: 12rem;
        left: 5.5rem;
    }

    .content-descrip {
        margin-top: 4rem;
    }

    .Enterprise {
        display: flex;
        flex-direction: column;
        height: 300px;
        width: 286px;
        border-radius: 20px;
        margin-left: 10px;
        margin-right: 10px;
        background: #FFF;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
        position: relative;
    }

    .Enterprise-outlet {
        display: flex;
        flex-direction: column;
        height: 400px;
        width: 286px;
        border-radius: 20px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 2rem;
        background: #FFF;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 20%);
        position: relative;
    }

    .retail_solution {
        background-color: #003366;
        margin-top: 6rem;
        margin-bottom: 3rem;
    }

    .nav-link {
        padding: 0rem !important;
    }

    .serve .owl-carousel .owl-item img {
        width: 200px !important;
    }

    .about_set {
        left: 0%;
    }

    .about-fnt-set {
        font-size: 2.5rem !important;
    }

    .about_set1 {
        left: 24%;
    }

    .img-desktop {
        display: block;
    }

    .img-mobile {
        display: none;
    }

    .background-color {
        min-height: 11rem;
        font-size:1.7rem;
    }

    .blue-bg {
        min-height: 10rem;
        font-size:1.7rem;
    }

    .thankyou-set {
        position: absolute;
        bottom: 3rem;
        left: 0rem;
    }

    .thankyou-mob {
        background-image: url(../images/thankyou/ThankYouBannerMobile.png);
        background-position: center;
        background-repeat: no-repeat;
        /* background-size: contain; */
        min-height: 25rem;
        margin-top: 1rem;
        position: relative;
    }

}

@media only screen and (max-width: 400px) and (min-width: 340px) {
    .apparelmanagement_mrgnsetup {
        margin-top: -4.5rem !important;
    }

    .profit-box {
        width: 9rem !important;
    }

    .setting {
        left: 10%;
    }

    .giftshop-cards p {
        font-size: 0.9rem !important;
    }

    .about_set1 {
        left: 14%;
    }
/* 
    .thankyou {
        margin-top: -6rem;
        background-size: contain;
    } */

}

@media screen and (max-width: 1200px) {
    .overlay-content h2 {
        font-size: 1.5rem;
    }

    .dn {
        display: block !important;
    }

    .mn {
        display: none !important;
    }

    .giftshop-pos {
        position: relative;
        overflow: hidden;
        min-height: 22rem;
    }

    .giftshop-pos img {
        transition: opacity 0.3s;
    }

    .giftshop-pos:hover img {
        opacity: 0;
    }

    .overlay-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        display: none;
        background-color: #fff;
        color: white;
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
    }

    .giftshop-pos:hover .overlay-content {
        display: block;
    }

    .giftshop-pos:hover .giftshop_overlay {
        display: none;
    }
}