@media screen and (max-width: 479px) {
    * {
        font-size: medium;
    }

    i {
        padding: 10px;
    }

    html {
        width: 100%;
        overflow: none;
    }

    .lin {
        display: inline;
    }

    .container {
        width: 100%;
        padding: 0px;
        padding-block: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    
    .top {
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align: center;
        padding: 0; 
    }

    .head-link {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .head-link1 {
        display: none;
    }

    .header a {
        padding-inline: 10px;
    }


    .foot {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    
    .on-mob {
        text-align: left;
        display: flex;
        align-items: center;
        column-gap: 10px;
        padding-block: 5px;
        font-size: 20px;
    }


    .foot-para,
    .foot-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
    }

    .foot-link {
        font-size: 20px;
        padding-top: 15px;
        column-gap: 10px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;

    }

    .first_foot,
    .thd {
        padding-block: 10px;
    }

    .foot {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .head_sec {
        width: 100%;
    }

    .head_sec p {
        text-align: center;
    }

    .active {
        position: relative;
        top: 0;
        text-decoration: underline;
        color: blueviolet;
    }

    .abt-us {
        padding-top: 20px;
    }

    #tdot {
        display: inline-block;
     }


}