/* Responsive Design Improvements for All Devices */

/* Header Logo Improvements */
#ed-1544008326 {
    display: flex;
    align-items: center;
    gap: 12px;
}

#ed-1544008326 img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    display: block;
}

#ed-1544008326 h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
}

/* Mobile and Tablet Responsive */
@media screen and (max-width: 975px) {
    #ed-1544008326 img {
        width: 40px;
        height: 40px;
    }
    
    #ed-1544008326 h1 {
        font-size: 16px;
    }
    
    /* Improve menu wrapper on tablets */
    .menu-wrapper {
        padding: 0 1rem;
    }
}

/* Mobile Phones */
@media screen and (max-width: 575px) {
    #ed-1544008326 {
        flex-direction: row;
        gap: 8px;
    }
    
    #ed-1544008326 img {
        width: 35px;
        height: 35px;
    }
    
    #ed-1544008326 h1 {
        font-size: 14px;
        white-space: normal;
        line-height: 1.3;
    }
    
    /* Ensure all content is properly sized on mobile */
    .wv-boxed {
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    /* Improve button sizes on mobile */
    .button {
        padding: 0.75rem 1.5rem;
        font-size: 14px;
    }
    
    /* Better spacing on mobile */
    .ed-container > .inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* iPhone specific adjustments */
@media screen and (max-width: 414px) {
    #ed-1544008326 h1 {
        font-size: 12px;
    }
    
    #ed-1544008326 img {
        width: 30px;
        height: 30px;
    }
}

/* Android specific adjustments */
@media screen and (max-width: 360px) {
    #ed-1544008326 h1 {
        font-size: 11px;
    }
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Improve form responsiveness */
.ed-form-container {
    width: 100%;
    max-width: 100%;
}

.ed-form-input input,
.ed-form-email input,
.ed-form-textarea textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Footer responsive improvements */
@media screen and (max-width: 575px) {
    .footer-thrud-content {
        flex-direction: column;
        text-align: center;
    }
    
    .footer-thrud-box {
        width: 100%;
        margin-bottom: 2rem;
    }
    
    .social-icons-icon {
        margin: 0 0.5rem;
    }
}

/* Improve text readability on small screens */
@media screen and (max-width: 575px) {
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
    
    p {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* Ensure containers don't overflow */
* {
    box-sizing: border-box;
}

.ed-container {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Improve touch targets on mobile */
@media screen and (max-width: 575px) {
    a, button {
        min-height: 44px;
        min-width: 44px;
    }
}

