.cm-header .cm-inner-header {
    flex-wrap: wrap !important;
}

@media (max-width: 768px) {
    .cm-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        background: #ffffff; /* Add a background color if it's transparent */
    }

    .cm-logo .cm-svg-logo {
        width: 100px; /* Smaller logo for smaller screens */
    }

    .cm-login-layout {
        padding: 20px;
    }

    .cm-header .cm-contacts {
        flex-direction: column; /* Stack contact links vertically on smaller screens */
        gap: 15px;
	}
	.cm-contacts {
		width:300px;
    }
}

@media (max-width: 480px) {
    .cm-login-layout {
        padding: 10px;
        border-radius: 10px;
    }

    .btn {
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
    }

    .cm-login-heading {
        font-size: 18px;
    }

    .cm-header .cm-contacts {
        flex-direction: column; /* Stack contact links vertically on smaller screens */
        gap: 15px;
    }

	.cm-contacts {
		width:300px;
    }
    .cm-header {
        padding: 8px 0; /* Compact header for smaller sizes */
    }

    .cm-login-layout, .cm-banner {
        margin-top: 80px; /* Adjust as per the reduced header height */
    }
}
/* Media query for Samsung J7 */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
    .cm-header {
        padding: 12px 0; /* Slightly more spacing */
    }

    .btn {
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
    }

    .cm-login-layout {
        max-width: 85%;
        padding: 20px;
    }

    .cm-banner {
        max-width: 90%;
    }
}
/* Media query for iPhone 12 */
@media only screen and (min-device-width: 360px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 2) {
    .cm-header {
        padding: 8px 0; /* Compact header */
    }

    .btn {
        font-size: 0.9rem;
        padding: 0.6rem 1.2rem;
    }

    .cm-login-layout {
        max-width: 100%;
        padding: 15px;
        margin-top: 1%;
    }

    .cm-banner {
        max-width: 100%;
    }

    .cm-contacts {
        margin-top: 2%;
    }
	
	.cm-contacts {
		width:300px;
    }
}