@media (max-width: 768px) {
	
html, body {
 overflow: hidden;
 touch-action: pan-y; /** Disable horizontal scrolling */
 width: 100ddvw; /* Ensure full viewport width */
 height: 100dvh; /* Ensure full viewport height */
 max-width: 100%; /* Prevent overflow */
 min-height: 100%
}
	
    .dropvader-title,
    .dropvader-tagline,
    .dropvader-alert,
    .dropvader-may-promo {
        Xwidth: 90% !important;
    }

    .dropvader-main-container {
        flex-direction: column;
		top: 370px;
        width: 95% !important;
        height: 100% !important;
		opacity: 8;
    }

    .dropvader-dropzone {
        width: 100% !important;
        margin-bottom: 2px;
        xheight: 40% !important;
        height: 210px !important;
		background-color: transparent;		
		opacity: 1;		
    }

    .dropvader-file-list-container {
        width: 100% !important;
        xheight: 40% !important;
		height: 245px !important;
		xbackground-color: transparent;
		background-color: #000000 !important;
		opacity: .9 !important;				
    }

    .dropvader-modal-content {
        width: 90% !important;
    }
	
	.dropvader-send-btn {
		margin-bottom: 5px;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.dropvader-header {
		Xtop: 10px;
	}
	
	.drop-vader-may-4th {		
		height: 100px !important;
	}
	
	.dropvader-may-promo {
		font-size: 20px;
		font-weight: bold;
	}
	
    .dropvader-title {
        font-size: 44px; /* Keeping consistent 50px font size */
        -webkit-text-stroke: 1.5px #5F41C3;
        text-stroke: 1.5px #5F41C3;
        letter-spacing: 3px;
		background-color: #000000;
    }

    .dropvader-tagline {
        font-size: 17px;
		margin-top: 1px !important;
		background-color: #000000;		
    }
	
	.dropvader-file-list-title {
		text-transform: uppercase;		
		font-weight: bold;
		font-size: 17px;
	}
	
	.dropvader-file-item {
		background-color: #000000;
		opacity: 1;
		font-weight: bold;
	}

	.dropvader-file-name {
		font-size: 16px;
	}

	.dropvader-file-size{
		font-size: 16px;
	}
	
    .dropvader-alert {
        top: calc(15px + 40px + 10px + 30px); /* Position 30px below the tagline */
        width: 90%;
        font-size: 16px !important;
        padding: 8px 12px;
    }
	
	.dropvader-signup-link {
        font-size: 16px !important;		
		color: #FFFFFF;
	}

    .dropvader-svg-icon {
        width: 100px;
        height: 100px;
		background-color: #000000;
    }

    .dropvader-dropzone-text {
        font-size: 18px;
		xcolor: #FFFFFF;
		background-color: #000000;
    }

    .dropvader-dropzone-subtext {
        font-size: 11px;
    }

    .dropvader-copyright-footer {
        padding: 0 10px; /* Removed vertical padding to ensure proper vertical centering */
        font-size: 11px;
        flex-direction: column; /* Stack items on all non-desktop screens */
        justify-content: center; /* Center items vertically */
        height: 60px; /* Increase height for stacked layout */
    }

    .dropvader-copyright-text {
        margin-right: 0;
		Xtext-transform: uppercase;		
		color: #FFFFFF;
        font-size: 13px !important;		
    }

    .dropvader-footer-links {
        display: flex;
        justify-content: center;
        width: 100%;
		font-size: 14px;
        margin-bottom: 5px; /* Add spacing between stacked elements */		
	}
	
	.dropvader-copyright-text {
		font-size: 11px;
	}
	
	.dropvader-copyright-footer {
		font-weight: bold;
    }

    .dropvader-footer-link {
        margin: 0 8px;
    }

    .dropvader-modal-content {
        width: 350px;
        padding: 15px;
    }

    .dropvader-modal-title {
        font-size: 20px;
    }

    .dropvader-modal-subtitle {
        font-size: 14px;
    }

    .dropvader-iframe-modal-content {
        width: 90%;
        height: 90%;
        padding: 12px;
    }

    @keyframes dropvader-streak {
        from {
            width: 0;
            opacity: 0;
        }
        20% {
            opacity: 0.7;
        }
        60% {
            opacity: 1;
        }
        to {
            width: 100px;
            opacity: 0;
        }
    }	
}