@media only screen and (max-width: 600px) {
    .desk-logo {
        display: none;
    }
    
    .mob-logo {
        display: block;
    }

    .title-section h3{
        text-align: center;
    }

    .pattern-section {
        background-image: url(../image/border.webp);
        background-size: 100%;
        padding: 12px;
    }
    .top-bar-container{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .top-email{
        display: none;
    }
}