/* rem and em do NOT depend on html font-size in media queries! Instead, 1rem = 1em = 16px */
@media (max-width: 143.75em) {
    /* 2300/16= 135.625em*/
    .card-container-an {
        display: grid;
        grid-template-columns: 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem;
        justify-items: center;
        margin: 0 12.8rem;
        grid-row-gap: 1rem;
        /* column-gap: 3rem; */
    }

    .card-an {
        width: 14rem;
        margin: 0 auto;
        padding-bottom: 5.8rem;
        padding-top: 1rem;
        font-size: 1.6rem;
    }

    .main-nav-list-logout {
        gap: 5rem;
    }
}

@media (max-width: 134.25em) {
    /* 2148px/16px=134.25em */
    .card-container-an {
        display: grid;
        grid-template-columns: 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem;
        justify-items: center;
        /* grid-column-gap: 3rem; */
        margin: 0 12.8rem;
        grid-row-gap: 3rem;
    }

    .main-nav-list-logout {
        gap: 5rem;
    }

    .card-an {
        font-size: 1.6rem;
        width: 14rem;
        margin: 0 auto;
        padding-bottom: 5.8rem;
        padding-top: 1rem;
    }

    .footer-quote {
        font-size: 1.4rem !important;
    }

    .footer2 {
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 118.375em) {
    .header .login-form {
        right: 0rem !important;
    }
}

@media (max-width: 123.25em) {
    /* 1972/16= 123.25*/
    .card-container-an {
        display: grid;
        grid-template-columns: 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem;
        justify-items: center;
        grid-row-gap: 1.8rem;
        padding: 1.8rem;
        /* grid-column-gap: 3rem; */
    }

    .main-nav-list-logout {
        gap: 3rem;
    }

    .header {
        height: auto;
    }

    .logo-container {
        padding: 1rem 0;
    }

    .card-an {
        width: 14rem;
        margin: 0 auto;
    }

    .footer-quote {
        font-size: 1.2rem !important;
    }

    .footer2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media (max-width: 118.375em) {
        .header .login-form {
            right: 0rem !important;
            position: fixed;
        }
    }
}

@media (max-width: 111.8125em) {
    /* 1789/16=111.8125em */
    .card-container-an {
        display: grid;
        grid-template-columns: 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem 14rem;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }

    .logo1 {
        height: 4.2rem;
    }

    .title {
        font-size: 1rem;
    }

    .card-an {
        width: 14rem;
        height: 8rem;
        margin: 0 auto;
        font-size: 1.6rem;
    }

    .footer2 {
        display: flex;
        justify-content: center;
        align-items: center;
        /* justify-items: center;*/
    }

    .footer-quote {
        font-size: 1rem !important;
        justify-self: center;
    }

    @media (max-width: 118.375em) {
        .header .login-form {
            right: 0rem !important;
        }
    }
}

@media (max-width: 100.8675em) {
    /* 1611/16=45.8125em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }

    .logo1 {
        width: 16rem;
        height: 3.2rem;
        margin-right: 1rem;
    }



        .header .logo-container {
            /*justify-content:center;*/
        }

        .header .flag-gif {
            margin-left: 1.2rem;
        }

    .footer2 {
        /* display: grid;*/
    }

    .footer-quote {
        /* justify-self: center;*/
    }

    .card-an {
        width: 14rem;
        height: 8rem;
        margin: 0 auto;
    }

    .logoTxt {
        font-size: 0.8rem;
    }
    /* .login-form {
        left: 0;
    }*/
    .dropdown-content-logout {
        /* left: 0rem; */
    }

    /*.login-form {
        left:0;
    }*/
}

@media(max-width:91.1875em) {
    /* 1459px/16=91.1875em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}

@media(max-width:80.875em) {
    /* 1294px/16=80.875em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}

@media(max-width:70.625em) {
    /* 1130px/16=70.625em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}

@media(max-width:60.625em) {
    /* 970px/16=60.625em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}

@media(max-width:50.3125em) {
    /* 805px/16=50.3125em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}

@media(max-width:40.625em) {
    /* 650px/16=40.625em */
    .card-container-an {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 1.2rem;
        padding: 1.8rem;
        /* grid-column-gap: 1.2rem; */
    }
}
/*@@media(max-width:36.25em) {*/
/*580/16=36.25em*/
/*.logo1 {
        height: 1rem;
        width: 5rem;
        margin-right: 1rem;
    }
}*/

@media (max-width:36.875em) {
    /*491/16=30.6875 and590/16=36.875*/
    .login-form {
        right: 0rem !important;
        top: 8rem !important;
        position: fixed !important;
    }
}



@media (max-width:30.625em) {
    /* 490/16= 30.625*/
    .card-container-an {
        grid-template-columns: 1fr 1fr;
    }

    .header {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 2rem;
    }

    .logo1 {
        height: 1rem;
        width: 12rem;
        margin-right: 1rem;
    }

    .footer-quote {
        font-size: 1rem !important;
    }

    .logoTxt {
        font-size: 0.5rem;
    }

    .footer2 .nrrda-img {
        /* width: 3rem; */
    }

    .footer2 .cdac-logo {
        /* width: 3rem; */
    }

    .footer2 .digital-india-logo {
        /* width: 3rem; */
    }

    .footer2 .griss-img {
        /* width: 3rem; */
    }

    .footer2 .ommas-img {
        /* width: 3rem; */
    }

    .footer2 .atma-nirbhar-bharat-logo {
        /* width: 3rem; */
    }

    .header .logo-container {
        /*display:grid;
        grid-template-columns:1fr;
        margin-left:1rem;*/
    }

    .header .flag-gif {
        margin-left: 1.6rem;
    }

    .header .logo1 {
        width: 15rem;
    }

    .login-form {
        left: 0;
        top: 12rem !important;
    }

    .main-nav-list-logout {
        gap: 3rem;
        margin-bottom: 1rem;
    }

    .dropdown-content-logout {
        left: -1.5rem;
    }
}

@media(max-width:48em) {
    /* 768px/16px= */
    .footer2 {
        display: grid;
        justify-content: center;
        align-content: center;
    }

    /* .footer2 .footer-quote {
            align-self: center;
            justify-self: center;
        }*/
}