/* TRest */

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

.page-v2 footer#site-footer .content-wrap{
    width: 1200px;
}

}

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

/* Cmn Page */

    .hero.hero-v2 .hero-image {
        aspect-ratio: unset;
        height: 600px;
    }
    .hero.hero-v2 {
        aspect-ratio: unset !important;
    }
    .hero .full-wrap{
        margin: 0px auto;
    }

/* About Page */

}


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

/* Cmn Page */





/* About Page */

    #about_cymbio_banner .full-wrap {
        padding: 180px 0;
    }

/* Blog Page */

    #blog_otr section.hero {
        padding: 100px 0 0;
    }

/* Case Study  */

    #listing_case_study #about_customer  {
        padding: 0 0 100px;
    }
    #listing_case_study .content-wrap.cmn_blog_temp , .archive-downloadable .hero .full-wrap , #listing_downloadables .cta-box-section {
        padding-bottom: 0 !important;
    }
    .cmn_banner_for_hero {
        padding-top: 0 !important;
    }
    .single-blog-post .single-blog-post-header {
        padding-top: 0;
    }

/* Blog Details  */

    .single-blog-post .full-wrap .content{
        padding: 0 !important;
    }

/* Case Study Details  */

    #single_case_study > .content-wrap:first-of-type .post-content {
        gap: 100px;
        padding: 100px 0;
    }
    #single_case_study .other_box{
        padding-top: 100px;
    }
    #single_case_study > .content-wrap:first-of-type{
        padding: 100px 0 0;
    }

/* Download Details */

    #single_downloadable .hero .full-wrap {
        padding: 100px 0 20px;
    }
    .single-downloadable .banner {
        padding: 100px 0 60px;
    }

}


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

    .title_h1 {
        font-size: 72px !important;
    }


/* Cmn Page */
    
    .hero.hero-v2 .hero-image {
        flex: 0 0 50%;
    }


/* About Page */

    #core-value .wrap:after {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }


/* Partners Page  */

    #new_why_cymbio_banner .full-wrap {
        padding-bottom: 50px !important;
    }
    #grow_partners , #partners_gray {
        padding: 0 !important;
    }
    #grow_partners{
        padding-top: 60px !important;
    }
    #partners_gradient #why_testimonials {
        padding: 60px 0;
    }
    #grow_partners .col.image-wrapper:after {
        width: 100%;
    }
    #partners_retailer {
        padding: 60px 0 100px;
    }
    .page-partners .cta-section {
        padding-bottom: 60px;
    }

    #career_position ul li {
        flex: 0 0 48%;
    } 


/* Contact Page */

    #contact_page_main .full-wrap .wrap.row {
        gap: 60px;
    }
    #contact_page_main {
        gap: 80px !important;
    }

/* Blog Page */

    #blog_otr section.hero {
        padding: 80px 0 0;
    }
    .single-blog-post {
        padding: 80px 0 0 0;
    }
    .content-wrap.cmn_blog_temp {
        padding: 80px 0 60px;
    }

/* Case Study Details */

    #single_case_study > .content-wrap:first-of-type .post-content {
        gap: 80px;
        padding: 80px 0;
    }
    #single_case_study .other_box{
        padding-top: 80px;
    }
    #single_case_study > .content-wrap:first-of-type{
        padding: 80px 0 0;
    }
    
/* Download Details */

    .single-downloadable .banner {
        padding: 80px 0 0;
    }


}



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

/* Cmn Page */


    .title_h1 {
        font-size: 68px !important;
    }

    .hero.hero-v2 .hero-image {
        height: 400px;
    }
    .page-v2 .wrap , .full-wrap , .wrap , #the_dream_team h2 , #career_footer .footer_content_main , .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 50px !important;
    }
    .content-wrap {
        width: 100%;
        max-width: 100%;
    }
    #cymbio_about , #career_hero_banner {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
    #career_position, #about_cta_dark, #details_job_single.cta-box, #carreer_banner .content-wrap, #about_video .content-wrap, footer#site-footer .content-wrap, #about_cymbio_banner .content, #career_video .content-wrap, #product_logo .content-wrap, .content-wrap.cmn_blog_temp, .cmn_banner_for_hero .full-wrap .content, #single_case_study .hero .full-wrap, #single_case_study > .content-wrap , #single_downloadable .cmn_left_right_main , #single_download_footer .content-wrap ,.integration-recent-posts .content-wrap{
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .hero.hero-v2 .hero-image {
        flex: 0 0 47%;
    }
    #new_added_content {
        padding: 100px 0 60px;
    }
    #about_page_main #about_customer {
        padding: 60px 0 80px;
    }
    #about_cta_dark {
        padding: 80px 0 40px;
    }
    #core-value {
        padding: 80px 0;
    }
    #about_page_main #about_customer {
        padding: 60px 0 60px;
    }
    #career_hero_banner .full-wrap , #career_detail_banner .content-wrap , .single-blog-post .full-wrap {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
   .single-blog-post-container #details_job_single.cta-box{
        padding-left: 0 !important;
        padding-right: 0 !important;
   }



/* About Page */

    #about_cymbio_banner .full-wrap{
        padding: 150px  0 !important;
    }
    #the_dream_team ul.dream-team-list {
        gap: 30px;
    }
    #the_dream_team li .dream-team-item .dream-team-image {
        width: 120px;
        height: auto;
        max-width: 120px;
    }
    #the_dream_team li .dream-team-item{
        padding: 25px;
    }
    #core-value li {
        flex: 0 0 31%;
    }
    #cymbio_about:before {
        width: 100%;
    }

/* Career Page */

    #job_cta_top .container{
        padding: 0 !important;
    }
    #career_footer .footer_content_main .footer-content-image {
        padding-left: 30px;
    }
    #career_hero_banner h1 {
        margin: 0px 0 30px 0;
    }
    #career_position {
        padding: 60px 0 40px;
    }
    #career_footer .footer_content_main {
        gap: 60px;
    }
    #career_position ul {
        padding-top: 50px;
    }

/* Career Detail  */

    #career_detail_banner .content-wrap{
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 30px !important;
    }
    .cmn_structure .cmn_content_single {
        padding: 80px 0 0;
    }

/*  Product Page  */

    #automation  {
        padding-top: 60px;
    }
    #automation .content-accordion-wrapper {
        margin-top: 60px;
    }
    #automation .content-accordion-wrapper li {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    #product_support .bullets-wrapper{
        padding-top: 60px;
    }


/* Blog Page */

    #blog_otr .content-wrap.cmn_blog_temp {
        padding: 70px 0 0;
    }
    #blog_otr .content-wrap .cta-box-section {
        padding: 0 0 50px;
    }
    .cmn_blog_temp .middle-cta-box {
        padding: 60px 0;
    }
    .single-blog-post .recent-posts-wrapper {
        padding: 40px 0 0;
    }

/* Case Study */


    #single_case_study .hero .full-wrap{
        padding: 100px 0 !important;
    }
    #single_downloadable {
        padding-top: 40px !important;
    }


/* Annoucement bar */

    .full-wrap.new_announcement_bar {
        padding: 8px 0 !important;
    }


/* Marketing Page */

    .marketing_banner_main {
        gap: 45px;
    }
    .marketing_form_otr {
        padding-bottom: 220px;
    }



    .right_table_otr .comparison-table table tbody:before {
        width: 60px;
        right: 203px;
    }
    .marketing_box_otr {
        margin-bottom: 180px;
    }


     .page-template-page-integration:has(#integration-guide:not([hidden])) #site-footer .footer-top {
        flex-wrap: wrap;
    }
    .page-template-page-integration:has(#integration-guide:not([hidden])) #site-footer .content-wrap {
        padding-left: 0 !important;
    }


}



@media screen and (max-width: 1200px) {
    
/* Cmn Page */

    .title_h1 {
        font-size: 60px !important;
        line-height: 1.2 !important;
    }
    .title_h2 , #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title {
        font-size: 44px !important;
        line-height: 1.2 !important;
    }
   .title_h3 , #job_cta_top .cta-box h3 {
        font-size: 36px !important;
    }
     section {
        padding: 50px 0;
    }


    .single-job #details_job_single .content-wrap:after, #about_page_main #details_job_single .content-wrap:after, #about_cta_dark .content-wrap:after, #why_cymbio_cta .content-wrapper:after, #cta_footer_about .content-wrap:after, #carrer_footer_cta .joi_us_main:after, .cta-box.cta-box-form .content-wrap:after, .cta-box .content-wrap:after {
        width: 100%;
    }

    #banner_later.why-section ul.features , .btm_feature_otr#banner_later ul.features {
        gap: 30px;
    }
    #new_added_content {
        padding: 60px 0 60px;
    }
    #new_added_content:after {
        width: 60%;
        height: 100%;
        left: 0;
    }
    #normal_digital_sales .banner-wrapper:after, .content-images-banner-section .banner-wrapper:after {
        width: 100%;
        height: 90%;
    }
    #remove_bg {
        padding: 0 !important;
    }

    .footer-top .site-logo {
        width: 200px !important;
    }


/* About Page */

    #about_video .content {
        width: 30%;
    }
    #the_dream_team ul.dream-team-list li {
        width: 100%;
    }
    #the_dream_team li .dream-team-item .dream-team-image {
        width: 100px;
        max-width: 100px;
    }
    #about_cymbio_banner .full-wrap {
        padding: 120px 0 !important;
    }
    #cymbio_about {
        padding: 80px 0;
    }
    #the_dream_team ul.dream-team-list {
       grid-template-columns: repeat(3,minmax(0,1fr));
    }


/* Career page  */

    #carrer_footer_cta {
        padding: 80px 0;
    }

/* Product Page */

    .page-template-page-product-v2-php #new_added_content {
        padding: 40px 0 0 0 !important;
    }
    #product_support {
        padding: 80px 0 60px;
    }
    #product_support ul.bullets {
        gap: 30px 50px;
    }
    #product_support ul.bullets li {
        padding: 25px 30px;
    }

/* Contact Page  */

    #contact_page_main .full-wrap .wrap.row {
        gap: 40px;
    }
    #contact_page_main .hero-contact-actions {
        flex-direction: column;
        gap: 0;
    }
    #contact_page_main .hero.hero-contact .hero-contact-action {
        padding: 0;
    }
    .hero-contact-action.hero-contact-email-action.col {
        padding-bottom: 16px !important;
        margin-bottom: 16px !important;
        border-bottom: 1px solid rgba(188, 188, 188, .41);
        border-right: unset;
    }



/* Case Study  */


    .cmn_banner_for_hero .full-wrap {
        padding: 80px 0 !important;
    }
    .content-wrap.cmn_blog_temp{
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }

    .archive-downloadable .hero{
        padding-top: 0 !important;
    }
    
/* Blog Details  */

    .cta-box.cta-box-image {
        padding: 70px 0;
    }
	
	.archive-press-release .content-wrap.cmn_blog_temp {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

/* Home Page */

    body.page-home-v3 .tech-stack , body.page-home-v3 .companies.v3-section , body.page-home-v3 .marketplacing , body.page-home-v3 .comparison , body.page-home-v3 .about-us-blog.v3-section , body.page-home-v3 .about-us-blog.v3-section .wrapper , body.page-home-v3 .partner .form-wrapper , body.page-home-v3 .partner.v3-section .wrapper , body.page-home-v3 .about-us-blog ul.blog-posts li , body.page-home-v3 .social.v3-section header.header-wrapper , body.page-home-v3 .social.v3-section header.header-wrapper , section.social.v3-section {
        width: 100% !important;
    }
    body.page-home-v3 .tech-stack , body.page-home-v3 .marketplacing , body.page-home-v3 .about-us-blog.v3-section , body.page-home-v3 .partner.v3-section , body.page-home-v3 .comparison , body.page-home-v3 section.v3-section header.header-wrapper , body.page-home-v3 section.v3-section.social .actions , body.page-home-v3 .companies.v3-section , body.page-home-v3 .hero.v3-section .wrapper {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    body.page-home-v3 .about-us-blog.v3-section::before , body.page-home-v3 .comparison .comparison-table::before{
        width: 100%;
    }
    body.page-home-v3 .companies.v3-section .wrapper , body.page-home-v3 .marketplacing .wrapper .marketplacing-features {
        gap: 60px;
    }
    body.page-home-v3 section.v3-section .wrapper .section-left {
        padding: 0 !important;
    }
    body.page-home-v3 section.v3-section .wrapper .section-content {
        padding: 0;
        position: relative;
    }
    body.page-home-v3 .marketplacing .wrapper .marketplacing-features ul li img {
        margin: 0;
    }
    body.page-home-v3 .social.v3-section {
        padding-bottom: 40px;
    }
    body.page-home-v3 .social.v3-section .wrapper {
        gap: 60px;
    }
    body.page-home-v3 .companies.v3-section , body.page-home-v3 .social.v3-section  {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .actions.mobile-hidden {
        display: none;
    }
    body.page-home-v3 .social.v3-section header.header-wrapper h3 {
        width: 100%;
        margin: 0 !important;
    }
    body.page-home-v3 .comparison .comparison-table {
        margin-bottom: 50px;
    }
    body.page-home-v3 .partner.v3-section {
        padding-top: 40px !important;
        padding-bottom: 0 !important;
    }

    .new_story_slide_otr {
        padding: 60px 0 !important;
    }

/* Marketing Page */

    .marketing_banner_title_otr h1 {
        font-size: 48px !important;
    }
    .marketing_banner_title_otr, .marketing_banner_description_otr, .marketing_banner_content {
        gap: 24px;
    }
    .marketing_banner_description {
        gap: 16px;
    }
    .marketing_banner_main {
        flex-direction: column;
        gap: 30px;
    }
    .rithum_banner .marketing_banner_small_title {
        max-width: 100%;
    }
    .marketing_banner_content {
        width: 100%;
    }
    .marketing_banner_btm {
        width: 100%;
        gap: 60px;
    }
    .marketing_banner_image_right {
        margin: 0;
    }
    .right_table_otr .comparison-table table thead th img {
        width: max-content;
        margin: 0px auto;
    }
    .marketing_logo {
        padding: 60px 0 100px;
    }
    .marketing_form_otr {
        padding-bottom: 180px;
    }
    .right_table_otr .comparison-table::before {
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
   .marketing_footer:after {
        height: 100%;
    }
    .marketing_footer_main {
        gap: 80px;
    }

    .right_table_otr .comparison-table table tbody:before {
        right: 35%;
    }


    .marketing_video_main video {
        position: relative;
    }
    .marketing_box_otr {
        margin-bottom: 150px;
    }
    .marketing_box_otr:after{
        width: 100%;
    }

    .nordstorm_banner .marketing_banner_main {
        flex-direction: column-reverse;
    }
    .nordstorm_banner .marketing_banner_main .marketing_video_main {
        padding: 0;
    }
    div#integration-overview[hidden] + div#integration-guide + section .content-wrap .blog-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}



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

    .page-v2 .wrap , .full-wrap , .wrap , #the_dream_team h2 , #career_footer .footer_content_main , .container{
        padding: 0 30px !important;
    } 
    #cymbio_about, #career_hero_banner{
        margin-left: 30px !important;
        margin-right: 30px !important;
    }
    #career_position, #about_cta_dark, #details_job_single.cta-box, #carreer_banner .content-wrap, #about_video .content-wrap, footer#site-footer .content-wrap, #about_cymbio_banner .content, #career_video .content-wrap, #product_logo .content-wrap, .content-wrap.cmn_blog_temp, .cmn_banner_for_hero .full-wrap .content, #single_case_study .hero .full-wrap, #single_case_study > .content-wrap, #single_downloadable .cmn_left_right_main, #single_download_footer .content-wrap, .integration-recent-posts .content-wrap , .cmn_privacy_page .content-wrap , .page-404 .content-wrap {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    div#integration-overview[hidden] + div#integration-guide + section .content-wrap{
        padding-right: 30px !important;
    }

/* Cmn Page */

    .title_h1 {
        font-size: 54px !important;
    }
    .title_h2, #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title {
        font-size: 38px !important;
    }
    .title_h3, #job_cta_top .cta-box h3{
        font-size: 32px !important;
    }





    .page-v2 .wrap, .full-wrap {
        flex-direction: column;
    }
    .hero.hero-v2 .hero-image {
        width: 100%;
        flex: unset;
        height: 500px;
        background-size: cover;
    }
    #normal_digital_sales .content-wrapper {
        margin-bottom: 0 !important;
    }
    .single-job #details_job_single .content-wrap:after, #about_page_main #details_job_single .content-wrap:after, #about_cta_dark .content-wrap:after, #why_cymbio_cta .content-wrapper:after, #cta_footer_about .content-wrap:after, #carrer_footer_cta .joi_us_main:after, .cta-box.cta-box-form .content-wrap:after, .cta-box .content-wrap:after{
        width: 100%;
        height: 100%;
    }


    footer#site-footer .content-wrap {
        gap: 30px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .footer-top {
        flex-wrap: wrap !important;
    }
    .logo-certificates {
        width: 100% !important;
        flex-basis: unset !important;
        align-items: flex-start !important;
    }
    .logo-certificates .certificate-icons {
        min-width: 100% !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    footer#site-footer .signup-newsletter h4 {
        margin-top: 0px !important;
    }

/* About Page */


    #about_video .content {
        width: 33%;
    }
    #core-value li {
        flex: 0 0 48%;
    }
    #core-value .wrap:after {
        top: 0;
    }
    #about_customer h2 , #core-value h2 , #the_dream_team h2 {
      margin-bottom: 60px !important;
    }
    #core-value {
        padding: 60px 0;
    }

/* Partners Page */


    #new_why_cymbio_banner .hero-image {
        background-size: contain;
    }
    #new_why_cymbio_banner .hero-content {
        width: 100%;
       
    }
    #grow_partners .row {
        gap: 50px;
    }
    #grow_partners .col.content-wrapper .content {
        margin: 16px 0;
    }
    #partners_retailer .wrap {
        flex-direction: row;
    }

/* Career Page */

    #carreer_banner {
        padding: 80px 0 60px;
    }
    #job_cta_top .cta-box h3 {
        max-width: 100%;
    }
    #career_video .content-wrap .content {
        width: 40%;
    }
    #career_video .content-wrap {
        gap: 40px;
    }
    #career_position {
        padding: 40px 0 40px;
    }

/* Career Detail */

    .cmn_structure .cmn_content_single {
        padding: 60px 0 0;
    }

/* Contact Page  */

    #contact_page_main {
        gap: 60px !important;
    }
    #contact_page_main .full-wrap .wrap.row {
        flex-direction: column;
        align-items: flex-start;
    }
    #contact_page_main .full-wrap .wrap.row .content {
        width: 100%;
        max-width: 100%;
    }
    #contact_page_main .hero-contact h1 {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    #contact_page_main .hero-contact h2 {
        width: 100%;
        max-width: 100%;
    }
    #contact_page_main .full-wrap .wrap.row .hero-contact-form , #single_downloadable .hero .full-wrap .cmn_right {
        width: 100% !important;
        max-width: 70% !important;
        margin: 0px auto;
    }
    #contact_page_main {
        padding-bottom: 20px;
    }
  
    
/* Case Study */

    .cmn_blog_temp .blog-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

/* Case Study Details */

    #single_case_study .post-content .case-study-about {
        display: flex;
        gap: 40px;
    }    
    #single_case_study .case-study-about-images .about-image-2 {
        margin-left: 7rem;
    }

    /* .desktop-hidden {
        display: block !important;
    } */

    .integration-guide-wrapper .main {
        padding-right: 30px !important;
    }

/* HOme Page */

    body.page-home-v3 .tech-stack , body.page-home-v3 .marketplacing , body.page-home-v3 .about-us-blog.v3-section , body.page-home-v3 .partner.v3-section , body.page-home-v3 .comparison , body.page-home-v3 section.v3-section header.header-wrapper , body.page-home-v3 section.v3-section.social .actions , body.page-home-v3 .companies.v3-section , body.page-home-v3 .hero.v3-section .wrapper {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

/* Marketing Page */

    .marketing_banner {
        padding: 40px 0;
    }
    .logo_main ul {
        gap: 30px 0;
    }
    .marketing_form_otr:before {
        width: 210px;
        height: 280px;
    }
    .marketing_form_main {
        padding: 50px 40px;
    }
    .marketing_form_otr {
        padding-bottom: 150px;
    }
    .marketing_footer {
        padding: 80px 0;
    }


    .marketing_form_otr.nordstrom_form_otr {
        padding-bottom: 50px;
    }

}



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

/* Cmn Page */

    section {
        padding: 40px 0;
    }
    .page-v2 .hero {
        padding-top: 60px;
    }
    .title_h1 {
        font-size: 48px !important;
    }
    .title_h2, #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title {
        font-size: 34px !important;
    }
    .title_h3, #job_cta_top .cta-box h3 {
        font-size: 28px !important;
    }
    .title_h4 {
        font-size: 22px !important;
    }
    .hero.hero-v2 .full-wrap , #new_why_cymbio_banner .full-wrap{
        gap: 30px;
    }


    #banner_later.why-section ul.features li , .btm_feature_otr#banner_later ul.features li {
        flex: 0 0 calc(50% - 30px);
    }
    #banner_later.why-section .features-wrapper {
        margin-top: 50px;
    }

    #new_added_content .wrap_logo_otr{
        gap: 50px;
    }
    #new_added_content .logo_main li {
        padding: 30px;
    }
    #banner_later.features-section ul.features li {
        flex: unset;
        width: 47%;
        padding: 25px 15px;
    }
    #banner_later.features-section ul.features {
        gap: 30px;
        display: flex;
    }
    .page-v2 .wrap, .full-wrap {
        padding: 0 30px !important;
    }
    .single-job #details_job_single .content-wrap, #about_page_main #details_job_single .content-wrap, #about_cta_dark .content-wrap, #why_cymbio_cta .content-wrapper, #cta_footer_about .content-wrap, #carrer_footer_cta .joi_us_main, .cta-box.cta-box-form .content-wrap, .cta-box .content-wrap {
        padding: 40px 20px !important;
    }
    #normal_digital_sales .banner-wrapper, .content-images-banner-section .banner-wrapper {
        padding: 40px 20px;
    }



    .footer-top {
        flex-wrap: wrap !important;
        gap: 35px 21px !important;
    }
    body footer#site-footer .footer-top .navigation-col {
        flex-basis: unset;
    }



/* About Page */

    #about_cymbio_banner .full-wrap {
        padding: 100px 0 !important;
    }
    #cymbio_about {
        padding: 60px 0;
    }
    #carreer_banner {
        padding: 80px 0 60px;
    }
    #about_video .content-wrap {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    #about_video .content {
        width: 100%;
        text-align: left;
        margin: 0;
    }
    #about_video {
        padding: 30px 0 80px;
    }
    #the_dream_team ul.dream-team-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #core-value li {
        flex: 0 0 47%;
        display: flex;
    }
    #core-value .wrap:after {
        left: 0;
        transform: unset;
        background-position: bottom;
    }
    #about_page_main #about_customer {
        padding: 40px 0 60px;
    }
    #about_customer ul {
        padding: 60px 30px !important;
    }
    #the_dream_team li .dream-team-item {
        min-height: unset;
    }
    #about_cta_dark .content-wrap p {
        max-width: 75%;
    }


/* Partners page  */

    #new_why_cymbio_banner .full-wrap {
        padding-bottom: 0 !important;
    }
    .content-banner-section {
        padding-top: 60px;
    }
    #grow_partners .row {
        flex-direction: column-reverse;
        gap: 30px;
    }   
    #partners_gradient #grow_partners .row {
        flex-direction: column-reverse;
        gap: 30px;
    }
    #partners_retailer {
        padding: 60px 0 60px;
    }
    #partners_retailer .wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px;
    }
    #partners_retailer .wrap h2, #product_logo h2 {
        width: 100%;
        text-align: center;
    }
    #grow_partners .col.image-wrapper {
        width: 70% !important;
        margin: 0px auto;
    }
    #partners_retailer .wrap ul.retailers-logos, #product_logo .logos-wrapper .logos-page {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
    }
    #partners_retailer .wrap ul.retailers-logos li, #product_logo .logos-wrapper .logos-page .logo {
        height: 100%;
    }

/* Career Page */

    #carreer_banner {
        padding: 80px 0 40px;
    }
    #details_job_single .content-wrap {
        gap: 16px;
    }
    #job_cta_top .content-wrap p {
        font-size: 20px;
        line-height: 1.4;
    }
   #career_video .content-wrap {
        gap: 50px;
        flex-direction: column;
        display: flex;
    }
    #career_video .content-wrap .content {
        width: 100%;
    }
    #career_video .content-wrap .video-placeholder {
        width: 100%;
    }
    #career_video .content-wrap .content {
        gap: 20px;
        align-items: center;
    }
    #career_position ul li {
        flex: 0 0 47%;
    }

    #career_cymbio {
        width: 100%
    }
    #career_footer .footer_content_main {
        flex-direction: column-reverse;
    }       
    #career_footer .footer_content_main .footer-content-image {
        padding-left: 0;
        width: 80%;
    }

/* Contact Page */

    #contact_page_main .feature-section .feature-section-image {
        width: 80%;
    }
    #contact_page_main .feature-section .content-wrap {
        flex-direction: column;
        gap: 24px;
        display: flex !important;
    }
    #contact_page_main ul.features-section-features {
        margin-bottom: 0;
    }
    .hero-contact-action.hero-contact-phone-action.col {
        margin-bottom: 0 !important;
    }

/* Blog Page */

    .cmn_blog_temp .blog-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .blog-post.blog-post-featured {
        margin-bottom: 40px;
    }

/* Case Study  */

    .cmn_banner_for_hero .full-wrap {
        padding: 60px 0 !important;
    }
    #listing_case_study #about_customer {
        padding: 0 0 60px;
    }
    .content-wrap.cmn_blog_temp {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

/* Blog Detail  */

    .cta-box.cta-box-image {
        padding: 40px 0;
    }
    .cmn_blog_temp .single-blog-post-container .post-content .blog-section {
        padding: 20px;
    }

/* Case Study Details  */

    #single_case_study > .content-wrap:first-of-type .post-content {
        gap: 60px;
        padding: 60px 0;
    }
    #single_case_study .other_box{
        padding-top: 60px;
    }
    #single_case_study > .content-wrap:first-of-type{
        padding: 60px 0 0;
    }
    #single_case_study .post-content .case-study-about {
        flex-direction: column;
        align-items: flex-start;
    }
    #single_case_study .post-content .case-study-about .case-study-about-content{
        width: 100%;
    }
    #single_case_study .post-content .case-study-about .case-study-about-images {
        width: 80%;
        margin: 0px auto;
    }

/* Download Details */

    #single_downloadable .full-wrap .content-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    #single_downloadable .hero .full-wrap .content.col {
        width: 100%;
        min-height: unset;
    }
    .cmn_left_right_main .cmn_right_section ul.check-list, .cmn_left_right_main .cmn_right_section ul.check-list li {
        width: 100%;
        max-width: 100%;
    }

/* Home Page */

    body.page-home-v3 .hbspt-form {
        width: 100%;
        max-width: 100%;
    }
    body.page-home-v3 section.v3-section {
        padding: 40px 0;
    }
    body.page-home-v3 .tech-stack header.tech-stack-header h3 {
        width: 100%;
    }
    body.page-home-v3 section.v3-section .wrapper h3 {
        font-size: 50px !important;
        line-height: 1.1 !important;
    }
    body.page-home-v3 .companies.v3-section .wrapper, body.page-home-v3 .marketplacing .wrapper .marketplacing-features {
        gap: 30px;
    }
    body.page-home-v3 .companies.v3-section .wrapper .companies-images ul li {
        padding: 20px;
    }
    body.page-home-v3 section.v3-section .wrapper .section-left {
        flex-basis: 55%;
    }
    body.page-home-v3 .comparison .comparison-table {
        padding: 30px 0 0;
    }
    body.page-home-v3 .tech-stack header.tech-stack-header {
        margin-bottom: 50px;
    }
    body.page-home-v3 .social.v3-section .wrapper {
        gap: 50px;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts {
        align-items: stretch;
        margin-bottom: 0 !important;
    }
    body.page-home-v3 .testimonials .ratings {
        flex-direction: column;
    }
    body.page-home-v3 .testimonials .rating {
        width: 100%;
        max-width: 50%;
    }
    body.page-home-v3 .comparison .comparison-table table tbody td.padding-cell {
        padding: 0px 4px;
    }

/* Error */

    .page-404 .content-wrap {
        background-size: 90%;
    }

    .announcement-bar {
        display: none !important;
    }

/* Marketing Page */

    .new_container{
        padding: 0px 30px;
    }
    .marketing_banner_title_otr h1 {
        font-size: 44px !important;
        line-height: 1.3 !important;
    }
    .marketing_form_otr {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    .rithum_banner h4 {
        font-size: 24px !important;
    }
    .marketing_footer::before {
        width: 100%;
    }
    .marketing_form_otr:before {
        width: 170px;
        height: 170px;
    }
    .marketing_footer:after {
        height: 100%;
        width: 100%;
    }

    .marketing_box_otr {
        margin-bottom: 80px;
    }
    .marketing_form_otr.nordstrom_form_otr:after {
        width: 100%;
    }


    div#integration-overview[hidden] + div#integration-guide + section .content-wrap .blog-posts-container{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .page-template-page-integration:has(#integration-guide:not([hidden])) #site-footer .footer-bottom {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
}



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

/* Cmn Page */


    body:before {
        width: 100%;
        height: 500px;
        top: 0;
        padding: 0;
        margin: 0 auto;
    }
    .title_h1 {
        font-size: 42px !important;
        line-height: 1.3 !important;
    }
    .title_h2, #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title {
        font-size: 30px !important;
    }
    .title_h3, #job_cta_top .cta-box h3 {
        font-size: 24px !important;
    }
    .title_h4 {
        font-size: 20px !important;
    }
    #why_testimonials .testimonial-content p, #single_case_study .testimonial-single p {
        font-size: 20px;
        line-height: 1.3;
    }


 
    .page-v2 .hero , #about_cymbio_banner , #career_hero_banner , #career_detail_banner , #blog_otr section.hero , .cmn_banner_for_hero , .single-blog-post , #single_case_study , .archive-press-release , .cmn_privacy_page , .page-404  {
        padding-top: 150px !important;
    }
    #single_downloadable {
        padding-top: 80px !important;
    }


    .hero.hero-v2 .full-wrap, #new_why_cymbio_banner .full-wrap{
        display: flex;
        flex-direction: column;
        gap: 50px ;
        margin-bottom: 20px !important;
    }
    .hero.hero-v2 .hero-buttons{
        margin: 0 !important;
    }
    .hero.hero-v2 .hero-image {
        height: 450px;
    }

    #new_added_content .wrap_logo_otr {
        flex-direction: column;
    }
    #new_added_content .wrap_logo_otr .title_logo {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .content-logos-section img {
        height: 80px;
    }
    #new_added_content .logo_main li {
        padding: 40px 50px;
    }

    .testimonial-container {
        text-align: right;
        margin: 0 !important;
    }

    #banner_later.why-section ul.features li, .btm_feature_otr#banner_later ul.features li {
        flex: 0 0 calc(50% - 20px);
        margin: 0;
    }
    #normal_digital_sales .content-wrapper {
        margin: 30px auto;
    }
    #new_added_content , .content-banner-section {
        padding: 50px 0 50px !important;
    }
    #banner_later.features-section ul.features li {
        width: 100%;
        padding: 35px 30px;
    }
    #banner_later.features-section ul.features li:last-child {
        margin: 0;
    }
    .single-job #details_job_single .content-wrap, #about_page_main #details_job_single .content-wrap, #about_cta_dark .content-wrap, #why_cymbio_cta .content-wrapper, #cta_footer_about .content-wrap, #carrer_footer_cta .joi_us_main, .cta-box.cta-box-form .content-wrap, .cta-box .content-wrap , .cta-box.cta-box .content-wrap {
        padding: 30px 15px !important;
    }


    footer#site-footer {
        padding: 50px 0 30px !important;
    }
    footer#site-footer .footer-bottom {
      margin-bottom: 0 !important;
    }
    .footer-top {
        gap: 40px 21px !important;
    }
    .footer-top .site-logo {
        width: 165px !important;
        margin: 0 !important;
    }
    .logo-certificates .certificate-icons{
        display: flex !important;
        margin: 0 !important;
    }


/* About Page */

    #about_cymbio_banner .full-wrap {
        padding: 70px 0 !important;
    }
    .defintaion_top {
        flex-direction: column;
    }
    .defintaion_top, #cymbio_about ul.definition-list li , #cymbio_about .definition-footer {
        padding: 25px 20px;
    }
    #about_video {
        padding: 30px 0 50px;
    }
    #about_customer ul {
        padding: 50px 30px !important;
    }
    #about_customer .slick-track img {
        max-height: 30px;
    }
    #about_cta_dark .content-wrap p {
        max-width: 100%;
    }   
    .definition .definition-footer{
        text-align: left !important;
    }
    #core-value ul {
        gap: 20px 30px;
    }


/* Partners page */

    #grow_partners .col.content-wrapper {
        text-align: left;
        margin: 0;
    }

/* Career page  */

    #carreer_banner {
        padding: 60px 0 40px;
    }
    #job_cta_top .content-wrap p {
        font-size: 18px;
        line-height: 1.5;
    }
    #career_video {
        padding: 80px 0 50px;
    }
    #career_position ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    #career_footer .footer_content_main .footer-content-content{
        margin: 0 !important;
    }
    #career_footer .footer_content_main {
        gap: 40px;
    }
    #carrer_footer_cta {
        padding: 80px 0 50px;
    }
    #career_hero_banner h1{
        padding:0 ;
    }
    #career_hero_banner .full-wrap , #career_detail_banner .content-wrap  {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

/* mobile icon */

    .btn-icon {
        display: flex;
    }
    #details_job_single .content-wrap {
        padding: 25px !important;
    }
    #career_cymbio {
        padding: 40px 0 30px;
    }
    .certificate-icons img {
        max-width: 50px !important;
    }
    
/* Career Details  */

    #career_detail_banner .content-wrap {
        display: flex;
        align-items: flex-start;
    }
    #career_detail_banner .content {
        text-align: left;
        margin: 0;
    }
    .single-job .job-actions {
        text-align: left;
    }

/* Product page */


    #automation .content-accordion-wrapper {
        margin-top: 40px;
    }
    #automation .content-accordion-wrapper li h4 {
        opacity: 1;
    }
    #automation ul.features {
        width: 100% !important;
        gap: 30px;
    }
    #automation .content-accordion-wrapper li {
        padding: 0 !important;
    }
    .content-accordion-section ul.features li .video-wrapper {
        margin-top: 16px;
    }
    #automation .video, #automation video {
        max-width: 80%;
        margin: 0px auto;
    }
    #product_support .bullets-wrapper {
        padding-top: 40px;
    }
    #product_support ul.bullets {
        gap: 30px 30px;
    }
    .banner-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    .content-images-banner-section .banner-wrapper .image{
        margin: 40px auto ;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .content-images-banner-section .banner-wrapper .image:first-child {
        margin-top:0 ;
    }
    .content-images-banner-section .banner-wrapper .image:last-child{
        margin-bottom: 0px;
     }
    #product_logo .content-wrap {
        flex-direction: column;
    }
    #product_support ul.bullets li {
        font-size: 20px;
    }

/* Contact Page */

    #contact_page_main .full-wrap .wrap.row .content{
        align-items: flex-start;
        text-align: left;
    }
    .hero-contact-actions.row {
        display: flex;
    }
    .hero-contact-actions.row .hero-contact-action {
        margin-left: 0 !important;
    }
    #contact_page_main .full-wrap .wrap.row .hero-contact-form, #single_downloadable .hero .full-wrap .cmn_right {
        max-width: 100% !important;
    }
    #contact_page_main .full-wrap .wrap.row .hero-contact-form .hbspt-form {
        max-width: 100%;
    }
    #contact_page_main .hero-contact-form .hs_firstname.hs-firstname, #contact_page_main .hero-contact-form .hs_lastname.hs-lastname {
        width: 100%;
    }
    #contact_page_main .hero-contact h2 {
        margin-bottom: 40px;
    }
    .page-contact .features-sections .feature-section h4 {
        text-align: left;
    }
    
/* Blog Page */

    .cmn_blog_temp .blog-post .blog-post-header-container {
        position: relative;
        padding-top: 80%;
    }
    .cmn_blog_temp .blog-post.blog-post-featured .blog-post-header-container {
        padding-top: 60% !important;
    }
    .blog-post .blog-post-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

/* Case Study  */

    .cmn_banner_for_hero .full-wrap {
        padding: 0px 0 60px !important;
    }

/* Blog Details */

    .single-blog-post-footer {
        margin-top: 20px;
    }
    .single-blog-post .recent-posts-wrapper {
        padding: 20px 0 0;
    }
    .single-blog-post .recent-posts-wrapper .blog-posts-container {
        margin-top: 40px;
    }
    .cta-box.cta-box-image {
        padding: 0;
    }
    .cta-box-image .col {
        padding: 0 !important;
        margin: 0 !important;
    }

/* Case Study Detail  */


    #single_case_study .case-study-about-images .about-image-2 {
        margin-left: 4rem;
    }
    #single_case_study .post-content .cmn_structure_box , #single_case_study .testimonial-single{
        padding: 20px;
    }
 
/* Download Details */

   .cmn_left_right_main {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 40px;
        text-align: left;
    }
    .cmn_left_right_main .cmn_left_section {
        width: 80%;
        margin: 0px auto;
    }
    .cmn_left_right_main .cmn_right_section {
        width: 100%;
        text-align: left;
        align-items: flex-start;
        margin: 0;
    }
    .cmn_left_right_main h3, .cmn_left_right_main h4 {
        text-align: left;
    }
    .single-downloadable .whats-included h4 {
        max-width: 100%;
    }
    .cmn_right_section p {
        max-width: 100% !important;
        width: 100% !important;
        text-align: left !important;
    }
    section.what-youll-learn .cmn_left_right_main {
        flex-direction: column !important;
    }
    #single_download_footer .downloadable-form .hs-form-private {
        gap: 30px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .downloadable-form.downloadable-form-horizontal .field {
        margin-bottom: 0 !important;
    }


    #modal-lead-form .hbspt-form {
        width: 100%;
        max-width: 100%;
    }
    #single_case_study .cmn_structure_box .case-study-results-stats ul.stats-list li {
        flex: 0 0 46%;
    }

    #single_case_study .testimonial-content {
        text-align: left;
        margin: 0;
    }

/* Home Page */

    body.page-home-v3 section.v3-section .wrapper h3 {
        font-size: 38px !important;
        line-height: 1.2 !important;
    }
    body.page-home-v3 .tech-stack header.tech-stack-header {
        margin-bottom: 30px;
    }

    body.page-home-v3 .companies.v3-section .wrapper p.subtitle {
        width: 64%;
        margin: 0px auto;
    }
    body.page-home-v3 section.v3-section .wrapper .section-content {
        width: 100% !important;
        flex-basis: 100% !important;
        place-content: flex-start;
        grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    }
    body.page-home-v3 .marketplacing .wrapper .marketplacing-feature-content , body.page-home-v3 .marketplacing .marketplacing-feature-content p.subtitle  {
        width: 100% !important;
    }
    body.page-home-v3 .marketplacing .wrapper .marketplacing-feature-content {
        grid-template-columns: repeat(1,minmax(0,1fr)) !important;
    }
    body.page-home-v3 .social.v3-section {
        padding: 70px 0 0 0 !important;
    }
    body.page-home-v3 .social.v3-section .wrapper {
        gap: 40px;
    }
    body.page-home-v3 .comparison header.comparison-header {
        width: 85%;
    }
    body.page-home-v3 .about-us-blog .wrapper.blog-wrapper {
        margin: 0 !important;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts {
        flex-direction: column;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts li .post-content {
        min-height: unset;
    }
    body.page-home-v3 .partner .form-wrapper header {
        width: 100%;
    }
    body.page-home-v3 .partner .form-wrapper {
        gap: 30px;
    }

    .new_story_slide_otr {
        padding: 50px 0 !important;
    }
    body.page-home-v3 .about-us-customer-stories .customer-stories-list .slide-wrap {
        margin: 0 20px;
    }

/* Marketing Page */

    .marketing_banner_title_otr h1 {
        font-size: 40px !important;
        line-height: 1.3 !important;
    }
   .right_table_otr .comparison-table {
        background-position: 91% 97%;
        background-size: 60% 96%;
    }
    .marketing_form_title h2 {
        font-size: 34px !important;
    }
    /* .marketing_form_main .hsfc-Step__Content .hsfc-Row {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px !important;
    } */
    .marketing_form_main {
        padding: 40px 30px;
    }
    .marketing_form_main .hsfc-Step__Content .hsfc-Row .hsfc-ErrorAlert ,  .marketing_form_main  .hsfc-ErrorAlert {
        font-size: 0.9em !important;
        top: calc(100% - -3px);
    }
    .marketing_form_main .hsfc-Step__Content .hsfc-Row {
        gap: 16px !important;
    }
    .right_table_otr .comparison-table::after {
        right: 26.3%;
        top: 70px;
    }

    .right_table_otr .comparison-table table tbody td.title {
        max-width: 160px !important;
    }
    .right_table_otr .comparison-table table tbody:before {
        right: 28%;
        filter: blur(80px);
    }
    .right_table_otr .comparison-table table tbody:after {
        top: 71px;
    }


    .marketing_box_main {
        display: flex;
    }
    .marketing_box_main .slick-track {
        align-items: stretch !important;
    }
    .marketing_box_main .marketing_box {
        margin-right: 30px;
        height: auto !important;
    }

    .marketing_box_otr .container {
        padding-right: 0 !important;
    }
    .marketing_box_otr:after {
        width: 70%;
        filter: blur(160px);
        height: 100%;
        top: 0;
        transform: translateX(-50%);
    }

    .marketing_form_otr::after {
        width: 100%;
        top: -70%;
        left: -40%;
    }

    .page-template-page-integration .integration-page-menu nav {
        margin-left: auto;
    }
    .page-template-page-integration .integration-page-menu h2 {
        margin-right: 0;
    }

    div#integration-overview[hidden] + div#integration-guide + section .content-wrap , .page-template-page-integration:has(#integration-guide:not([hidden])) #site-footer {
        padding-left: 30px !important;
    }
    div#integration-overview[hidden] + div#integration-guide + section .content-wrap .blog-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketing_form_title h2 br {
        display: flex !important;
    }


}


@media screen and (max-width: 600px) {
    
/* Cmn Page */

    .page-v2 .wrap , .full-wrap , .wrap , #the_dream_team h2 , #career_footer .footer_content_main , .container {
        padding: 0 20px !important;
    }   
    #cymbio_about, #career_hero_banner{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    #career_position, #about_cta_dark, #details_job_single.cta-box, #carreer_banner .content-wrap, #about_video .content-wrap, footer#site-footer .content-wrap, #about_cymbio_banner .content, #career_video .content-wrap, #product_logo .content-wrap, .content-wrap.cmn_blog_temp, .cmn_banner_for_hero .full-wrap .content, #single_case_study .hero .full-wrap, #single_case_study > .content-wrap, #single_downloadable .cmn_left_right_main, #single_download_footer .content-wrap, .integration-recent-posts .content-wrap ,.cmn_privacy_page .content-wrap , .page-404 .content-wrap{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .title_h1 {
        font-size: 36px !important;
        line-height: 1.3 !important;
    }
    h2, .title_h2, #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title {
        font-size: 26px !important;
        line-height : 1.3 !important;
    }
    h3 ,.title_h3, #job_cta_top .cta-box h3 {
        font-size: 22px !important;
    }
    h4 , .title_h4 , #banner_later ul.features li h4 , #contact_page_main .hero.hero-contact .hero-contact-action h4 {
        font-size: 20px !important;
        line-height : 1.3 !important;
    }
    h5 , .title_h5 {
        font-size: 18px !important;
        line-height : 1.3 !important;
    }           
    #cymbio_about .definition-meaning {
        font-size: 18px;
        line-height: 1.3;
    }
    #why_testimonials .testimonial-content p, #single_case_study .testimonial-single p {
        font-size: 18px;
        line-height: 1.3;
    }
    .single-job #details_job_single .content-wrap, #about_page_main #details_job_single .content-wrap, #about_cta_dark .content-wrap, #why_cymbio_cta .content-wrapper, #cta_footer_about .content-wrap, #carrer_footer_cta .joi_us_main, .cta-box.cta-box-form .content-wrap, .cta-box .content-wrap {
        gap: 16px;
    }


    .hero.hero-v2 .hero-content h1 {
        margin-bottom: 16px;
    }
    #new_why_cymbio_banner .hero-description, .cmn_right_section ul.check-list li{
        margin: 16px 0 !important;
    }
    .hero.hero-v2 .hero-image {
        height: 400px;
    }
    #banner_later.why-section ul.features li , .btm_feature_otr#banner_later ul.features li {
        flex: 0 0 calc(100% - 0px);
    }
    #banner_later ul.features li .content{
        margin: 0 !important;
    }
    #banner_later.features-section ul.features li {
        padding: 30px 20px;
    }
    #why_cymbio_cta h5.description {
        max-width: 100% !important;
    }

    .certificate-icons img {
        max-width: 45px !important;
    }
    .footer-top {
        gap: 24px 30px !important;
    }
    footer#site-footer .content-wrap {
        padding: 0 20px !important;
        max-width: 100%;
    }


/* About Page */

    #about_cymbio_banner .content h2 {
        margin: 16px 0 16px !important;
    }
    #about_cta_dark {
        padding: 60px 0 40px;
    }
    #carreer_banner {
        padding: 60px 0 20px;
    }
    #core-value , #cymbio_about {
        padding: 40px 0;
    }
    .defintaion_top, #cymbio_about ul.definition-list li, #cymbio_about .definition-footer {
        padding: 16px 20px;
    }
    #the_dream_team ul.dream-team-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #core-value li {
        width: 100%;
        flex: unset;
    }
    #about_customer h2, #core-value h2, #the_dream_team h2 {
        margin-bottom: 40px !important;
    }
    #about_customer .slider .slick-prev{
        left: -45px;
    }
    #about_customer .slick-next.slick-arrow {
        right: -45px;
    }


/* Partners Page */

    #grow_partners {
        padding-top: 40px !important;
    }
    #grow_partners .col.image-wrapper {
        width: 100% !important;
    }
    #partners_retailer .wrap ul.retailers-logos, #product_logo .logos-wrapper .logos-page {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }
    
/* Career Page */

    #details_job_single .content-wrap {
        gap: 12px;
    }
    #career_video {
        padding: 60px 0 50px;
    }
    #career_video .content-wrap .content {
        gap: 16px;
    }
    #career_video .content-wrap {
        gap: 30px;
    }
    #career_position ul {
        padding-top: 40px;
    }
    #career_position ul li a {
        padding: 20px; 
    }
    #carrer_footer_cta {
        padding: 60px 0 40px;
    }

/* Career Detail */

    .cmn_structure .cmn_content_single {
        padding: 50px 0 0;
    }
    #career_detail_banner .full-wrap {
        background-size: cover;
    }
    #career_detail_banner .content h1 {
        margin: 0 0 16px 0;
    }
    #career_detail_banner .content-wrap {
        gap: 24px !important;
    }
    .cmn_content_single .post-content section {
        padding: 16px 0 8px !important;
    }
    .cmn_content_single .post-content section h2 {
        margin-bottom: 16px !important;
    }
    .cmn_content_single .comeet-social-widget {
        padding: 40px 0 10px;
    }

/* Product Page  */
   
    #new_added_content .wrap_logo_otr {
        gap: 40px;
    }
    #product_support ul.bullets {
        gap: 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #product_support ul.bullets li {
        font-size: 18px;
    }
    #partners_retailer .wrap, #product_logo .content-wrap {
        gap: 40px;
    }
    .content-images-banner-section .banner-wrapper .image {
        margin: 30px auto;
    }
    .content-images-banner-section .banner-wrapper .image img {
        max-height: 80px;
    }

/* Contact Page */

    #contact_page_main {
        gap: 50px !important;
    }
    #contact_page_main .full-wrap .wrap.row .hero-contact-form , #single_downloadable .form_hero_banner .hbspt-form {
        padding: 20px;
    }
    #contact_page_main .feature-section .feature-section-image {
        width: 100%;
    }
    #contact_page_main .hero-contact h2 {
        margin-bottom: 20px;
    }
    #contact_page_main .hero-contact-actions , #contact_page_main .hero-contact-actions .hero-contact-action {
        width: 100% !important;
        max-width: 100% !important;
    }

/* Blog Page */

    #blog_otr .form-email-lead-form {
        width: 100%;
    }
    #blog_otr .content-wrap.cmn_blog_temp {
        padding: 60px 0 0;
    }
    #blog_otr .full-wrap h2 {
        margin: 16px 0 24px !important;
    }
    .cmn_blog_temp .blog-posts-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .cmn_blog_temp .blog-post.blog-post-featured {
        flex-direction: column;
    }
    .cmn_blog_temp .blog-post.blog-post-featured .blog-post-header-container {
        width: 100%;
    }
    .cmn_blog_temp .blog-post .blog-post-header-container , .cmn_blog_temp .blog-post.blog-post-featured .blog-post-header-container {
        padding-top: 50%;
    }
    .cmn_blog_temp .blog-post.blog-post-featured .blog-post-header-container a {
        border-radius: 16px 16px 0 0;
    }
    .cmn_blog_temp .blog-post.blog-post-featured .blog-post-content{
        border-radius: 0 0 16px 16px;
    }
    #blog_otr .form-email-lead-form {
        display: flex;
        flex-direction: column;
    }
    #blog_otr .hero .hero-form form input {
        width: 100%;
        padding-right: 30px;
    }
     #blog_otr .hero .hero-form form button {
        transform: unset;
        margin-left: -20px;
    }
     #blog_otr .hero .hero-form form {
        flex-direction: row !important;
    }
    .blog-post .blog-post-footer {
        flex-direction: row;
        align-items: center;
    }

/* Case Study Page */

    .cmn_banner_for_hero .full-wrap {
        padding: 0px 0 50px !important;
    }

/* Blog Detail */

    .content-wrap.cmn_blog_temp {
        padding-top: 60px !important;
        padding-bottom: 0px !important;
    }

/* Case Study Details  */

    #single_case_study > .content-wrap:first-of-type .post-content {
        gap: 50px;
        padding: 50px 0;;
    }
    #single_case_study .other_box{
        padding-top: 50px;
    }
    #single_case_study > .content-wrap:first-of-type{
        padding: 50px 0 0;
    }
    #single_case_study .post-content .case-study-about .case-study-about-images {
        width: 100%;
        padding-right: 10px;
    }
    #single_case_study .case-study-about-images .about-image-2 {
        margin-left: 10px;
        padding-left: 0;
    }
    .single-case-study .post-content p {
        margin-bottom: 12px;
    }
    #single_case_study .case-study-title, #single_case_study .post-title {
        max-width: 100%;
    }
    .single-case-study .hero.hero-case-study .hero-case-study-logo {
        max-width: 70%;
    }
    #single_downloadable .cmn_right_section ul.check-list li {
        margin: 0 !important;
    }
    .cmn_left_right_main .cmn_left_section {
        width: 100%;
    }



    #modal-lead-form {
        padding: 20px !important;
    }
    #modal-lead-form {
        padding: 30px 20px 20px 20px !important;
    }

    #single_case_study .cmn_structure_box .case-study-results-stats ul.stats-list li {
        flex: 0 0 100%;
    }
    .single-case-study .stats-list .stats-counter {
        font-size: 36px;
    }

    #integration-overview {
        padding-top: 60px;
    }
    .integration-recent-posts .blog-posts-container {
        padding-top: 30px;
    }
    .integration-guide-wrapper .main {
        padding-right: 20px !important;
        width: 100%;
    }
   


    .cmn_privacy_page .content-wrap {
        gap: 30px;
    }
    .cmn_privacy_page .post-content {
		font-size: 16px;
		line-height: normal;
	}

/* Home Page */

    body.page-home-v3 section.v3-section .wrapper h3 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    body.page-home-v3 .tech-stack, body.page-home-v3 .marketplacing, body.page-home-v3 .about-us-blog.v3-section, body.page-home-v3 .partner.v3-section, body.page-home-v3 .comparison, body.page-home-v3 section.v3-section header.header-wrapper, body.page-home-v3 section.v3-section.social .actions, body.page-home-v3 .companies.v3-section, body.page-home-v3 .hero.v3-section .wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.page-home-v3 .marketplacing .wrapper .marketplacing-feature-content {
        gap: 16px;
    }
    body.page-home-v3 .testimonials .rating {
        max-width: 80%;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts li .post-content {
        padding-right: 20px;
    }
    body.page-home-v3 .partner.v3-section .wrapper {
        margin-top: 60px;
    }
    body.page-home-v3 .marketplacing .wrapper .marketplacing-features .feature-image {
        padding: 15px;
    }

/* Error */

    .page-404 h1 {
        font-size: 28px;
    }
    .page-404 .not-found-navigation a {
        font-size: 16px;
    }

    .automation-section .video-wrapper .image {
        justify-content: center !important;
        align-items: center !important;
        display: flex !important; 
    }

/* Marketing  */

    .new_container{
        padding: 0px 20px;
    }
    .marketing_header {
        padding: 48px 0 0;
    }
    .marketing_banner_title_otr, .marketing_banner_description_otr, .marketing_banner_content {
        gap: 20px;
    }
    .marketing_header_main {
        justify-content: center;
    }
    .marketing_banner_title_otr h1 {
        font-size: 37px !important;
        text-align: center;
    }
    .marketing_banner_content {
        text-align: center;
    }
    .marketing_banner_image_otr {
        justify-content: center;
    }
    .marketing_banner_btm {
        gap: 50px;
    }
    .right_table_otr .comparison-table table tbody td.padding-cell {
        width: 20px !important;
    }
    .right_table_otr .comparison-table table thead th:last-child img {
        padding-left: 0;
    }
    .right_table_otr .comparison-table table tbody td.title {
        max-width: 170px !important;
    }
    .marketing_banner_main {
        gap: 60px;
    }
    /* .right_table_otr .comparison-table table tbody:before {
        content: '';
        position: absolute;
        width: 213px;
        height: 5px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 59.13%, rgba(255, 255, 255, 0.00) 100%);
        mix-blend-mode: plus-lighter;
        filter: blur(2px);
        Z-INDEX: 1;
        top: 69px;
        left: 56%;
        transform: translateX(-50%);
    } */
    .right_table_otr .comparison-table:after {
        content: ' ' !important;
        background: url(/wp-content/uploads/2025/07/round_patch.svg);
        background-repeat: no-repeat;
        width: 260px;
        height: 100%;
        z-index: -1;
        left: 56%;
        top: 30px;
        transform: translateX(-50%);
    }
   .right_table_otr .comparison-table {
        background-position: 82% 87%;
        background-size: 60% 96%;
    }
     
    .right_table_otr .comparison-table table tbody:after {
        top: 71px;
    }
    .right_table_otr .comparison-table{
        background: unset !important;
    }
    .tile_line {
        display: none;
    }
    .marketing_logo_main {
        gap: 40px;
    }
    .marketing_form_title h2 {
        font-size: 29px !important;
    }
    .marketing_form_otr {
        padding-bottom: 140px;
    }
    .marketing_form_main .hsfc-Step__Content .hsfc-Row {
        flex-direction: column;
        gap: 24px !important;
        margin-bottom: 24px !important;
    }
    .marketing_form_main {
        padding: 48px 16px 30px;
    }
    .marketing_form_main .hsfc-Step__Content .hsfc-Row .hsfc-ErrorAlert, .marketing_form_main .hsfc-ErrorAlert {
        top: calc(100% - 5px);
    }

    .marketing_footer_top {
        flex-direction: column;
        gap: 44px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .marketing_footer_btm {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .marketing_footer_main {
        gap: 64px;
    }
    .marketing_footer_copyright_text p {
        margin: 0;
        padding: 0;
    }
    .marketing_footer_copyright_text p::before {
        display: none;
    }
    .marketing_footer::before {
        top: -40px;
    }
    .cmn_marketing_form_otr input{
        margin-bottom: 0 !important;
    }
    .title_marketing_logo h6 {
        padding: 0 !important;
    }


    .marketing_form_otr.nordstrom_form_otr:after {
        left: -40%;
        top: -60%;
    }
    .nordstorm_banner .marketing_banner_main {
        gap: 40px;
    }
    .marketing_banner_btn a.btn-gradient {
        align-items: center;
        justify-content: space-around;
        font-size: 16px !important;
        padding: 16px 30px !important;
    }
    #core-value li .core-value-item {
        width: 100%;
    }

    #grow_partners .col.content-wrapper .subtitle {
        font-size: 22px;
        margin: 8px 0;
    }
    .page-template-page-integration  .integration-page-menu .wrap {
        justify-content: center;
    }
    .page-template-page-integration .integration-page-menu nav {
        margin: 0 auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .page-template-page-integration  .page-integration {
        padding-top: 100px;
    }


    div#integration-overview[hidden] + div#integration-guide + section .content-wrap .blog-posts-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
     div#integration-overview[hidden] + div#integration-guide + section .content-wrap , .page-template-page-integration:has(#integration-guide:not([hidden])) #site-footer {
        padding-left: 20px !important;
    }

     .integration-guide-wrapper .integration-guide-wrapper .main table {
        display: block;
        overflow: scroll;
    }
}



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

/* Cmn Page */

    .new_container{
        padding: 0px 15px;
    }
    .title_h1 {
        font-size: 30px !important;
        line-height: 1.4 !important;
    }
    h4 , .title_h4 , #banner_later ul.features li h4 , #contact_page_main .hero.hero-contact .hero-contact-action h4 {
        font-size: 18px !important;
    }
    #new_added_content, .content-banner-section {
        padding: 30px 0 30px !important;
    }
    #about_cta_dark a.btn, #why_cymbio_cta a.btn-full.btn, #cta_footer_about a.btn, #about_cymbio_banner a.btn, #why_cymbio_cta .cta-action a, #career_hero_banner a.btn, #career_video a.btn, #carrer_footer_cta a, #career_detail_banner a.btn, #details_job_single a.btn, .cta-box.cta-box-form .content-wrap form button {
        font-size: 14px !important;
        padding: 13px 20px;
    }
    .cta-action a.btn , #grow_partners .content-button a.btn , #career_hero_banner .hero-link a.btn , #carrer_footer_cta a.btn , #details_job_single a.btn , #career_detail_banner a.btn, #career_detail_banner .hero-link {
        width: 100%;
        text-align: center;
    }
    .cta-box p, .cta-box p a {
        font-size: 18px;
    }

    .hero.hero-v2 .hero-content .hero-buttons a.btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .hero.hero-v2 .hero-image {
        height: 350px;
    }
    .hero.hero-v2 .full-wrap, #new_why_cymbio_banner .full-wrap {
        gap: 50px;
        margin-bottom: 0px !important;
    }

    #banner_later.why-section .features-wrapper {
        margin-top: 30px;
    }

    #normal_digital_sales .content-wrapper {
        margin: 16px auto;
    }
    #new_added_content .logo_main li {
        padding: 20px 30px;
    }
    #new_added_content .wrap_logo_otr {
        gap: 30px;
    }
    #why_testimonials .testimonial-container {
       padding: 15px;
       gap: 12px;
    }
    .content-features-section .features-wrapper {
        margin-top: 30px;
    }
    #banner_later.features-section ul.features li {
        padding: 20px 20px;
    }

    
/* About Page */



/* Partners page */


    #partners_retailer .wrap ul.retailers-logos, #product_logo .logos-wrapper .logos-page {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #partners_retailer .wrap ul.retailers-logos li img, #product_logo .logos-wrapper .logos-page .logo img {
        max-height: 100px !important;
    }
    #partners_retailer {
        padding: 30px 0 50px;
    }
    #why_testimonials .testimonial-content p, #single_case_study .testimonial-single p {
        font-size: 16px;
        line-height: 1.4;
    }

/* Career Page */

    #carreer_banner .content-wrap {
        gap: 16px;
    }
    #career_cymbio {
        padding: 40px 0 10px;
    }
    #career_position {
        padding: 20px 0 40px;
    }
    #career_footer .footer_content_main .footer-content-image {
        padding-left: 40px;
        width: 100%;
    }

/* Career Detail page */

    .cmn_content_single .post-content section ul {
        gap: 16px;
    }

/* Product page  */

    #automation .video, #automation video {
        max-width: 100%;
    }
    #product_support ul.bullets:before {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
    .content-images-banner-section .banner-wrapper .image img {
        max-height: 70px;
    }

    #product_support ul.bullets li {
        padding: 20px 25px;
        font-size: 16px;
    }

    .cmn_blog_temp .blog-post .blog-post-header-container, .cmn_blog_temp .blog-post.blog-post-featured .blog-post-header-container {
        padding-top: 65%;
    }
    .content-wrap.cmn_blog_temp {
        padding-top: 50px !important;
        padding-bottom: 30px !important;
    }
    .cmn_blog_temp .blog-post-content a.btn {
        width: 100%;
    }
    .cta-box-form .form-email-lead-form input {
        width: 100%;
    }
    .cta-box-form .form-email-lead-form button.btn.btn-full {
        width: 100%;
    }

/* Blog Detail */

    .single-blog-post-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding-top: 8px !important;
    }
    .cmn_blog_temp .post-content h2, .cmn_blog_temp .post-content h3, .cmn_blog_temp .post-content h4, .cmn_blog_temp .post-content h5, .cmn_blog_temp .post-content h6, .cmn_blog_temp .post-content span {
        margin: 12px 0;
        line-height: normal;
    }
    .single-blog-post-container ul li, .single-blog-post-container ol li {
        margin-bottom: 12px;
    }
    .cmn_blog_temp .post-content ul{
        margin: 12px 0;
    }
    .single-blog-post .full-wrap .content {
        gap: 20px;
    }
    body header#site-header .header-wrap {
        gap: 8px;
    }
    body .header-wrap .btn-gradient {
        font-size: 16px;
        padding: 12px 14px;
    }

    .single-case-study .stats-list .stats-counter {
        font-size: 28px;
    }
    #single_case_study .cmn_structure_box ul.stats-list {
        gap: 16px;
    }
    #single_case_study .testimonial-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    #single_case_study .testimonial .testimonial-name {
        font-size: 20px;
    }

    .cmn_privacy_page table th, .cmn_privacy_page table td {
        font-size: 12px;
    }


/* Home Page */

    body.page-home-v3 .companies.v3-section .wrapper h3 {
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
    }
    body.page-home-v3 .companies.v3-section .wrapper p.subtitle {
        width: 100%;
        margin: 0px auto;
    }
    body.page-home-v3 .comparison .comparison-table table tbody td.title {
        font-size: 14px;
        line-height: 1.4;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts li .post-title {
        font-size: 26px;
    }
    body.page-home-v3 .about-us-blog ul.blog-posts li .post-content{
        padding:0;
    }

/* Error */

    .page-404 h1 {
        font-size: 24px;
    }
    .page-404 h2 {
        margin: 0;
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
    .page-404 .center-wrap {
        gap: 16px;
    }
    .page-404 .content-wrap {
        background-size: 95%;
    }

/* Marketing Page */

    .logo_main ul li {
        width: 150px;
        height: 75px;
    }
    .marketing_banner {
        overflow: hidden !important;
    }   
    .marketing_banner.nordstorm_banner {
    overflow: visible !important;
}
    .marketing_banner_image_otr .marketing_banner_image {
        width: 47%;
    }
    .right_table_otr .comparison-table table tbody td.title {
        max-width: 140px !important;
        line-height: 21px !important;
    }
    .right_table_otr .comparison-table::before {
        width: 210%;
        height: 60%;
    }
    .marketing_form_main .hsfc-Step__Content .hsfc-Row .hsfc-ErrorAlert, .marketing_form_main .hsfc-ErrorAlert {
        top: calc(100% - -2px);
        font-size: 0.8em !important;
    }
    .right_table_otr .comparison-table table tbody:before {
        filter: blur(140px);
    }

    .marketing_form_otr::after {
        width: 100%;
        top: -58%;
        left: -10%;
    }


}



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

/* Cmn Page */
    
    .title_h1{
        font-size: 25px !important;
    }
    h2,.title_h2, #normal_digital_sales .banner-content, #grow_partners .col.content-wrapper .title , .cmn_blog_temp .post-content h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    #new_added_content .wrap_logo_otr .logo_main ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .logos-wrapper {
        width: 100%;
    }
    #new_added_content .logo_main li {
        padding: 40px 20px;
    }
    .content-logos-section img {
        height: 70px;
    }
    footer#site-footer .form-email-lead-form {
        min-width: unset;
    }
    body footer#site-footer .signup-newsletter input {
        min-width: unset !important;
        max-width: 100% !important;
    }

/* About Page */




/* Partners page */

    #partners_retailer .wrap ul.retailers-logos, #product_logo .logos-wrapper .logos-page {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    #why_testimonials .testimonial-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }


/* Case Study */

    #listing_case_study .blog-post .blog-post-header {
        height: 200px;
    }


    #integration-overview aside .integration-logos {
        flex-wrap: wrap;
    }
    


}




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


    body header#site-header .header-wrap {
        max-width: calc(100% - 100px);
    }


}


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


    body header#site-header .header-wrap {
        max-width: calc(100% - 60px);
        padding: 15px;
        gap: 10px;
    }
    body header#site-header #site-navigation {
        margin: 0 !important;
    }
    body .btn-gradient {
        font-size: 14px;
        padding: 15px 15px;
    }
    header#site-header .site-logo {
        width: max-content;
    }
    body header#site-header .header-wrap .header-login-button {
        padding: 15px;
    }
    body header#site-header #site-navigation ul.menu-wrapper {
        gap: 10px;
    }
	
	
   
    

}



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



    header#site-header .desktop-hidden{
        display: flex !important;
    }
    #site-navigation .menu-button-container {
        display: none
    }
     button#primary-mobile-menu {
        display: flex;
    }
    body header#site-header a.mobile-hidden {
        display: none;
    }

    #site-navigation .header-menu-container {
        position: fixed;
        opacity: 0;
        top: 123px;
        left: 0;
        right: 0;
        bottom: 0;
        transition: opacity .7s;
        z-index: 30;
        pointer-events: none;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    #site-navigation.menu-open .header-menu-container {
        opacity: 1;
        pointer-events: auto
    }

    #site-navigation .menu-wrapper {
        display: block;
        text-align: center;
        margin-bottom: 50px
    }

    #site-navigation .menu-item {
        font-size: 22px;
        border-bottom: 1px solid #e119b9
    }

    #site-navigation .menu-item a {
        padding: 20px 32px
    }

    #site-navigation .menu-item-has-children>a:after {
        position: relative;
        left: 18px
    }

    #site-navigation .menu-item-has-children .sub-menu {
        min-width: 200px
    }

    #site-navigation .menu-item-has-children .sub-menu .menu-item {
        border-bottom: 0
    }

    #site-navigation .menu-item-has-children .sub-menu .menu-item a {
        font-size: 20px
    }

    #site-navigation #primary-mobile-menu span {
        transition: opacity .7s
    }

    #site-navigation #primary-mobile-menu .icon-menu-open {
        position: absolute
    }

    #site-navigation .icon-menu-close, #site-navigation.menu-open .icon-menu-open {
        opacity: 0
    }

    #site-navigation .icon-menu-open, #site-navigation.menu-open .icon-menu-close {
        opacity: 1
    }
    



    body header#site-header .site-logo {
        flex-shrink: 1;
        width: auto
    }

    body header#site-header .header-navigation {
        margin-right: 0
    }

    body header#site-header #primary-mobile-menu span {
        transition: opacity .7s
    }

    body header#site-header #primary-mobile-menu .icon-menu-open {
        position: absolute
    }

    body header#site-header .icon-menu-close, body header#site-header .menu-open .icon-menu-open {
        opacity: 0
    }

    body header#site-header .icon-menu-open, body header#site-header .menu-open .icon-menu-close {
        opacity: 1
    }

    body header#site-header .icon-menu-open path, body header#site-header .icon-menu-open rect, body header#site-header .icon-menu-close path, body header#site-header .icon-menu-close rect {
        fill: #fff
    }

    body header#site-header #site-navigation .header-menu-container {
        background: #080212;
        display: block;
        padding: 32px 16px;
        height: 100vh;
    }

    body header#site-header #site-navigation .header-menu-container .menu-item {
        padding: 20px 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    body header#site-header #site-navigation .header-menu-container .menu-item a {
        font-weight: 500;
        justify-content: space-between
    }

    body header#site-header #site-navigation .header-menu-container .menu-item a::after {
        left: 0
    }

    body header#site-header::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -585px;
        height: 675px;
        width: 642px;
        max-width: 100%;
        transform: translateX(-50%);
        background-color: rgba(225, 26, 186, .2);
        border-radius: 100%;
        filter: blur(100px);
        z-index: -1 !important;
    }

    body header#site-header .header-navigation {
        margin-right: 24px
    }
   
     #partners_retailer .wrap ul.retailers-logos li, #product_logo .logos-wrapper .logos-page .logo {
        min-height: 120px !important;
        max-height: 120px !important;
    }


}



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

    #partners_retailer .wrap ul.retailers-logos li, #product_logo .logos-wrapper .logos-page .logo {
        min-height: 110px !important;
        max-height: 110px !important;
    }
    

}






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

     body header#site-header .header-wrap {
        max-width: calc(100% - 40px);
    }
    body.page-home-v3 .hero h2 {
        font-size: 47px !important;
    }

    .integration-guide-wrapper .main table {
        display: block;
        overflow: scroll;
    }
}

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

    body header#site-header .header-wrap {
        gap: 6px;
    }
    body header#site-header .site-logo {
        max-width: 110px;
    }

  


}