/* 
* responsive.css 
* 
* Description: This file contains styles specifically targeted for enhancing the responsiveness and adaptability of the website across different devices and screen sizes.
* Theme Name: Centous Apps 
* Author: The Centous Team 
* Version: 1.0.0 
*/

@media (max-width: 1600px) {

    /*************************** about Page Start *******************************/

    .work-celebate .work-img {
        height: 200px;
    }

    /*************************** about Page End *******************************/

}

@media (max-width: 1499px) {
    .be-ourpartner-section .be-partner-right .heading-detail {
        text-align: left;
    }

    .be-ourpartner-section .be-partner-right {
        padding-left: 70px;
    }

    .be-ourpartner-section .left-inner {
        padding: 100px 0px 50px 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1399px) {
    .details-cards .app-description {
        min-height: 240px;
    }

    .with-us .details-cards .app-description {
        min-height: 300px;
    }

    .shopify-checker-form button {
        width: 217px;
    }
}

@media (max-width: 1399px) {

    .breadcrumbs li+li:before {
        padding-right: 10px;
    }

    .breadcrumbs li+li {
        padding-left: 10px;
    }

    /*************************** APP DETAIL PAGE START *******************************/
    /* .hero-app-banner-heading .hero-img img {
        position: absolute;
        bottom: 0;
        max-width: 40%;
        object-fit: contain;
    } */

    .hero-text h1 {
        font-size: 40px;
        line-height: 120%;
    }

    .home-apps-dls .card-btns {
        flex-direction: column;
    }

    /* .hero-app-banner-heading .app-detail-banner-wrapper {
        max-width: 55%;
    } */

    .hero-app-banner-heading .app-detail-img img {
        margin-top: 7px;
    }

    .hero-app-banner-heading .hero-banner .hero-text h1 {
        padding-bottom: 0;
    }

    .blog-list-section .shopify-blog-list-card .blog-detail-wrapper {
        min-height: 250px;
    }

    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p.app-price {
        min-height: 88px;
    }
}

@media (max-width: 1299px) {

    /*************************** APP DETAIL PAGE START *******************************/

    .app-pricing-section .details-cards {
        max-width: 369px;
    }

    /*************************** PARTNER PAGE DETAIL START *********************************/

    .partner-logo-mini-left img.qikify,
    .partner-logo-mini-right img.qikify {
        max-width: 87px;
    }

    .partner-logo-mini-left img.wide-bundles,
    .partner-logo-mini-right img.wide-bundles {
        max-width: 78px;
    }

    .partner-logo-mini-left img.pagefly,
    .partner-logo-mini-right img.pagefly {
        max-width: 100px;
    }

    .partner-logo-mini-left img.growave,
    .partner-logo-mini-right img.growave {
        max-width: 170px;
    }

    @keyframes loloyal {
        from {
            transform: translate(700%, 500%);
        }

        50% {
            transform: translate(675%, 500%);
        }

        to {
            transform: translate(700%, 500%);
        }
    }

    @keyframes loloyal-right {
        from {
            transform: translate(-600%, 500%);
        }

        50% {
            transform: translate(-570%, 500%);
        }

        to {
            transform: translate(-600%, 500%);
        }
    }

    .be-ourpartner-section .left-inner {
        padding: 100px 0px 50px 0px;
    }

    .be-ourpartner-section .be-partner-right {
        padding-left: 50px;
    }

}

@media (min-width: 991px) and (max-width: 1199px) {
    .shopify-partner-detail .details-cards .image-detail {
        min-height: 123px;
    }

    .blog-list-section .shopify-blog-list-card .blog-detail-wrapper {
        min-height: 320px;
    }

    .divider {
        display: none;
    }

    /* Services template paage start*/
    .services-template-default .blog-detail-heading {
        max-width: 569px;
    }

    .services-template-default p {
        max-width: 569px;
    }
}

@media (max-width: 1180px) {

    .hero-app-description-section .app-description-img img.about-app-img {
        display: none;
    }

    .be-ourpartner-section .be-partner-right .heading-detail {
        text-align: left;
    }

    .hero-app-description-section .app-description-img img.about-app-img-mobile {
        display: block;
        max-width: 100%;
    }

    .hero-app-description-section .heading-detail {
        text-align: left;
        padding-bottom: 30px;
        max-width: 100%;
    }

    /*************************** About Page Start *******************************/

    .committed-success-wrap .row .col-lg-6 {
        width: 100%;
    }

    .committed-success-wrap .row {
        gap: 24px;
        flex-direction: column-reverse;
    }

    .committed-success-img img {
        width: auto;
        max-width: 100%;
    }

    .committed-success-img {
        text-align: center;
    }

    /*************************** About Page End *******************************/
}

@media (max-width: 1024px) {

    .p-90 {
        padding: 40px 0;
    }

    .hero-app-banner-heading .hero-banner .row {
        padding: 40px 0;
    }

    .plugin-detail-right {
        padding: 16px;
    }

    .plugin-detail-right h3 {
        margin: 0 0 18px;
        font-size: 18px;
    }

    .plugin-detail-right h5 {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .plugin-detail-right p {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .plugin-detail-right ul li {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .hero-text h1 {
        font-size: 32px;
    }

    .app-description-detailpage.hero-app-description-section {
        margin: 40px auto 40px;
    }

    .heading-detail h2 {
        font-size: 28px;
    }

    .heading-detail h3 {
        font-size: 18px;
        margin: 0 0 16px;
    }

    .powerful_feature_section .powerful-features {
        margin: 0 0 24px;
    }

    .powerful_feature_section .powerful-features-content h3 {
        font-size: 24px;
        margin: 0 0 8px;
    }

    .image-detail-wrap h4 {
        min-height: 90px;
    }

    .details-cards .app-description {
        min-height: 200px;
    }

    .wp-block-centousapps-cards .app-description h4 {
        font-size: 20px;
    }

    /*************************** contact Page Start *******************************/

    .comntact-form-wrap .tab-menu .nav-link,
    .comntact-form-wrap .form-box {
        padding: 18px;
    }

    .comntact-form-wrap .tab-menu .nav-link h5 {
        font-size: 18px;
    }

    .comntact-form-wrap .tab-menu .nav-link p {
        line-height: 24px;
    }

    .comntact-form-wrap .form-box h5 {
        font-size: 20px;
        margin: 0 0 18px;
    }

    .contact-form form #acf-product-info h4 {
        font-size: 18px;
    }

    .contact-form form .col-md-6 {
        width: 100%;
    }

    /*************************** contact Page End *******************************/

}

@media (min-width: 990px) and (max-width: 991px) {
    .services-template-default .blog-detail-heading {
        max-width: 100%;
    }
}

@media (max-width: 991px) {

    .get-a-quato-form {
        display: none;
    }

    .apps-block .flex-item {
        width: 46%;
        margin: 2%;
    }

    .person-bg-img {
        width: 120%;
        left: 20%;
    }

    .person-img {
        width: 70%;
        left: 50%;
    }

    .project-detail-text h3 {
        font-size: 38px;
    }

    .project-detail-img {
        right: 16%;
    }

    .footer-upper-detail {
        flex-direction: column;
        gap: 0;
    }

    .p-75 {
        padding: 50px 0;
    }

    .navbar-brand img {
        max-width: 80%;
    }

    .footer-detail ul {
        margin-bottom: 0;
    }

    .details-cards .app-description {
        min-height: 320px;
    }

    .hero-text h1 {
        font-size: 28px;
    }

    .with-us .details-cards .app-description {
        min-height: 270px;
    }

    .resourses.detail {
        padding-bottom: 20px;
    }

    .detail h4 {
        margin-bottom: 0;
    }

    .home .hero-banner-heading .hero-btn-wrapper {
        flex-direction: column;
    }

    .home .hero-banner-heading .hero-btn-wrapper a {
        min-width: 220px;
    }

    #menu-main-menu .current-menu-item a {
        color: #96ce2e;
    }

    /*************************** APP DETAIL PAGE START *******************************/

    .hero-app-banner-heading .hero-banner .hero-img {
        display: none;
    }

    .hero-app-banner-heading .app-detail-banner-wrapper {
        max-width: 100%;
    }

    .hero-app-description-section .app-description-img img.about-app-img {
        display: none;
    }

    .hero-app-description-section .heading-detail {
        text-align: left;
        padding-bottom: 30px;
        max-width: 100%;
    }

    .more-apps-appdetail-page .footer-detail>.row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .app-detail-page .heading-detail p {
        padding: 0 0px;
    }

    .app-pricing-section .details-cards {
        max-width: 329px;
    }

    .be-ourpartner-section .be-partner-right {
        margin: 20px;
        display: flex;
        justify-content: center;
        padding-left: 0;
    }

    .be-ourpartner-section .be-partner-right .heading-detail {
        text-align: center;
    }

    .be-ourpartner-section .be-partner-right .heading-detail p {
        text-align: center;
    }

    .be-ourpartner-section .be-partner-left {
        width: 100%;
    }

    .be-ourpartner-section p.partner-number {
        font-size: 120px;
    }

    .be-ourpartner-section .left-inner {
        padding: 30px 0px 50px 0px;
    }

    .be-ourpartner-section::before {
        height: 50%;
        width: 100%;
        top: 0;
    }

    .single-apps .hero-app-banner-heading .hero-banner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .single-apps .app-pricing-section .heading-detail {
        padding-bottom: 14px;
    }

    .single-apps .app-our-partner-section .heading-detail {
        text-align: center;
        padding-bottom: 34px;
    }

    .single-apps .app-faq-section .heading-detail p {
        padding: 0px;
    }

    .single-apps .details-cards .app-description {
        min-height: 240px;
    }

    .more-apps-appdetail-page .hero-btn-wrapper {
        flex-direction: column;
    }

    .details-cards .image-detail {
        flex-direction: column;
    }

    .shopify-apps.more-apps-appdetail-page .details-cards .app-description {
        min-height: 260px;
    }

    .wp-singular .hero-app-banner-heading .hero-banner {
        padding-top: 0;
    }

    .hero-app-banner-heading .hero-banner .row,
    .plugins_feature_benefits_list,
    .powerful_feature_section .powerful-features {
        row-gap: 24px;
    }

    .plugin-detail-right ul li,
    .plugin-detail-right p,
    .plugin-detail-right h5 {
        font-size: 16px;
    }

    .plugin-detail-right h3 {
        font-size: 20px;
    }

    .powerful_feature_section .powerful-features {
        padding: 24px 12px;
        top: 0;
    }

    .powerful_feature_section .powerful-features.column-right .powerful-features-content {
        text-align: left;
    }

    .home-apps-dls .details-cards .image-detail {
        flex-direction: row;
    }

    /*************************** PARTNER PAGE DETAIL START *********************************/
    .partner-logo-mini-left,
    .partner-logo-mini-right {
        display: none;
    }

    .hero-banner-heading.partner-page-head {
        padding: 95px 0px;
    }

    .our-partners-footer .person-img {
        left: 245px;
    }

    .shopify-partner-detail .details-cards .image-detail {
        min-height: 118px;
    }



    /*************************** BLOG LISTING PAGE START *******************************/
    .blog-list .blog-detail-wrapper {
        min-height: 300px;
    }

    .blog-page-head .hero-banner .hero-text {
        padding: 30px 0px;
    }

    .blog-list-section .shopify-blog-list-card .blog-detail-wrapper {
        min-height: 390px;
    }

    .blog-detail-heading h1 {
        font-size: 34px;
    }

    .detail {
        padding-bottom: 20px;
    }

    .modal-dialog {
        max-width: 80%;
        margin: 0;
        margin-left: auto;
    }

    @keyframes customer-trust-form-body {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0%);
        }
    }

    /* Swipe right animation */
    @keyframes swipeRight {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(0);
        }
    }

    /* Apply swipe left animation to .swipe-left class */
    .customer-trust-form-body {
        animation: swipeRight 1s forwards;
    }

    /* Apply swipe right animation to .swipe-right class */
    .customer-trust-form-body {
        animation: swipeRight 1s forwards;
    }

    .form-header {
        padding: 24px;
        background-color: #023689;
        border-radius: 10px 0px 0px 0px;
        color: #ffffff;
    }

    .single-services .apps-block .flex-item .app-description {
        width: 406px;
    }

    .single-services .why-choose-description {
        overflow: scroll;
    }

    .single-services .with-us .container,
    .single-services .service-list .container {
        max-width: 100%;
        padding: 0;
    }

    ::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

    .single-services .service-list .servicedata {
        width: 376px;
    }

    .single-services .service-list .details-cards {
        overflow: visible;
    }

    .customer-trust-form-body.pt-40 {
        padding-top: 40px;
    }

    .single-services .hero-banner-heading {
        padding-bottom: 90px;
    }

    .services-template-default.single-services .hero-banner-heading.p-92 {
        padding-top: 32px;
        padding-bottom: 92px;
    }

    .home .hero-banner-heading.p-92 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .shopify-checker-form button {
        width: 209px;
    }

    .page-template-shopify-theme-detecter .hero-banner-heading .heading-detail h1 {
        font-size: 46px;
        line-height: 60px;
    }

    .page-template-shopify-theme-detecter .hero-banner-heading {
        padding: 80px 0;
    }

    .page-template-shopify-theme-detecter .theme-card {
        width: 48%;
    }

    .page-template-shopify-theme-detecter .theme-grid {
        flex-wrap: wrap;
    }

    .shopify-checker-details li span {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    /*************************** about Page Start *******************************/

    .about-page-head .hero-banner .hero-text {
        padding: 30px 0px;
    }

    /*************************** about Page End *******************************/
}

@media (min-width: 992px) and (max-width: 1023px) {
    .shopify-checker-form button {
        width: 217px;
    }
}

@media (min-width: 991px) {
    .shopify-apps .details-cards {
        min-height: 370px;
    }

    .hero-banner-heading .pull-left {
        display: none;
    }

    .modal-content .close {
        display: none;
    }

    .modal-content {
        border-radius: 10px;
    }
}

@media (max-width: 767px) {

    .h1,
    h1 {
        font-size: 1.7rem;
    }

    .h2,
    h2 {
        font-size: 1.5rem;
    }

    .h3,
    h3 {
        font-size: 1.3rem;
    }

    .h4,
    h4 {
        font-size: 1.1rem;
    }

    .h5,
    h5 {
        font-size: 1rem;
    }

    .error404 img {
        width: 100%;
    }

    .apps-block .flex-item {
        padding: 20px 28px 4px;
    }

    .shopify-partner-detail .shopify-partner-card h4 {
        font-size: 18px;
    }

    .apps-block .app-description p {
        min-height: auto;
    }

    .apps-block .flex-item {
        width: 100%;
    }

    div#navbarCollapse {
        background-color: white;
        border-radius: 5px;
        padding-top: 10px;
    }

    .navbar li.nav-item {
        border-bottom: 1px solid #9ad8e8;
    }

    .navbar li.nav-item:last-child {
        border-bottom: none;
    }

    .hero-text h1 {
        font-size: 28px;
    }

    .hero-banner-heading.p-92 {
        padding-top: 92px;
    }

    .services-template-default .hero-banner-heading.p-92 {
        padding-top: 92px;
        padding-bottom: 92px;
    }

    .hero-text p {
        font-size: 14px;
    }

    .hero-img {
        text-align: center;
        padding-bottom: 20px;
    }

    .hero-img img {
        max-width: 80%;
    }

    .heading-detail h2 {
        font-size: 24px;
    }

    .heading-detail {
        padding-bottom: 24px;
    }

    .heading-detail p {
        font-size: 14px;
        padding: 0;
    }

    .shopify-apps .image-detail img {
        width: 18%;
    }

    .shopify-apps .image-detail .stars img {
        width: 100%;
    }

    .rating p {
        font-size: 16px;
    }

    .app-description h4 {
        font-size: 18px;
        line-height: 1.3;
    }


    .project-detail-text h3 {
        width: 90%;
    }

    .person-img {
        width: 70%;
        left: 60%;
    }

    .person-bg-img {
        width: 90%;
        left: 40%;
    }

    .footer_section .footer_section_row {
        flex-direction: column;
    }

    .p-75 {
        padding: 41px 0;
    }

    .footer-bottom-detail {
        justify-content: center;
        text-align: center;
    }

    .footer-bottom-left {
        padding-bottom: 10px;
    }

    .project-detail-img {
        display: none;
    }

    .navbar-brand img {
        max-width: 100%;
    }

    .navbar-brand {
        max-width: 50%;
    }

    .p-92 {
        padding: 40px 0;
    }

    .with-us {
        margin-bottom: 0px;
    }

    .app-description p {
        min-height: 82px;
    }

    .details-cards .app-description {
        min-height: 170px;
    }

    .fixed-top {
        background-color: #fff;
    }

    .hero-banner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .home .hero-banner {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .home .hero-banner-heading .hero-btn-wrapper {
        flex-direction: row;
    }

    .home .hero-banner-heading .hero-btn-wrapper a {
        min-width: auto;
    }

    .home .hero-banner .hero-text,
    .home .hero-img {
        width: 100%;
    }

    .hero-banner .hero-text {
        max-width: 100%;
    }

    .detail h4 {
        line-height: 150%;
    }

    .detail {
        padding-bottom: 20px;
    }

    .with-us .details-cards .app-description {
        min-height: 160px;
    }


    /*************************** APP DETAIL PAGE START *******************************/

    .app-detail-banner-wrapper {
        flex-direction: column;
    }

    .app-faq-section .accordion-item h2 .accordion-button {
        font-size: 20px;
        font-weight: 500;
    }

    .app-faq-section .accordion-body p {
        font-size: 14px;
        font-weight: 500;
        color: #5F5E5E;
        font-family: 'Montserrat', sans-serif;
    }

    .app-our-partner-section .app-partner-detail p {
        font-size: 18px;
    }

    .app-pricing-section .app-price-heading p.app-price {
        font-size: 20px;
    }

    .app-pricing-section .app-price-heading p {
        font-size: 17px;
    }

    .app-pricing-section .details-cards {
        max-width: 509px;
    }

    .partners-benifit-section .details-cards .image-detail {
        align-items: start;
    }

    .partners-benifit-section .details-cards {
        max-height: 278px;
        height: 100%;
    }

    .slider-related-app .image-detail .rating-stars {
        align-self: start;
        padding-left: 0px;
    }

    .slider-related-app .app-description h4 {
        font-size: 18px;
    }

    .single-apps .shopify-apps .image-detail img {
        width: 38%;
    }

    .single-apps .shopify-apps .image-detail .stars img {
        width: 100%;
    }

    .single-apps .app-our-partner-section .owl-carousel .owl-item img {
        width: 80%;
    }

    .app-pricing-section .description p {
        font-size: 16px;
    }

    .hero-app-description-section {
        margin: 40px auto;
    }

    .home-apps-dls .app-description p {
        min-height: unset;
    }

    /*************************** PARTNER PAGE DETAIL START *********************************/
    .be-ourpartner-section {
        flex-direction: column;
    }

    .shopify-partner-detail .details-cards .image-detail {
        flex-direction: column;
    }

    .hero-banner-heading.p-92.partner-page-head {
        padding-top: 189px;
    }

    .shopify-partner-detail .details-cards .image-detail {
        min-height: auto;
    }

    /*************************** BLOG LISTING PAGE START *******************************/
    .blog-list .shopify-blog-list-card .blog-heading h4 {
        font-size: 18px;
    }

    .blog-description .blog-detail p {
        font-size: 16px;
    }


    /*************************** BLOG DETAILS PAGE START *******************************/

    .blog-detail-heading h1 {
        font-size: 28px;
        margin-bottom: 14px;
        line-height: normal;
    }

    .blog-detail-introduction h2 {
        font-size: 24px;
        line-height: normal;
    }

    .blog-detail-app-card .aap-name h3 {
        font-size: 20.8px;
        line-height: 32px;
    }

    .blog-detail-heading p {
        font-size: 16px;
    }

    .blog-detail-heading p span {
        font-size: 16px;
    }

    .blog-detail-introduction h4 {
        font-size: 18px;
        padding-top: 14px;
        padding-bottom: 0;
    }

    .blog-detail-introduction p {
        font-size: 16px;
    }

    .blog-detail-banner:before {
        height: 350px;
    }

    .blog-detail-applisting ul li a {
        font-size: 16px;
    }

    .blog-detail-applisting ul li {
        padding-bottom: 14px;
    }

    .pb-92 {
        padding-bottom: 52px;
    }

    .pb-90 {
        padding-bottom: 50px;
    }

    .blog-detail-app-card .d-flex {
        flex-direction: column;
    }

    .blog-detail-app-card .aap-name h4 {
        font-size: 18px;
        line-height: 27px;
        margin: 0;
    }

    .blog-detail-app-card .aap-name p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .app-card-features span {
        font-size: 16px;
    }

    .app-card-features p {
        font-size: 16px;
        line-height: 28px;
    }

    .app-card-features a {
        font-size: 16px;
        line-height: 24px;
        padding-top: 20px;
    }

    .blog-detail-cta p {
        font-size: 16px;
        line-height: 24px;
    }

    .blog-detail-applisting ul {
        padding: 0;
        margin: 0;
        padding-bottom: 24px;
    }

    .blog-detail-banner.blog-detail-main-section.pb-92 {
        padding-bottom: 35px;
    }

    .blog-detail-app-listing-section.p-92 {
        padding-top: 35px;
    }

    /*************************** BLOG DETAILS PAGE START *******************************/

    .blog-list-section .shopify-blog-list-card .blog-detail-wrapper {
        min-height: 0;
    }

    /* Services template paage start*/
    .services-template-default .app-description p {
        margin-bottom: 16px;
    }

    .form-header h2 {
        font-size: 25px;
    }

    .service-feature-list.app-detail-list.what-notincludes-detail {
        padding-bottom: 5px;
    }

    .single-apps .details-cards .app-description {
        min-height: 180px;
    }

    .be-ourpartner-section {
        flex-direction: column;
    }

    .be-ourpartner-section p.partner-number {
        font-size: 100px;
        line-height: 110%;
    }

    .shopify-checker-form button {
        width: 233px;
    }

    .page-template-shopify-theme-detecter .theme-card {
        width: 100%;
    }

    .page-template-shopify-theme-detecter .hero-banner-heading .heading-detail h1 {
        font-size: 24px;
        line-height: 33px;
    }

    .page-template-shopify-theme-detecter .theme-grid {
        flex-wrap: wrap;
        gap: 0;
    }

    .filter-btn {
        font-size: 14px;
        margin: 3px 0;
    }

    .founder-logo .client-logos {
        grid-template-columns: auto auto;
    }

    .features_cards h4 {
        font-size: 18px;
    }

    .image-detail-wrap h4 {
        min-height: 70px;
        font-size: 18px;
    }

    .powerful_feature_section .powerful-features-content h3 {
        font-size: 20px;
    }

    .powerful_feature_section .powerful-features-content p {
        font-size: 14px;
    }

    .wp-block-centousapps-cards.apps-block .flex-item {
        padding: 24px;
    }

    /*************************** Compare plan section css start *******************************/

    .best_pricing_plan.app-pricing-section .price-section-wrapper .row {
        row-gap: 54px;
    }

    .table-main table tr td {
        padding: 16px 8px;
        font-size: 16px;
    }

    .table-main table th {
        padding: 16px;
        font-size: 18px;
        width: 100%;
        min-width: 190px;
    }

    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p,
    .table-main table th .app-price-heading p {
        font-size: 20px;
        padding: 0 0 16px;
    }

    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p.app-price span,
    .app-pricing-section .table-main table .app-price-heading p.app-price span {
        font-size: 26px;
    }

    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p.app-price,
    .app-pricing-section .table-main table .app-price-heading p.app-price {
        min-height: 42px;
    }

    .app-pricing-section .table-main table .app-price-heading p.app-price {
        max-height: 42px;
    }

    /*************************** Compare plan section css End *******************************/

    /*************************** contact Page Start *******************************/

    .comntact-form-wrap .row {
        gap: 24px;
    }

    .comntact-form-wrap form .row {
        gap: 0;
    }

    .contact-page-head .hero-banner {
        flex-direction: column;
    }

    .contact-page-head .hero-img {
        padding-bottom: 0px;
    }

    /*************************** contact Page End *******************************/

    .information.detail .footer-info-link>p {
        font-size: 14px;
    }

    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p.app-price,
    .app-pricing-section.best_pricing_plan .details-cards .app-price-heading p.plugin-price {
        min-height: 100%;
    }


}

@media (max-width: 599px) {
    .shopify-partner-detail .details-cards .image-detail {
        min-height: 0px;
    }

    .slider-related-app .app-description h4 {
        font-size: 18px;
        min-height: 0;
    }

    .service-list-data {
        min-height: auto;
    }

    .archive .service-list .details-cards {
        height: auto;
    }

    .be-ourpartner-section .be-partner-right {
        margin: 0px;
        padding: 0 10px;
    }

    #searchform input[type="text"] {
        padding-left: 25px;
    }

    .shopify-checker-form form {
        flex-direction: column;
        align-items: center;
        gap: 14px;
    }

    .shopify-checker-form button {
        width: auto;
        border-radius: 8px;
    }

    .shopify-checker-form .form-control {
        border-radius: 8px 8px 8px 8px;
        -webkit-border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px 8px 8px 8px;
        -ms-border-radius: 8px 8px 8px 8px;
        -o-border-radius: 8px 8px 8px 8px;
    }

    .single-services .service-list .details-cards {
        width: 90%;
    }
}


@media (max-width: 550px) {
    /* .hero-banner .hero-text {
        text-align: center;
        align-items: center;
    } */

    .heading-detail p {
        padding: 0;
    }

    .hero-text h1 {
        font-size: 22px;
    }

    .heading-detail h2 {
        font-size: 22px;
    }

    .person-bg-img {
        width: 70%;
        left: 43%;
    }

    .person-img {
        width: 50%;
        left: 58%;
    }

    .project-detail-text h3 {
        font-size: 26px;
    }

    .p-75 {
        padding: 21px 0;
    }

    .person-img {
        width: 70%;
        left: 50%;
    }

    /*************************** APP DETAIL PAGE START *******************************/


    .app-review-section .cta-card {
        max-width: 201px;
    }

    .hero-app-banner-heading .heading-detail h2 {
        font-size: 22px;
    }

    .hero-app-description-section .heading-detail h2 {
        font-size: 22px;
    }

    .hero-app-description-section .heading-detail h3 {
        font-size: 16px;
    }

    .hero-app-description-section .description p {
        text-align: left;
    }

    .hero-app-banner-heading .hero-text p {
        font-size: 18px;
    }

    .app-faq-section .accordion-item h2 .accordion-button {
        font-size: 18px;
    }

    .blog-detail-heading h1 {
        font-size: 22px;
    }

    .single-apps .app-pricing-section .heading-detail {
        padding-bottom: 0px;
    }

    .single-apps .app-our-partner-section .owl-carousel .owl-item img {
        width: 60%;
    }

    .single-apps .app-our-partner-section .heading-detail {
        padding-bottom: 14px;
    }

    .global_partner .heading-detail h2,
    .heading_detail h2,
    .features_dls h2,
    .best_pricing_plan .heading-detail h2 {
        font-size: 22px;
    }

    .home .hero-banner-heading .hero-btn-wrapper,
    .page-template-content-about .hero-banner-heading .hero-btn-wrapper {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .home .hero-banner-heading .hero-btn-wrapper a,
    .page-template-content-about .hero-banner-heading .hero-btn-wrapper a {
        min-width: 220px;
    }

    .home .hero-banner-heading .hero-text p,
    .home .hero-banner-heading .hero-text h1 {
        text-align: center;
    }

}

@media (max-width: 475px) {
    .footer-detail .divider {
        display: none;
    }

    .information .footer-detail ul {
        gap: 0px;
    }

    .footer-info-link h4 {
        padding-bottom: 5px;
    }

    .footer-detail {
        display: block;
    }

    /*************************** PARTNER PAGE DETAIL START *********************************/
    .be-ourpartner-section .left-inner {
        padding: 30px 0px 50px 0px;
    }

}

@media (max-width: 420px) {
    .footer-info-img img {
        max-width: 100%;
    }

    /*************************** APP DETAIL PAGE START *******************************/
    .partners-benifit-section .details-cards {
        max-height: 308px;
        height: 100%;
    }

    .app-detail-banner-wrapper .hero-btn-wrapper {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .app-detail-banner-wrapper .hero-btn-wrapper a {
        min-width: 240px;
    }
}

@media (max-width: 400px) {
    .company-image img {
        max-width: 70%;
    }

    .single-services .apps-block .flex-item .app-description {
        width: 296px;
    }
}

@media (max-width: 360px) {
    .project-detail-text h3 {
        font-size: 25px;
    }

    .project-detail-text h3 {
        width: 100%;
    }

    .shopify-apps .image-detail img {
        width: 20%;
    }

    .shopify-apps .image-detail .stars img {
        width: 100%;
    }

    /*************************** APP DETAIL PAGE START *******************************/

    .partners-benifit-section .details-cards {
        max-height: 328px;
        height: 100%;
    }

    /*************************** PARTNER PAGE DETAIL START *********************************/

    .be-ourpartner-section p.partner-number {
        font-size: 126px;
    }

    .blog-detail-applisting ul li a {
        font-size: 14px;
    }

    .blog-detail-applisting ul li a span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 6px;
    }

    .single-services .apps-block .flex-item {
        width: 80%;
    }

    .single-services .apps-block .flex-item .app-description {
        width: 236px;
    }

    .single-services .service-list .details-cards {
        width: 80%;
    }

    .single-services .service-list .servicedata {
        width: 236px;
    }

    .image-detail-wrap h4 {
        min-height: 90px;
    }

}

@media all and (min-width: 992px) {

    .md-hide {
        display: none !important;
    }

    .dropdown-item {
        padding: 10px 15px;
    }

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .dropdown-menu {
        display: none;
        position: absolute;
        left: 100%;
    }

    .dropdown-menu .dropdown-menu {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>.dropdown-menu:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.dropdown-menu {
        display: block;
    }

    li.dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
        display: none;
        left: 0;
        list-style: none;
        padding: 0;
        position: absolute;
        z-index: 1;
    }
}

@media (max-width: 991px) {
    .shopify-apps .details-cards .app-description {
        min-height: unset;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

    a.mobile_menu_btn {
        display: flex;
        align-items: center;
    }

    .blog-detail-app-card {
        scroll-margin-top: 30px;
    }

    .page-template-shopify-theme-detecter .process-theme-detector .row {
        gap: 30px 0;
    }

    .banner_review_section {
        justify-content: flex-start;
        gap: 54px;
        width: fit-content;
    }

    .heading_detail_tabs .row {
        row-gap: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shopify-apps .details-cards {
        min-height: 441px;
    }
}


@media (max-width: 576px) {
    .banner_review_section {
        padding: 16px;
        justify-content: space-between;
        gap: 18px;
    }

    .review_sec_dls span,
    .banner_review_section .star-container i {
        font-size: 12px;
    }

    .review_sec_dls p {
        font-size: 12px;
    }

    .green_str_group a img {
        width: 12px;
    }

    .banner_review_section .star-container {
        line-height: 1;
        margin-bottom: 4px;
    }

}