/* ############### For Mobile Devices  */
@media only screen and (max-width:510px)
{
    
    .main-section {
        width: 100%;
        height: auto;
        display: flex !important;
        align-items: end !important;
        justify-content: space-around!important;
        padding: 30px !important;
    }

        .background-clip
    {
        width: 100vw;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .main-section .logo
    {
        width:80px !important;
        padding-bottom: 10px;
        position: absolute;
        right: 1%;
        top: 30%;
    }
    
    .main-section h1
    {
        font-size: 17px;
        position: absolute;
        top: 31%;
        left: 1%;
        font-weight: 500;
    }


}