@media screen and (min-width: 1400px) {
    .container {
        max-width: 1304px;
    }
}

/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {



}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
   

    /* hero area  */

    .hero-left h2 {
        font-size: 40px;
    }

    .section-title {
        font-size: 38px;
    }

    .cro-scan-wrapper form {
        grid-template-columns: repeat(2, 1fr);
    }

    /*============
     SERVICES PAGE 
    ============= */

    .goal-right {
        padding-inline: 50px;
    }

    /* audit plan page  */

    .plan-list {
        grid-template-columns: repeat(2, 1fr);
    }

}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    

   .offcanvas-body {
        display: flex;
        flex-direction: column;
    }
    .nav-actions {
        padding-left: 0;
        margin-top: auto;
    }

    /* hero area  */
    .hero-wrapper {
        flex-direction: column;
    }

    .section-title {
        font-size: 35px;
    }

    /* conversion area  */

    .conversion-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .conversion-left {
        max-width: 100%;
    }

    /* workflow area  */

    .workflow-wrapper {
        flex-direction: column;
        gap: 30px;
    }
   .workflow-content-card h6 {
        text-align: center;
    }

    /* why choose area  */

    .why-choose-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .why-choose-top h4 {
        font-size: 30px;
    }

    /* feature area  */

    .features-area {
        padding-block: 42px;
    }

    /* faq area  */
    
    .faq-area {
        padding-top: 60px;
        padding-bottom: 65px;
    }

    /* cro area  */

    .cro-scan-wrapper form {
        grid-template-columns: repeat(2, 1fr);
    }
    .cro-scan-area {
        padding-bottom: 0;
    }
    .footer-top {
        flex-direction: column;
    }

    /*===============   
     SERVICES PAGE 
    =============== */

    /* our role area  */
    .single-role {
        padding-top: 30px;
        padding-inline: 25px;
        padding-bottom: 30px;
    }

    /* goal area  */

    .goal-right {
        padding-inline: 20px;
    }
    .gaol-left {
        padding-right: 0;
        border-right: none;
    }

    .goal-wrapper {
        flex-direction: column;
        gap: 40px;
    }

    /* independence area  */

    .independence-wrapper {
        flex-direction: column;
    }
    .independence-left {
        max-width: 100%;
    }

    /* need cro aarea  */

    .cro-list-wp {
        grid-template-columns: repeat(2, 1fr);
    }

    /* why cro importent area  */
    .why-cro-importent {
	padding-block: 50px;
}

    .cro-importent-wrapper {
        flex-direction: column;
    }

    /* tools area  */

    .tools-list {
        grid-template-columns: repeat(1, 1fr);
    }

    /* case study area  */

    .audit-before-after {
        padding-top: 45px;
        grid-template-columns: repeat(1, 1fr);
    }


    /* how work area  */

    .how-work-process {
        grid-template-columns: repeat(2, 1fr);
    }
    .how-work-area {
        padding-block: 60px;
    }
 /* audit plan page  */

    .plan-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .audit-plan-top {
	flex-direction: column;
	padding: 64px 20px;
	align-items: start;
	gap: 10px;
}
.plan-top-left {
	max-width: 100%;
	border: none;
}
.plan-section-title {
	padding-block: 32px;
}

.package-title {
	font-size: 30px;
}


/* snapshot audit work area  */

.work-bottom-area {
	flex-direction: column;
	gap: 40px;
	padding-top: 50px;
}

/* snap audit page  */

.snap-audit-features {
	grid-template-columns: repeat(1, 1fr);
	gap: 26px;
}

.view-snapshot-btn {
	flex-direction: column;
}

.hero-wrapper.contact-hero {
	align-items: stretch;
}

.contact-hero .hero-right {
	max-width: 100%;
}

.about-wrapper {
	flex-direction: column;
	align-items: stretch;
}
.about-left {
	width: 100%;
	max-width: 100%;
}

.terms-wrapper {
	min-height: 500px;
}
.privacy-container {
	gap: 30px;
}
.terms-main {
	padding-block: 50px;
}

}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {
    

    /* header / status bar responsive  */

    .status-bar {
        font-size: 12px;
        gap: 8px;
    }
    .status-bar__dot {
        width: 6px;
        height: 6px;
    }

    .header-left {
        gap: 10px;
    }
    .header-wrapper {
        gap: 10px;
    }
    .header-link {
        gap: 6px;
    }
    .offcanvas-body {
        display: flex;
        flex-direction: column;
    }
    .nav-actions {
        padding-left: 0;
        margin-top: auto;
    }

    /* hero area  */

    .hero-wrapper {
        flex-direction: column;
        gap: 0;
    }
    .hero-left {
        min-width: 0;
        width: 100%;
        overflow-wrap: break-word;
    }
    .hero-left h1,
    .hero-left h2 {
        font-size: 28px;
        line-height: 1.2;
        overflow-wrap: break-word;
    }
    .hero-left .h2-heading {
        font-size: 16px;
        max-width: 100%;
        overflow-wrap: break-word;
    }
    .hero-left p {
        padding: 0;
        overflow-wrap: break-word;
    }
    .hero-left ul {
        flex-wrap: wrap;
        overflow-wrap: break-word;
    }
    .hero-action {
        width: 100%;
    }
    .hero-right {
        max-width: 366px;
    }

    /* conversion area  */

    .conversion-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .conversion-left {
        max-width: 100%;
    }
    .section-title {
        font-size: 36px;
    }
    .conversion-right {
        align-items: stretch;
    }
    .conversion-wrapper {
        text-align: center;
    }

    /* workflow area  */

    .workflow-wrapper {
        flex-direction: column;
        gap: 30px;
    }
   .workflow-content-card h6 {
        text-align: center;
    }
    .workflow-area {
        padding-top: 16px;
        padding-bottom: 41px;
    }

     /* why choose area  */

    .why-choose-list {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .why-choose-top h4 {
        font-size: 24px;
    }

    .single-choose-item .icon {
        display: none;
    }
    /* feature area  */

    .features-area {
        padding-block: 32px;
    }

    /* client review area  */

    .review-pagination {
        display: none;
    }
    .review-slider-actions {
        justify-content: center;
    }



/* faq area  */
    
    .faq-area {
        padding-top: 60px;
        padding-bottom: 65px;
    }

    /* cro area  */
    .cro-scan-area {
	padding-bottom: 0;
}

    .cro-scan-wrapper form {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }

    .field-error-msg {
        font-size: 13px;
        padding: 8px 12px;
    }

    .cro-scan-wrapper {
	padding: 30px 20px;
}

/* footer area  */
.footer-area {
	padding-block: 42px;
}
.footer-top {
	flex-direction: column;
}
.footer-right-block {
	grid-template-columns: repeat(1, 1fr);
	gap: 48px;
}
.footer-address-street {
	white-space: nowrap;
}

/*===============   
     SERVICES PAGE 
    =============== */

    .service-hero {
	padding-block: 20px;
}

.our-role-wrapper .section-top {
    align-items: start;
    text-align: left;
}
    /* our role area  */
    .single-role {
    padding: 0;
    border: none;
    }

.our-role-main {
	grid-template-columns: repeat(1, 1fr);
	gap: 16px;
}
  /* goal area  */

    .gaol-left {
        padding-right: 0;
        border-right: none;
    }

    .goal-wrapper {
        flex-direction: column;
        gap: 32px;
    }
.goal-area {
	padding-block: 32px;
}
.goal-right {
	width: 100%;
    padding: 0;
}

    /* independence area  */

    .independence-wrapper {
        flex-direction: column;
    }
    .independence-left {
        max-width: 100%;
    }
    .independence-left h3 {
        margin-top: 20px;
        font-size: 30px;
    }
    .independence-right {
	padding: 25px 28px;
}
.single-independence-item {
	flex-direction: column;
	gap: 12px;
}
.independence-separet {
	max-width: 100%;
}

.hero-left ul {
	justify-content: center;
	flex-wrap: wrap;
}

/* need cro aarea  */

    .cro-list-wp {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 42px;
        gap: 16px;
    }
.cro-actions {
	padding-top: 32px;
}
 /* why cro importent area  */
    .why-cro-importent {
	padding-block: 32px;
}

    .cro-importent-wrapper {
        flex-direction: column;
    }
.cro-importent-left {
	align-items: stretch;
}

/* tools area  */

    .tools-list {
        grid-template-columns: repeat(1, 1fr);
    }

/* case study area  */

.case-study-area {
	padding-block: 45px;
}

    .audit-before-after {
        padding-top: 45px;
        grid-template-columns: repeat(1, 1fr);
    }
.audit-before.audit-item {
	padding: 25px;
}
.audit-inner-wp {
	padding-top: 20px;
	flex-wrap: wrap;
}

.audit-graph {
	margin-top: 20px;
}

.free-scan-feature {
	flex-direction: column;
	text-align: left;
}

/* how work area  */

    .how-work-process {
        grid-template-columns: repeat(1, 1fr);
    }
    .how-work-area {
        padding-block: 60px;
    }

 /* audit plan page  */

    .plan-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .audit-plan-top {
	flex-direction: column;
	padding: 64px 20px;
	align-items: start;
	gap: 10px;
}
.plan-top-left {
	max-width: 100%;
	border: none;
}
.plan-section-title {
	padding-block: 32px;
}

.package-title {
	font-size: 30px;
}
.plan-top-right p {
	font-size: 20px;
}
.single-plan.popular-plan {
	margin-top: 30px;
}
.current-price {
	font-size: 28px;
}
.package-price {
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
	padding-top: 20px;
	padding-bottom: 8px;
	border-top: 1px solid rgba(0,0,0,0.08);
}
.package-bottom {
	padding-top: 32px;
	margin-top: 48px;
	gap: 20px;
}
.single-plan.popular-plan .package-bottom {
	padding-top: 32px;
	margin-top: 48px;
}
.single-plan.popular-plan .package-benefit-card,
.single-plan.popular-plan .package-benefit {
	padding-bottom: 32px;
}
.package-title br {
    display: none;
}
.audit-plan-area {
	padding-block: 50px;
}


/* snapshot audit work area  */

.work-bottom-area {
	flex-direction: column;
	gap: 40px;
	padding-top: 50px;
}
.work-bottom-right p {
	max-width: 100%;
}
.work-bottom-right {
	padding: 0;
	align-items: stretch;
}
.how-work-wrapper {
	gap: 0;
}
.work-bottom-left {
	padding: 0;
	border: none;
}
.work-bottom-left h4 {
	font-size: 30px;
}

/* compain area  */

.campaing-bottom h3 {
	font-size: 30px;
}

/* snap audit page  */

.snap-audit-features {
	grid-template-columns: repeat(1, 1fr);
	gap: 26px;
}
.snap-audit-feature-item {
	padding: 30px 20px;
}
.snap-audit-feature-item h2 {
	font-size: 24px;
}

.hero-wrapper.contact-hero {
	align-items: stretch;
}

.contact-hero .hero-right {
	max-width: 100%;
}

.contact-form-card {
	padding: 28px 16px;
}
.about-wrapper {
	flex-direction: column;
	align-items: stretch;
}
.about-left {
	width: 100%;
	max-width: 100%;
}
.about-us-area {
	padding-block: 60px;
}
.recommandation-wrapper h4 {
	font-size: 25px;
}


.terms-wrapper {
	min-height: 467px;
}
.privacy-container {
	gap: 30px;
}
.terms-main {
	padding-block: 50px;
}

.tab-nav {
	display: none !important;
}
.tab-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.tab-panel {
	display: block;
}










}



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

.workflow-left {
	aspect-ratio: auto;
	width: 100%;
}

/* hero – extra small screens */
.hero-left h1,
.hero-left h2 {
	font-size: 24px;
}
.hero-left .h2-heading {
	font-size: 15px;
}
}