/* ===================================================
   TABLET — max-width: 1024px
=================================================== */
@media (max-width: 1024px) {

    html,
    body {
        max-width: 100%;
        overflow-x: clip !important;
        width: 100%;
    }

    * {
        max-width: 100vw;
    }

    iframe,
    video {
        max-width: 100%;
    }

    /* Cover images — crop from center */
    #hero-home .inner-div .hero-video,
    #home-fourth .inner-div>img,
    #home-fifth .inner-div .cta-box .section-img,
    #home-seventh .inner-div .middle-section .left-column img,
    #home-ninth .inner-div .middle-section .box-item img,
    #home-tenth .inner-div .middle-section .left-column img,
    #home-tenth .inner-div .middle-section .right-column img,
    #home-twelve .inner-div .left-column img,
    #home-thirteen .inner-div .middle-section .left-column img,
    #home-thirteen .inner-div .middle-section .right-column img,
    #home-thirteen .inner-div .end-section .left-column img,
    #home-fourteen .inner-div .middle-section .box-item>img,
    #article-boxes .inner-div .middle-section .article-item img,
    #cta-main-box .right-image {
        object-fit: cover;
        object-position: center center;
    }

    .breadcrumb-wrapper a,
    .breadcrumb-wrapper span {
        font-size: 14px;
    }


    a.article-tab-btn {
        padding: 11px 18px;
        font-size: 14px;
        flex-wrap: wrap;
    }

   footer {
    padding: 60px 20px 34px 20px;
    border-radius: 36px 36px 0px 0px;
    box-sizing: border-box;

    .inner-div {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;

        .upper-div {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 32px;
            width: 100%;
            max-width: 100%;
            padding-bottom: 40px;
            box-sizing: border-box;

            .left-column,
            .right-column {
                width: 100%;
                max-width: 100%;
                flex: 1 1 100%;
                box-sizing: border-box;

                // make every card/box inside span the full container
                > * {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box;
                }
            }

            .left-column {
                gap: 20px;

                .org-pill {
                    flex-wrap: wrap;
                }

                .follow-div {
                    flex-wrap: wrap;
                }
            }

            .right-column {
                gap: 16px;
            }
        }

        .below-div {
            flex-wrap: wrap;
            gap: 32px 20px;
            width: 100%;
            max-width: 100%;
            padding: 40px 0px;
            box-sizing: border-box;

            .column1,
            .column2,
            .column3,
            .column4 {
                flex: 0 0 calc(50% - 10px);
                width: calc(50% - 10px);
                box-sizing: border-box;
            }
        }

        .end-div {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 14px;
            justify-content: space-between;
            align-items: center;
            padding-top: 20px;
        }
    }
}
    h1 {
        letter-spacing: -1px;
        line-height: 1.4em;

        span {
            display: flex;
            flex-direction: column;

            img {
                margin-top: -10px;
                width: 120px;
            }
        }
    }

    h2 {
        letter-spacing: -1px;
    }

    #hero-home {
        width: 100%;
        padding:  20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0;
            height: auto;
            min-height: 480px;
            flex-direction: column;
            padding: 32px;
            gap: 28px;
            align-items: stretch;
            box-sizing: border-box;

            .left-column {
                width: 100%;

                .section-tag {
                    font-size: 10px;
                }

                .cta-div {
                    flex-wrap: wrap;
                }
            }

            .right-column {
                width: 100%;
                height: auto;
                min-height: 140px;
            }
        }
    }

    #feature-box {
        width: 100%;
        max-width: 100%;
        margin: 60px 0 0;
        padding: 0 20px;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 30px;
        column-gap: 20px;
        box-sizing: border-box;

        .icon-item {
            width: calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
            box-sizing: border-box;
        }
    }

    #home-third {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 70px 20px;
    background-size: cover;
    background-position: center;
    overflow: hidden;

    p.section-text-bold {
        font-size: 32px !important;
    }
    
    p.section-text-bold span {
        font-size: 32px !important;
    }
}

    #home-fourth {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0;
            flex-direction: column;
            box-sizing: border-box;

            >img {
                width: 100%;
                height: 500px;
                border-radius: 18px;
                box-sizing: border-box;
				object-position: bottom;
            }

            .right-column {
                width: 100%;
                box-sizing: border-box;
            }
        }
    }

    #home-fifth {
        width: 100%;
        padding: 70px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .middle-section {
                width: 100%;
            }

            .cta-box {
                width: 100%;
                flex-direction: column;
                padding: 28px 28px 0;
                align-items: stretch;
                box-sizing: border-box;

                .left-column {
                    width: 100%;
                    padding-bottom: 28px;
                    box-sizing: border-box;
					text-align: center;
					align-items: center;
					
                }

                .section-img {
                    width: 100%;
                    height: 300px;
                    object-fit: contain;
                    object-position: top center;
                    box-sizing: border-box;
                }
            }
        }
    }

    #home-sixth,
    #omoss-tabs-section,
    #psyk-tabs-section {
        width: 100%;
        padding: 70px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .tab-buttons {
                width: 100%;
                flex-wrap: wrap;
                justify-content: center;
                border-radius: 24px;
                box-sizing: border-box;

                .tab-btn {
                    flex: 1 1 auto;
                    justify-content: center;
                    padding: 12px 18px;
                    font-size: 14px;
                    white-space: nowrap;
                }
            }

            .tabs {
                width: 100%;

                .tab-content {
                    width: 100%;

                    .box-parent {
                        width: 100%;
                        justify-content: space-between;
                        align-items: stretch;

                        .box-item {
                            width: calc(50% - 12px);
                            flex: 0 0 calc(50% - 12px);
                            box-sizing: border-box;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;

                            &:last-child:nth-child(odd) {
                                width: 100%;
                                flex: 0 0 100%;
                            }
                        }
                    }
                }
            }

            .bottom-boxes {
                width: 100%;
                flex-direction: column;

                .box-item {
                    width: 100%;
                    box-sizing: border-box;
                }
            }
        }
    }


    #home-seventh {
        width: 100%;
        padding: 70px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .upper-section {
                width: 100%;
            }

            .middle-section {
                width: 100%;
                flex-direction: column;

                .left-column {
                    width: 100%;
                    height: 500px;
                    box-sizing: border-box;
                    overflow: hidden;

                    img {
                        width: 100%;
                        height: 500px;
                        object-fit: cover;
                        object-position: top center;
                        border-radius: 16px;
                    }
                }

                .right-column {
    width: 100%;
    display: flex;
    flex-direction: row;       /* ← was column */
    flex-wrap: wrap;           /* ← new */
    gap: 20px;
    align-items: stretch;

    .item-box {
        width: calc(50% - 10px);   /* ← half width minus half the gap */
        flex: 0 0 calc(50% - 10px);
        height: 180px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
            }
        }
    }

    #home-eight {
        width: 100%;
        padding: 0 20px 70px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 0;
            box-sizing: border-box;

            .upper {
                width: 100%;
            }

            .middle-section {
                width: 100%;
                flex-direction: column;

                .left-column,
                .right-column {
                    width: 100%;
                    box-sizing: border-box;
                }
            }
        }
    }

    #home-ninth {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 0;
            box-sizing: border-box;

            .upper {
                width: 100%;
            }

            .middle-section {
                width: 100%;
                justify-content: space-between;

                .box-item {
                    width: calc(50% - 8px);
                    flex: 0 0 calc(50% - 8px);
                    box-sizing: border-box;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
    }


    #home-tenth {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        overflow: visible;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            padding: 0;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: stretch;

            .upper {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }

            .middle-section {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;

    .left-column,
    .middle-column,
    .right-column {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 12px;
        display: flex;
        flex-direction: column;

        >img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
            box-sizing: border-box;
        }

        .below-div {
            width: 100%;
            height: auto;
            min-height: 0;
            padding: 20px 8px;
            box-sizing: border-box;

            .cta-section {
                width: 100%;
                margin-top: 24px !important;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 10px;
                box-sizing: border-box;

                span.cta-maroon,
                a.cta-maroon,
                a.sub-cta {
                    width: 100% !important;
                    max-width: 100%;
                    min-width: 0;
                    box-sizing: border-box;
                    display: flex !important;
                    align-items: center;
                    justify-content: center;
                    text-align: center;
                    padding: 16px 20px;
                }

                a.cta-maroon,
                a.sub-cta {
                    flex: 0 0 100%;
                }
            }
        }
    }
}
        }
    }



    #home-eleven {
        width: 100%;
        padding: 40px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .middle-section {
                width: 100%;
                padding: 30px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                gap: 20px;

                .upper {
                    display: contents;

                    img {
                        width: 100%;
                        height: 300px;
                        object-fit: contain;
                        object-position: center center;
                        border-radius: 20px;
                    }

                    img:nth-child(1) {
                        order: 1;
                    }

                    img:nth-child(2) {
                        order: 3;
                    }

                    img:nth-child(3) {
                        order: 5;
                    }
                }

                >img {
                    display: none;
                }

                .bottom {
                    display: contents;

                    .step-box {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        gap: 10px;
                    }

                    .step-box:nth-child(1) {
                        order: 2;
                    }

                    .step-box:nth-child(2) {
                        order: 4;
                    }

                    .step-box:nth-child(3) {
                        order: 6;
                    }
                }
            }
        }
    }

    #home-twelve {
        width: 100%;
        padding: 70px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            gap: 30px;

            .left-column,
            .right-column {
                width: 100%;
                box-sizing: border-box;
            }

            .left-column img {
                width: 100%;
                height: 400px;
                box-sizing: border-box;
				object-position: top;
            }

            .right-column {
                width: 100%;

                .upper {
                    width: 100%;

                    img {
                        display: none;
                    }

                    .right-steps {
                        width: 100%;

                        .step-item {
                            width: 100%;
                            box-sizing: border-box;
                        }
                    }
                }

                .bottom .list-items-parent {
                    width: 100%;

                    .list-itemm {
                        width: calc(50% - 10px);
                        flex: 0 0 calc(50% - 10px);
                        box-sizing: border-box;

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

    #home-thirteen {
        width: 100%;
        padding: 70px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .upper {
                width: 100%;
            }

            .middle-section {
                width: 100%;
                flex-direction: column;

                .left-column,
                .right-column {
                    width: 100%;
                    box-sizing: border-box;
					
				.below {
                    padding: 24px 12px;
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                    height: auto;

                    h3 {
                        font-size: 24px;
                        font-family: CabinetGrotesk;
                    }

                    .cta-maroon {
                        margin-top: 20px;
                    }
                }


                    >img {
                        width: 100%;
                        height: auto;
                    }
                }
            }

            .bottom-section {
                width: 100%;
                box-sizing: border-box;
                flex-direction: column;

                .left-column,
                .right-column {
                    width: 100%;
                    box-sizing: border-box;
                }

                .left-column {
                    .tab-buttons {
                        width: 40%;

                        .tab-btn {
                            flex: 1;
                            padding: 13px 24px;
                        }
                    }
                }

                .right-column .tab-map,
                .right-column .tab-map iframe {
                    height: 350px;
                    width: 100%;
                }
            }

            .end-section {
                width: 100%;
                flex-direction: column;
                padding: 32px;
                gap: 24px;
                box-sizing: border-box;

                .left-column,
                .right-column {
                    width: 100%;
                    box-sizing: border-box;
                }

                .left-column img {
                    width: 100%;
                    height: 400px;
					object-position: top;
                }
            }
        }
    }

   #home-fourteen {
    width: 100%;
    padding: 60px 20px;
    box-sizing: border-box;

    .inner-div {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;

        .middle-section {
            width: 100%;
            flex-direction: column;

            .box-item {
                width: 100%;
                box-sizing: border-box;

                > img {
                    width: 100%;
                    height: 300px;
					object-position: top;
                }

                .below {
                    height: fit-content;
                }

                .below .pricing-parent {
                    width: 100%;
					margin: 0px;

                    .price-item {
                        width: calc(50% - 6px);
                        flex: 0 0 calc(50% - 6px);
                        box-sizing: border-box;
                        height: 85px;
						
						.tag {
							font-size: 14px !important;
						}
						
						.price {
							font-size: 18px !important;
						}
                    }

                    .price-item.first {
                        width: calc(50% - 6px);
                        flex: 0 0 calc(50% - 6px);
                        box-sizing: border-box;
                        height: 85px;
                    }
                }
            }
        }
    }
}


    #home-fifteen {
        width: 100%;
        padding: 40px 16px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0;
			gap: 16px
            padding: 20px 20px;
            box-sizing: border-box;

            display: flex;
            flex-direction: column;
            gap: 18px;

            .left-column {
                width: 100%;
                display: contents;
            }

            .section-tag {
                order: 1;
            }

            h2 {
                order: 2;
            }
			p {
				text-align: center;
			}

            >.left-column>p {
                order: 3;
            }

            .tags-parent {
                order: 4;
                width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20px 0px;
            }

            .right-card {
                order: 5;
                width: 100%;
                margin-top: 10px;

                img {
                    width: 100%;
                    height: 260px;
					object-fit: contain;
                    display: block;
                }
            }

            .cta-div {
                order: 6;
                width: 100%;
                padding: 24px 0 0;
                display: flex;
                flex-direction: column;
				justify-content: center;
                gap: 10px;
                box-sizing: border-box;

                a {
                    width: 40%;
                    box-sizing: border-box;
                    text-align: center;
                    justify-content: center;
                }
            }
        }
    }



    #home-sixteen-faq {
    padding: 0px 20px 40px 20px;
    box-sizing: border-box;

    .inner-div {
        max-width: 100%;
        flex-direction: column;
        gap: 28px;
		
		.section-tag {
			width: fit-content !important;
		}

        .left-column,
        .right-column {
            width: 100%;
            box-sizing: border-box;
        }

        .left-column {
            display: flex;
            flex-direction: row;      
            flex-wrap: wrap;          
            gap: 20px;                

            .section-tag,
            h2,
            > p {
                width: 100%;          
                text-align: center;
                margin-left: auto;
                margin-right: auto;
            }

            .second-cta {
                width: calc(50% - 10px); 
                box-sizing: border-box; 
				height: 300px;
            }
			
			a {
				margin-top: auto !important;
			}
        }
    }
}

    #cta-main-box {
    .inner-div {
        display: flex;
        flex-direction: column;
        align-items: center;
		gap: 20px ;

        .left-column {
            display: contents;  
            .section-tag { order: 1; }
            h2            { order: 2; }
            > p           { order: 3; text-align: center; }

            .cta-section {
                order: 5;      
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                gap: 10px;
                margin-top: 20px;
            }
        }

        .right-image {
            order: 4;           
            width: 100%;
            height: 400px;
            object-position: top;
            margin-top: 20px;
            box-sizing: border-box;
        }
    }
}

    #email-cta {
        width: 100%;
        margin: 70px 0;
        padding: 0 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            padding: 32px;
            gap: 28px;
            box-sizing: border-box;

            .left-column,
            .right-column {
                width: 100%;
                box-sizing: border-box;
            }
        }
    }

    #article-boxes {
        width: 100%;
        padding: 70px 20px 0px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .upper {
                width: 100%;
            }

            .middle-section {
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 30px 0px;

                .article-item {
                    width: calc(50% - 10px);
                    flex: 0 0 calc(50% - 10px);
                    box-sizing: border-box;
                    padding: 14px 14px 30px 14px;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
    }

    header .upper-row .inner-div,
    header .main-row .inner-div,
    footer .inner-div,
    #hero-home,
    #feature-box,
    #home-third,
    #home-fourth,
    #home-fifth,
    #home-sixth,
    #home-seventh,
    #home-eight,
    #home-ninth,
    #home-tenth,
    #home-eleven,
    #home-twelve,
    #home-thirteen,
    #home-fourteen,
    #home-fifteen,
    #home-sixteen-faq,
    #cta-main-box,
    #email-cta,
    #article-boxes {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #contact-hero {
        padding: 40px 24px 24px;

        .inner-div {
            max-width: 100%;
            border-radius: 28px;

            .left-column {
                padding: 40px;
                width: 55%;
                box-sizing: border-box;

                h1 {
                    font-size: 44px !important;
                    line-height: 1.2em;
                }

                .cta-div {
                    margin-top: 24px;
                    flex-wrap: wrap;
                }
            }

            .right-column {
                width: 45%;
                padding: 26px;

                img {
                    border-radius: 24px;
                    height: 370px;
                    object-fit: cover;
                    object-position: center center;
					width: 100%;
                }
            }
        }
    }


    #stripe {
        padding: 0 24px;

        .inner-div {
            max-width: 100%;
            padding: 18px 22px;
        }
    }


    #contact-third {
    padding: 50px 24px;

    .inner-div {
        max-width: 100%;
        gap: 30px;

        .left-column {
            width: calc(55% - 15px);

            .cta-box1,
            .cta-box2 {
                padding: 24px;
            }

            .cta-box3 {
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                gap: 12px;

                .box1,
                .box2 {
                    width: 100%;
                    padding: 22px;
                    box-sizing: border-box;
					flex-direction: column;
					align-items: start;
                }
            }
        }

        .right-column {
            width: calc(45% - 15px);
            padding: 30px;
            box-sizing: border-box;
		    height: fit-content;
			position: sticky;
			top: 120px;

            p.title {
                font-size: 22px;
            }
        }
    }
}


    #contact-map-section {
        padding: 0 24px 60px;

        .inner-div {
            max-width: 100%;
            padding: 16px;
            border-radius: 22px;

            .upper {
                padding: 10px 6px;
                gap: 20px;

                .icon-item {
                    gap: 10px;

                    img {
                        width: 36px;
                    }

                    p.title {
                        font-size: 22px;
                    }
                }

                .tab-buttons {
                    padding: 5px;
                    gap: 4px;

                    .tab-btn {
                        padding: 10px 18px;
                        font-size: 15px;
                    }
                }

                a.share-btn {
                    padding: 6px 9px;
                    gap: 8px;
                    font-size: 14px;
                    white-space: nowrap;

                    img {
                        width: 16px;
                    }
                }
            }

            .tab-map {
                margin-top: 16px;
                border-radius: 20px;

                iframe {
                    height: 400px;
                    border-radius: 20px;
                }
            }
        }
    }



    /* ================================
   PRISER PAGE
   ================================ */

    #priser-hero {
        padding: 40px 20px 60px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            padding: 32px;
            border-radius: 28px;
            gap: 28px;
            align-items: stretch;
            box-sizing: border-box;

            .left-column {
                width: 100%;
                box-sizing: border-box;
            }

            .right-column {
                width: 100%;
                box-sizing: border-box;

                img {
                    width: 100%;
                    height: 320px;
                    box-sizing: border-box;
                }
            }
        }
    }

    #priser-second {
        padding-bottom: 70px;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 0 20px;
            gap: 24px;
            box-sizing: border-box;

            img {
                width: 48px;
                height: 48px;
            }

            .right-column {
                gap: 10px;

                p.title {
                    font-size: 28px;
                }
            }
        }
    }

    #priser-third {
        padding: 60px 20px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .middle-section {
                margin-top: 28px;

                .pricing-main-item {

                    .upper {
                        p.count-title {
                            font-size: 28px;
                        }

                        img {
                            width: 30px;
                            height: 30px;
                        }
                    }

                    .pricing-box {
                        border-radius: 20px;
                        margin-top: 14px;
                        margin-bottom: 28px;

                        .pricing-row {
                            padding: 20px 22px;
                            flex-wrap: wrap;
                            gap: 14px;

                            p.price {
                                font-size: 24px;
                            }

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

                            .third-column {
                                width: 100%;

                                .list-item {
                                    p {
                                        font-size: 15px;
                                    }
                                }
                            }

                            img.end-arrow-right {
                                padding: 10px;
                                width: 14px;
                                height: 14px;
                            }
                        }
                    }
                }
            }
        }
    }

    #priser-fourth {
        padding-top: 60px;
        padding-bottom: 100px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 0 20px;
            box-sizing: border-box;

            .upper-cta {
                width: 100%;
                padding: 28px;
                gap: 20px;
                box-sizing: border-box;

                img {
                    width: 34px;
                    height: 34px;
                }

                .icon-text {
                    gap: 10px;

                    p.title {
                        font-size: 26px;
                    }
                }
            }

            .middle-section {
                margin-top: 60px;
                row-gap: 20px;
                column-gap: 20px;

                .icon-box-item {
                    width: calc(50% - 10px);
                    padding: 26px;
                    box-sizing: border-box;

                    .upper {
                        gap: 14px;

                        img {
                            width: 40px;
                            height: 40px;
                        }

                        p.title {
                            font-size: 26px;
                        }
                    }

                    ul {
                        li {
                            font-size: 15px !important;
                        }
                    }
                }
            }
        }
    }



    #singleblog-hero,
    #single-blog-post-parent {

        .inner-div {
            flex-direction: column;
        }
    }

    #singleblog-hero {

        .left-column,
        .right-column {
            width: 100%;
            flex: 0 0 100%;
        }

        .right-column {
            order: -1;
        }
    }

    #single-blog-post-parent {

        .main-content,
        .table-cta {
            width: 100%;
            flex: 0 0 100%;
        }

        .table-cta {
            position: static;
            top: auto;
        }
    }


}


/* ===================================================
   MOBILE — max-width: 767px
=================================================== */
@media (max-width: 767px) {

    html,
    body {
        max-width: 100%;
        overflow-x: clip !important;
        width: 100%;
    }

    * {
        max-width: 100vw;
    }

    iframe,
    video {
        max-width: 100%;
    }

    #hero-home .inner-div .hero-video,
    #home-fourth .inner-div>img,
    #home-fifth .inner-div .cta-box .section-img,
    #home-seventh .inner-div .middle-section .left-column img,
    #home-ninth .inner-div .middle-section .box-item img,
    #home-tenth .inner-div .middle-section .left-column img,
    #home-tenth .inner-div .middle-section .right-column img,
    #home-twelve .inner-div .left-column img,
    #home-thirteen .inner-div .middle-section .left-column img,
    #home-thirteen .inner-div .middle-section .right-column img,
    #home-thirteen .inner-div .end-section .left-column img,
    #home-fourteen .inner-div .middle-section .box-item>img,
    #article-boxes .inner-div .middle-section .article-item img,
    #cta-main-box .right-image {
        object-fit: cover;
        object-position: center center;
    }


    .breadcrumb-wrapper a,
    .breadcrumb-wrapper span {
        font-size: 13px;
    }


    a.article-tab-btn {
        padding: 10px 16px;
        font-size: 13px;
        gap: 8px;
        flex-wrap: wrap;
    }



    footer {
        padding: 44px 16px 24px 16px;
        border-radius: 28px 28px 0px 0px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            box-sizing: border-box;

            .upper-div {
                flex-direction: column;
                gap: 24px;
                padding-bottom: 32px;

                .left-column {
                    width: 100%;
                    box-sizing: border-box;
                    gap: 18px;

                    .logos-group {
                        .site-logo {
                            width: 140px;
                        }

                        .medal-logo {
                            width: 145px;
                        }
                    }

                    .org-pill {
                        padding: 7px 14px;
                        font-size: 12.5px;
                        gap: 8px;
                        flex-wrap: wrap;
                    }

                    .follow-div {
                        flex-wrap: wrap;
                        gap: 10px;

                        .social-icons {
                            flex-wrap: wrap;
                        }
                    }
                }

                .right-column {
                    width: 100%;
                    box-sizing: border-box;
                    gap: 14px;

                    .footer-card {
                        padding: 16px 18px;
                    }

                    .clinics-card .clinic-buttons {
                        flex-direction: column;
                        gap: 8px;

                        .clinic-btn {
                            width: 100%;
                            justify-content: center;
                            box-sizing: border-box;
                        }
                    }

                    .newsletter-card .newsletter-form {
                        flex-direction: column;
                        gap: 8px;

                        input {
                            padding: 10px 16px;
                        }

                        button {
                            position: static;
                            width: 100%;
                            padding: 9px;
                        }
                    }
                }
            }

            .below-div {
                flex-direction: column;
                gap: 24px;
                padding: 30px 0px;
                width: 100%;
                box-sizing: border-box;

                .column1,
                .column2,
                .column3,
                .column4 {
                    flex: 0 0 100%;
                    width: 100%;
                    box-sizing: border-box;
                }
            }

            .end-div {
                flex-direction: column;
                gap: 10px;
                padding-top: 18px;
                align-items: flex-start;

                p,
                a {
                    font-size: 13px;
                }
            }
        }
    }

    h1 {
        letter-spacing: -0.5px;

        span {
            display: flex;
            flex-direction: column;

            img {
                margin-top: 0px;
                width: 120px;
            }
        }
    }

    h2 {
        letter-spacing: -0.5px;
    }

    a.cta,
    a.cta-maroon,
    a.sub-cta,
    a.sub-cta-maroon,
    a.cta-maroon-dull {
        padding: 14px 22px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }

    #hero-home {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0;
            border-radius: 22px;
            padding: 22px;
            gap: 20px;
            box-sizing: border-box;

            .left-column {
                gap: 14px;

                h1 {
                    line-height: 1.15em;
                }

                p {
                    font-size: 16px;
                }

                .cta-div {
                    flex-direction: column;
                    width: 100%;
                }
            }

            .right-column {
                padding: 18px;
                box-sizing: border-box;

                .icon-text img {
                    width: 30px;
                    height: 30px;
                }

                .emotion-div {
                    gap: 10px;
                    flex-wrap: wrap;

                    a {
                        padding: 8px 10px;
                        font-size: 12px !important;
                    }
                }
            }
        }
    }

    #feature-box {
        width: 100%;
        margin: 40px 0 0;
        padding: 0 12px;
        row-gap: 20px;
        column-gap: 12px;
        box-sizing: border-box;

        .icon-item {
            width: calc(50% - 6px);
            box-sizing: border-box;

            img {
                width: 36px;
            }

            div {
                font-size: 15px !important;
            }
        }
    }

    #home-third {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 44px 16px;
        gap: 16px;
        background-size: cover;
        background-position: center;
        overflow: hidden;

        p.section-text-bold {
            font-size: 22px !important;
        }
		
		p.section-text-bold span {
        font-size: 22px !important;
    }
    }

    #home-fourth {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 24px 16px;
            border-radius: 18px;
            gap: 20px;
            box-sizing: border-box;

            >img {
                width: 100%;
                height: auto;
                order: 1;
            }

            .right-column {
                order: 2;
                gap: 14px;
                width: 100%;
                box-sizing: border-box;

                a.cta-maroon {
                    margin-top: 6px;
                }
            }
        }
    }

    #home-fifth {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            gap: 12px;

            .middle-section {
                margin: 12px 0px;
                gap: 8px;
                flex-wrap: wrap;

                a.symptoms-btn {
                    padding: 9px 16px;
                    font-size: 14px;
                }
            }

            .cta-box {
                padding: 20px 20px 0px 20px;
                border-radius: 18px;
                gap: 20px;
                box-sizing: border-box;

                .left-column {
                    padding-bottom: 20px;
                    gap: 10px;
                    width: 100%;
                    box-sizing: border-box;

                    .icon-item {
                        div {
                            font-size: 20px;
                        }

                        img {
                            width: 34px;
                        }
                    }

                    .cta-div {
                        flex-direction: column;
                        align-items: center;
                        gap: 10px;
                        width: 100%;
                    }
                }

                .section-img {
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    object-position: top center;
                    box-sizing: border-box;
                }
            }
        }
    }

    #home-sixth,
    #omoss-tabs-section,
    #psyk-tabs-section {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            .tab-buttons {
                flex-wrap: wrap;
                justify-content: center;
                border-radius: 20px;
                box-sizing: border-box;

                .tab-btn {
                    padding: 10px 16px;
                    font-size: 13px;
                    width: 100%;
                    box-sizing: border-box;
                    justify-content: center;
                }
            }

            .tabs {
                width: 100%;

                .tab-content {
                    gap: 20px;
                    width: 100%;

                    .box-parent {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        gap: 14px;

                        .box-item {
                            position: relative;
                            width: 100% !important;
                            flex: 0 0 100% !important;
                            max-width: 100% !important;
                            height: auto !important;
                            box-sizing: border-box;

                            &::last-child::nth-child(odd) {
                                width: 100% !important;
                                flex: 0 0 100% !important;
                            }

                            img {
                                position: absolute;
                                top: 20px;
                                right: 20px;
                                margin-top: 0;
                            }
                        }
                    }
                }
            }

            .bottom-boxes {
                margin-top: 20px;
                gap: 14px;

                .box-item {
                    padding: 22px;
                    box-sizing: border-box;
                    width: 100%;

                    .upper {
                        font-size: 18px;

                        img {
                            width: 40px;
                        }
                    }
                }
            }
        }
    }

    #home-seventh {
    padding: 44px 16px;
    box-sizing: border-box;

    .inner-div {
        .upper-section {
            width: 100%;
        }

        .middle-section {
            margin-top: 24px;
            gap: 16px;

            .left-column {
                height: 400px;
                padding: 20px 40px 20px 20px;
                box-sizing: border-box;
                position: relative;
                overflow: hidden;

                img {
                    width: 100%;
                    height: 400px;
                    object-fit: cover;
                    object-position: top center;
                    border-radius: 16px;
                }

                p.title {
                    left: 20px;
                    right: 20px;
                    bottom: 60px;
                    font-size: 18px;
                    width: auto;
                }

                p.sub-text {
                    left: 20px;
                    right: 20px;
                    bottom: 20px;
                    width: auto;
                }
            }

            .right-column {
    gap: 14px;
    flex-direction: column;
    flex-wrap: nowrap;

    .item-box {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding: 20px 22px;
        box-sizing: border-box;

        p {
            font-size: 18px !important;
        }
    }
}
        }
    }
}

    #home-eight {
        padding-bottom: 44px;

        .inner-div {
            padding: 0px;
            box-sizing: border-box;

            .upper {
                width: 100%;
                gap: 10px;
            }

            .middle-section {
                margin-top: 24px;
                gap: 14px;

                .left-column,
                .right-column {
                    padding: 24px;
                    box-sizing: border-box;
                    width: 100%;

                    .upper {
                        margin-bottom: 20px;

                        p {
                            font-size: 20px;
                        }

                        img {
                            width: 30px;
                        }
                    }
                }
            }
        }
    }

    #home-ninth {
        margin-bottom: 44px;

        .inner-div {
            padding: 0px;
            gap: 12px;
            box-sizing: border-box;

            .upper {
                width: 100%;
                gap: 10px;
            }

            .middle-section {
                margin-top: 24px;
                gap: 14px;

                .box-item {
                    width: 100%;
                    max-width: 100%;
                    flex: 1 1 100%;
                    box-sizing: border-box;

                    img {
                        height: auto;
                        width: 100%;
                    }
                }
            }
        }
    }

    #home-tenth {
    .inner-div {
        padding: 0px 16px;
        box-sizing: border-box;

        .upper {
            width: 100%;
            gap: 10px;
        }

        .middle-section {
            margin-top: 24px;
            gap: 14px;

            .left-column,
            .middle-column,
            .right-column {
                padding: 12px;
                box-sizing: border-box;
                width: 100%;

                >img {
                    height: auto;
                    width: 100%;
                }

                .below-div {
                    padding: 18px 8px;
                    box-sizing: border-box;

                    p.title {
                        font-size: 20px;
                    }

                    .cta-section {
                        width: 100%;
                        flex-direction: column;
                        align-items: stretch;
                        gap: 10px;
                        box-sizing: border-box;

                        span.cta-maroon,
                        a.cta-maroon,
                        a.sub-cta {
                            width: 100% !important;
                            max-width: 100%;
                            box-sizing: border-box;
                            padding: 14px 18px;
                            flex: 0 0 auto;
                        }
                    }
                }
            }
        }
    }
}

    #home-eleven {
        padding: 0px 16px 0px 16px;
        box-sizing: border-box;

        .inner-div {
            .upper {
                gap: 14px;
            }

            .middle-section {
                margin-top: 24px;
                padding: 20px;
                border-radius: 18px;
                box-sizing: border-box;
                display: flex;
                flex-direction: column;
                gap: 16px;

                .upper {
                    display: contents;

                    img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: center center;
                    }

                    img:nth-child(1) {
                        order: 1;
                    }

                    img:nth-child(2) {
                        order: 3;
                    }

                    img:nth-child(3) {
                        order: 5;
                    }
                }

                >img {
                    display: none;
                }

                .bottom {
                    display: contents;

                    .step-box {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        text-align: center;
                        gap: 8px;
                    }

                    .step-box:nth-child(1) {
                        order: 2;
                    }

                    .step-box:nth-child(2) {
                        order: 4;
                    }

                    .step-box:nth-child(3) {
                        order: 6;
                    }
                }
            }
        }
    }

    #home-twelve {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            gap: 20px;

            .left-column {
                gap: 14px;
                width: 100%;
                box-sizing: border-box;

                img {
                    width: 100%;
                    height: auto;
                    box-sizing: border-box;
                }

                p.below-text {
                    padding: 18px 18px;
                    box-sizing: border-box;
                }
            }

            .right-column {
                width: 100%;
                box-sizing: border-box;

                .upper {
                    img {
                        display: none;
                    }

                    .right-steps {
                        gap: 14px;

                        .step-item {
                            padding: 18px 20px;
                            font-size: 15px;
                            box-sizing: border-box;
                            width: 100%;
                        }
                    }
                }

                .bottom {
                    padding: 20px 18px;
                    margin-top: 14px;
                    box-sizing: border-box;

                    .list-items-parent {
                        gap: 8px;

                        .list-itemm {
                            width: 100%;
                            padding: 12px 16px;
                            box-sizing: border-box;
							
							img {
								width: 14px;
							}
							
							p {
								font-size: 8px;
							}
                        }
                    }
                }
            }
        }
    }

    #home-thirteen {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            .upper {
                width: 100%;
                gap: 10px;
            }

            .middle-section {
                padding-top: 24px;
                gap: 14px;

                .left-column,
                .right-column {
                    padding: 12px;
                    box-sizing: border-box;
                    width: 100%;

                    img {
                        height: auto;
                        width: 100%;
                    }

                    .below {
						height: auto;
                        padding: 18px 8px;

                        h3 {
                            font-size: 19px;
                        }
                    }
                }
            }

            .bottom-section {
                padding: 16px;
                gap: 18px;
                box-sizing: border-box;

                .left-column {
                    width: 100%;
                    box-sizing: border-box;

                    .upper-icon img {
                        width: 32px;
                    }

                    .tab-buttons {
                        flex-wrap: wrap;
                        width: 95%;

                        .tab-btn {
                            padding: 10px 16px;
                            flex: 1;
                            font-size: 13px;
                        }
                    }

                    .addr-box1,
                    .addr-box2 {
                        padding: 18px 16px;
                        box-sizing: border-box;

                        &.tab-content {
                            display: block;
                        }
                    }
                }

                .right-column {
                    width: 100%;
                    box-sizing: border-box;

                    .tab-map,
                    .tab-map iframe {
                        height: 260px;
                        width: 100%;
                    }
                }
            }

            .end-section {
                margin-top: 44px;
                padding: 20px;
                gap: 18px;
                box-sizing: border-box;

                .left-column img {
                    height: auto;
                    width: 100%;
                }

                .right-column .below-section {
                    padding: 22px 18px;
                    box-sizing: border-box;
                }
            }
        }
    }

    #home-fourteen {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            .upper {
                gap: 14px;
            }

            .middle-section {
                margin-top: 24px;
                gap: 14px;

                .box-item {
                    width: 100%;
                    padding: 16px;
                    box-sizing: border-box;

                    h3 {
                        font-size: 19px;
                    }

                    img {
                        width: 100%;
                        height: auto;
                    }

                    .below {
                        .pricing-parent {
                            width: 100%;
                            display: flex;
                            flex-wrap: wrap;
                            gap: 8px;
                            box-sizing: border-box;

                            .price-item {
                                width: 100%;
                                padding: 12px 14px;
                                box-sizing: border-box;
                                min-width: 0;
								
								.tag {
									font-size: 8px !important;
								}
								
								.price {
									font-size: 12px !important;
								}
                            }

                            .price-item.first {
                                width: 100%;
                            }
                        }
                    }
                }
            }

            .cta-maroon {
                margin-top: 24px;
                width: 100%;
                box-sizing: border-box;
            }
        }
    }


    #home-fifteen {
        padding: 34px 16px;
        box-sizing: border-box;

        .inner-div {
            padding: 28px 20px;
            gap: 20px;
            border-radius: 18px;
            box-sizing: border-box;

            .left-column {
                gap: 14px;
                width: 100%;
                box-sizing: border-box;

                .tags-parent {
                    gap: 8px;
                    flex-wrap: wrap;
					padding: 0px;
					

                    .tag {
                        padding: 8px 14px;
                        font-size: 14px;
                    }
                }

                .cta-div {
                    padding: 10px 0px;
                    flex-direction: column;
                    width: 100%;
                }
            }
        }
    }

    #home-sixteen-faq {
        padding: 0px 16px 44px 16px;
        box-sizing: border-box;

        .inner-div {
            gap: 20px;

            .left-column {
    gap: 14px;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    flex-wrap: nowrap;

    .first-cta,
    .second-cta {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding: 26px 20px 20px 20px;
        box-sizing: border-box;
		gap: 16px;

        img {
            width: 32px;
        }

        .title {
            font-size: 17px;
        }
    }

    .cta-maroon,
    .sub-cta-maroon {
        margin-top: 18px;
        width: 100%;
        box-sizing: border-box;
    }
}

            .right-column {
                width: 100%;
                box-sizing: border-box;

                .faq-parent {
                    gap: 10px;

                    .faq-item1,
                    .faq-item2,
                    .faq-item3,
                    .faq-item4,
                    .faq-item5,
					.faq-item6,
                    .faq-item7,
                    .faq-item8,
                    .faq-item9,
                    .faq-item10 {
                        width: 100%;
                        box-sizing: border-box;

                        .question {
                            padding: 18px 20px;
                            box-sizing: border-box;

                            h3 {
                                font-size: 15px !important;
								margin-right: 10px;
                            }
                        }

                        .answer {
                            padding: 0 20px;
                            box-sizing: border-box;
                        }
                    }
                }
            }
        }
    }

    #cta-main-box {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;

    .inner-div {
        width: 100%;
        max-width: 100%;
        margin: 0;
        gap: 16px !important;
        padding: 22px;
        border-radius: 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;

        .left-column {
            padding: 6px;
            gap: 14px;
            box-sizing: border-box;
            width: 100%;
            display: contents;
        }

        .section-tag { order: 1; }

        h2 {
            order: 2;
            text-align: center;
        }

        .right-image {
            order: 3;
            height: auto;
            width: 100%;
            box-sizing: border-box;
        }

        > p { order: 4; }

        .cta-section {
            order: 5;
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 100%;
			margin-top: 0px;

            .cta,
            .sub-cta {
                width: 100%;
                text-align: center;
                justify-content: center;
                box-sizing: border-box;
            }
        }
    }
}

    #email-cta {
        width: 100%;
        margin: 44px 0;
        padding: 0 12px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 22px;
            border-radius: 22px;
            gap: 20px;
            box-sizing: border-box;

            .left-column {
                padding: 6px 0px;
                gap: 10px;
                width: 100%;
                box-sizing: border-box;
            }

            .right-column {
                padding: 18px;
                gap: 10px;
                width: 100%;
                box-sizing: border-box;

                .selections {
                    gap: 6px;
                    flex-wrap: wrap;

                    span {
                        padding: 7px 14px;
                        font-size: 13px;
                    }
                }

                .email-form {
                    width: 100%;
                    box-sizing: border-box;

                    input[type="email"] {
                        padding: 16px 18px;
                        padding-right: 60px;
                        font-size: 14px;
                        width: 100%;
                        box-sizing: border-box;
                    }

                    button[type="submit"] {
                        width: 38px;
                        height: 38px;
                        top: 5px;
                        right: 5px;
                    }
                }
            }
        }
    }

    #article-boxes {
        width: 100%;
        padding: 44px 16px 0px 16px;
        box-sizing: border-box;

        .inner-div {
            .upper {
                width: 100%;
                gap: 10px;
            }

            .middle-section {
                flex-direction: column;
                gap: 16px;
                margin: 24px 0px;

                .article-item {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 12px 12px 26px 12px;

                    img {
                        width: 100%;
                        height: auto;
                    }

                    .content {
                        padding: 16px 6px;

                        h3 {
                            font-size: 17px;
                        }
                    }
                }
            }
        }
    }

    header .upper-row .inner-div,
    header .main-row .inner-div,
    footer .inner-div,
    #hero-home,
    #hero-home .inner-div,
    #feature-box,
    #home-third,
    #home-fourth,
    #home-fifth,
    #home-sixth,
    #home-seventh,
    #home-eight,
    #home-ninth,
    #home-tenth,
    #home-eleven,
    #home-twelve,
    #home-thirteen,
    #home-fourteen,
    #home-fifteen,
    #home-sixteen-faq,
    #cta-main-box,
    #email-cta,
    #article-boxes {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #contact-hero {
        padding: 20px 16px 20px;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            border-radius: 24px;
            background-position: center;

            .left-column {
                width: 100%;
                padding: 30px 24px 24px;
                box-sizing: border-box;

                h1 {
                    font-size: 34px;
                    line-height: 1.1;
                    margin-bottom: 14px;
                }

                .p-first {
                    margin-bottom: 8px;
                }

                .cta-div {
                    width: 100%;
                    flex-direction: column;
                    gap: 10px;
                    margin-top: 22px;

                    a {
                        width: 100%;
                        box-sizing: border-box;
                        text-align: center;
                    }
                }
            }

            .right-column {
                width: 100%;
                padding: 0 16px 16px;
                box-sizing: border-box;

                img {
                    display: block;
                    width: 100%;
                    height: 280px;
                    border-radius: 18px;
                }
            }
        }
    }


    #stripe {
        padding: 0 16px;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 16px 18px;
            gap: 12px;
            border-radius: 18px;
            box-sizing: border-box;

            img {
                width: 36px;
                flex-shrink: 0;
            }

            p {
                font-size: 14px;
                line-height: 1.4;
            }
        }
    }


    #contact-third {
    padding: 30px 16px;

    .inner-div {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        gap: 24px;

        .left-column {
            width: 100%;
            gap: 14px;

            .cta-box1,
            .cta-box2 {
                width: 100%;
                padding: 20px;
                box-sizing: border-box;
                border-radius: 18px;
                gap: 12px;

                img {
                    width: 38px;
                    height: 38px;
                    flex-shrink: 0;
                }
            }

            .cta-box1 {
                .cta-content {
                    gap: 6px;
                }
            }

            .cta-box2 {
                ul {
                    margin: 8px 0 0;
                }

                li {
                    font-size: 16px;
                }
            }

            .cta-box3 {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 14px;

    .box1,
    .box2 {
        width: 100%;
        min-width: 0;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 18px;
        gap: 12px;

        img.div-icon {
            width: 38px;
            height: 38px;
            flex: 0 0 38px;
        }

        img.arrow {
            display: block;
            width: 34px !important;
            height: 34px !important;
            min-width: 34px !important;
            min-height: 34px !important;
            max-width: 34px;
            max-height: 34px;
            padding: 10px;
            margin-left: auto;
            box-sizing: border-box;
            flex: 0 0 34px !important;
            flex-shrink: 0 !important;
            visibility: visible;
            opacity: 1;
        }

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

        p.subtext {
            font-size: 14px;
        }
    }
}
        }

        .right-column {
            width: 100%;
            min-height: fit-content;
            padding: 24px 20px;
            box-sizing: border-box;
            border-radius: 20px;

            p.title {
                font-size: 21px;
                margin-bottom: 8px;
            }

            .contact-form {
                gap: 14px;
                min-height: 0;

                label {
                    font-size: 13px;
                }

                input[type="text"],
                input[type="email"],
                input[type="tel"],
                input[type="number"],
                textarea {
                    width: 100%;
                    padding: 14px 15px;
                    font-size: 15px;
                }

                textarea {
                    height: 120px;
                    min-height: 120px;
                }

                .contact-form-row {
                    grid-template-columns: 1fr;
                    gap: 14px;
                }

                .submit-field {
                    margin-top: 0;
                }

                input[type="submit"],
                button {
                    width: 100%;
                }
            }
        }
    }
}


    #contact-map-section {
        padding: 0 16px 40px;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 12px;
            border-radius: 20px;
            box-sizing: border-box;

            .upper {
                width: 100%;
                padding: 8px 4px;
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 14px;
                box-sizing: border-box;

                .icon-item {
                    gap: 8px;
                    min-width: 0;

                    img {
                        width: 32px;
                        flex-shrink: 0;
                    }

                    p.title {
                        font-size: 20px;
                        line-height: 1.15;
                    }
                }

                .share-btn {
                    grid-column: 1 / -1;
                    width: 100%;
                    justify-content: center;
                    box-sizing: border-box;
                    padding: 10px 14px !important;
                    font-size: 14px;
                }

                .tab-buttons {
                    padding: 4px;
                    gap: 3px;
                    justify-self: end;

                    .tab-btn {
                        padding: 9px 15px;
                        font-size: 14px;
                        line-height: 1;
                    }
                }
            }

            .tab-map {
                margin-top: 12px;
                border-radius: 18px;

                iframe {
                    width: 100%;
                    height: 320px;
                    border-radius: 18px;
                }
            }
        }
    }

    /* ================================
   PRISER PAGE
   ================================ */

    #priser-hero {
        padding: 20px 16px 40px 16px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            padding: 22px;
            border-radius: 22px;
            gap: 22px;
            align-items: stretch;
            box-sizing: border-box;

            .left-column {
                width: 100%;
                gap: 14px;
                box-sizing: border-box;

                .list-items {
                    gap: 12px;
                    padding: 8px 0px;

                    .list-item {
                        gap: 10px;

                        img {
                            width: 22px;
                            height: 22px;
                        }

                        p {
                            font-size: 14px;
                        }
                    }
                }
            }

            .right-column {
                width: 100%;
                box-sizing: border-box;

                img {
                    width: 100%;
                    height: 220px;
                    border-radius: 18px;
                    box-sizing: border-box;
                }
            }
        }
    }

    #priser-second {
        padding-bottom: 44px;

        .inner-div {
            width: 100%;
            max-width: 100%;
            flex-direction: column;
            padding: 0 16px;
            gap: 16px;
            box-sizing: border-box;

            img {
                width: 40px;
                height: 40px;
            }

            .right-column {
                gap: 8px;

                p.title {
                    font-size: 22px;
                }

                p {
                    font-size: 15px;
                }
            }
        }
    }

    #priser-third {
        padding: 44px 16px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;

            .middle-section {
                margin-top: 20px;

                .pricing-main-item {

                    .upper {
                        gap: 10px;

                        p.count-title {
                            font-size: 22px;
                        }

                        img {
                            width: 26px;
                            height: 26px;
                        }
                    }

                    .pricing-box {
                        border-radius: 16px;
                        margin-top: 12px;
                        margin-bottom: 20px;

                        .pricing-row {
                            padding: 16px 16px;
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 12px;

                            p.price {
                                font-size: 20px;
                            }

                            p.title {
                                font-size: 15px;
                            }

                            .third-column {
                                width: 100%;
                                gap: 6px;

                                .title {
                                    font-size: 15px;
                                }

                                p.title-sub {
                                    font-size: 12px;
                                }

                                .list-item {
                                    gap: 8px;

                                    img {
                                        width: 18px;
                                        height: 18px;
                                    }

                                    p {
                                        font-size: 14px;
                                    }
                                }
                            }

                            img.end-arrow-right {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }

    #priser-fourth {
        padding-top: 44px;
        padding-bottom: 60px;
        box-sizing: border-box;

        .inner-div {
            width: 100%;
            max-width: 100%;
            padding: 0 16px;
            box-sizing: border-box;

            .upper-cta {
                width: 100%;
                flex-direction: column;
                padding: 22px;
                gap: 14px;
                box-sizing: border-box;

                img {
                    width: 30px;
                    height: 30px;
                }

                .icon-text {
                    gap: 8px;

                    p.title {
                        font-size: 20px;
                    }
                }
            }

            .middle-section {
                margin-top: 34px;
                flex-direction: column;
                row-gap: 16px;

                .icon-box-item {
                    width: 100%;
                    padding: 20px;
                    box-sizing: border-box;

                    .upper {
                        gap: 12px;

                        img {
                            width: 34px;
                            height: 34px;
                        }

                        p.title {
                            font-size: 20px;
                        }
                    }

                    ul {
                        margin-left: -16px;
                        gap: 10px;

                        li {
                            font-size: 14px !important;
                        }
                    }
                }
            }
        }
    }


    #singleblog-hero {

        padding-top: 24px !important;
        padding-bottom: 36px !important;

        .inner-div {
            gap: 24px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            box-sizing: border-box;

            .right-column {
                img {
                    height: 300px !important;
                }
            }
        }
    }

    #single-blog-post-parent {
        padding-top: 32px !important;
        padding-bottom: 32px !important;

        .inner-div {
            gap: 32px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
            box-sizing: border-box;

            h2 {
                font-size: 24px !important;
            }
        }

        .table-cta {
            display: contents;
        }

        .table-of-content {
            order: 1;

            .toc-item {
                padding: 10px 12px !important;
            }
        }

        .middle-cta-box {
            padding: 24px !important;
        }

        .main-content {
            order: 2;

            img {
                height: 300px !important;
                width: auto !important;
                max-width: 100%;
                object-fit: contain !important;
                display: block;
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }

        .blog-cta {
            order: 3;
            width: 90%;
        }

        .share-buttons {
            order: 4;
            width: 90%;

            .social {
                flex-wrap: wrap;
            }
        }
    }

    .bloginfo {
        flex-direction: column !important;
        gap: 12px !important;

        .info-bullet {
            width: 100% !important;
        }
    }

    .keypoints {
        padding: 20px !important;
    }

    .final-thoughts {
        margin-bottom: 36px !important;
    }



    #single-post-faq,
    #helpful-section,
    #single-blog-cta {
        .inner-div {
            padding-left: 10px !important;
            padding-right: 10px !important;
            box-sizing: border-box;
        }
    }

    #single-blog-cta .cta-div {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

    #single-blog-cta .cta-div .cta,
    #single-blog-cta .cta-div .sub-cta {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    #single-blog-post-parent .main-content .symptoms-list .symptoms-item {
        gap: 12px;

        .symptoms-tick {
            width: 26px !important;
            height: 26px !important;
        }
    }

    #single-blog-post-parent .main-content .symptoms-list img {
        width: 28px;
        height: 28px;
        margin-top: 2px;
    }

}

/* Global fixes */

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

    h1,
    h1 span {
        font-size: 42px !important;
    }

    h2,
    h2 span {
        font-size: 34px !important;
    }

    h3,
    h3 span {
        font-size: 26px !important;
    }

    p,
    div,
    li,
    a,
    button,
    input,
    textarea,
    select {
        font-size: 16px !important;
    }

    .symptom-box span {
        font-size: 14px !important;
    }

    .section-tag {
        font-size: 12px !important;
    }

    a.article-tab-btn,
    a.cta,
    a.sub-cta,
    a.sub-cta-maroon,
    a.cta-maroon,
    a.cta-maroon-dull,
    button.cta-maroon,
    input.cta-maroon,
    a.w-fit {
        font-size: 15px !important;
    }

}

@media (max-width: 767px) {

    h1,
    h1 span {
        font-size: 32px !important;
    }

    h2,
    h2 span {
        font-size: 28px !important;
    }

    h3,
    h3 span {
        font-size: 22px !important;
    }

    p,
    div,
    li,
    a,
    button,
    input,
    textarea,
    select {
        font-size: 15px !important;
    }

    .symptom-box span {
        font-size: 14px !important;
    }

    .section-tag {
        font-size: 11px !important;
    }

    a.cta,
    a.sub-cta,
    a.sub-cta-maroon,
    a.cta-maroon,
    a.cta-maroon-dull,
    button.cta-maroon,
    input.cta-maroon,
    a.w-fit {
         width: 100% !important;
        justify-content: center !important;
        text-align: flex-start !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

}