@media (max-width: 768px) {

    /* Remove all extra space created by TinySlider wrappers */
    #tns1-ow,
    #tns1-mw,
    #tns1-iw,
    #tns1 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        overflow: visible !important;
        white-space: normal !important;
        transform: none !important;
    }

    /* TinySlider adds width inline to each slide → remove it */
    #tns1 .tns-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* TinySlider also adds gaps between slides */
    #tns1 .tns-slide-active,
    #tns1 .tns-item {
        margin-right: 0 !important;
    }

    /* Remove space above/below first child */
    #tns1 li.dd-item:first-child {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 2px solid #f3f3f3;
    }

    #tns1 li.dd-item:first-child>a>div.dd-title {
        font-size: 20px;
        padding: 10px !important;
        text-align: start !important;
        font-family: "Roboto Condensed", Verdana, Arial, sans-serif;
        font-weight: bold;
    }

    .dd-navigation {
        display: none !important;
    }

    #tns1 li.dd-item:not(:first-child) {
        align-items: center;
        gap: 12px;
        /* padding: 12px 10px; */
        background: #fff;
    }

    #tns1 img.dd-image {
        /* border-radius: 4px; */
        object-fit: cover;
    }

    #tns1 .dd-title {
        background: none !important;
        font-weight: 600;
        line-height: 1.3;
        color: #000;
    }

    /* #tns1 li.dd-item:not(:first-child) .dd-title {
    margin: 0;
    padding-right: 8px;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
		text-decoration: none;
} */
    .dd-main .dd-features-4-columns .dd-title {
        position: static !important;
        background: none !important;
        width: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        text-align: left !important;
        color: #000 !important;
        font-size: 30px
    }

    #tns1 li.dd-item:first-child>a {
        display: block !important;
        width: 100% !important;
        text-decoration: none;
        background: #fff !important;
    }

    /* #tns1 li.dd-item:not(:first-child) > a {
		text-decoration: none;
	
} */

    /* #tns1 li.dd-item:not(:first-child) {
					width: auto !important;     
					display: flex !important;
					align-items: center;
					gap: 12px; 
					padding: 10px; 
					background: #fff;
} */

    li.dd-item.tns-item:not(:first-child) {
        display: flex;
        border-bottom: 2px solid #f3f3f3;
    }

    li.dd-item.tns-item:not(:first-child)>a {
        display: flex;
        padding: 5px;
        align-items: center;
        text-decoration: none;
    }

    li.dd-item.tns-item:not(:first-child)>a>img {
        min-width: 40%;
        width: 40%;
    }

    li.dd-item.tns-item:not(:first-child)>a>div {
        font-size: 20px;
        line-height: 1.5;
        color: #333;
        text-decoration: none;
        font-family: "Roboto Condensed", Verdana, Arial, sans-serif;
        font-weight: 500;
    }

    #tns1 li.dd-item:first-child>a>div.dd-title {
        background: black !important;
        color: #fff !important;

    }

    @media (max-width: 768px) {
        .dd-title-desktop {
            display: none !important;
        }

        li.dd-item.tns-item:not(:first-child)>a>div>.dd-title-mobile {
            display: flex;
            align-items: normal;
            text-align: left;
            font-size: 16px;
            line-height: 1.2;
            font-weight: bold;

        }

        li.dd-item.tns-item:not(:first-child)>a>div {
            margin: 0 0 0 3%;

        }
    }
}

.dd-group .dd-item:nth-child(n+6) {
    display: none !important;
}

@media (min-width: 769px) {
    .dd-title-mobile {
        display: none !important;
    }
}