/* @media (max-width:360px) {
} */

@media (max-width:480px) {
    #admissiondetails {
        display: grid;
        grid-gap: 1px;
        grid-template-areas:
            'FeesStructre Criteria' 'adimissionclick adimissionclick';
        position: relative;
        height: 300px;
        top: 45px;
    }

    #FeesStructre {
        grid-area: FeesStructre;
    }

    #adimissionclick {
        grid-area: adimissionclick;
        width: 100%;

    }

    #Criteria {
        grid-area: Criteria;

    }

    .admissioncontainer {
        padding: 6px 7px;
        height: 110px;
        width: 170px;

    }

    #h1-container {
        font-size: 18px;
    }

    .containerlist {
        font-size: 8px;
        margin-left: 11px;
    }

    .containerlist li {
        padding-bottom: 8px;
    }

    #admissiontxt {
        font-size: 25px;
    }

    #admissionbtn {
        font-size: 25px;
    }

}

@media (min-width:480px) and (max-width:640px) {
    #admissiondetails {
        display: grid;
        grid-gap: 5px;
        grid-template-areas:
            'FeesStructre Criteria' 'adimissionclick adimissionclick';
        position: relative;
        height: 300px;
        top: 45px;
    }

    #FeesStructre {
        grid-area: FeesStructre;
    }

    #adimissionclick {
        grid-area: adimissionclick;
        width: 100%;

    }

    #Criteria {
        grid-area: Criteria;

    }

    .admissioncontainer {
        padding: 6px 7px;
        height: 150px;
        width: 210px;

    }

    #h1-container {
        font-size: 21px;
    }

    .containerlist {
        font-size: 10px;
        margin-left: 11px;
    }

    .containerlist li {
        padding-bottom: 8px;
    }

    #admissiontxt {
        font-size: 25px;
    }

    #admissionbtn {
        font-size: 25px;
    }
}

@media (min-width:640px) and (max-width:768px) {
    #admissiondetails {
        grid-gap: 5px;
    }

    .admissioncontainer {
        padding: 6px 7px;
        height: 150px;
        width: 210px;

    }

    #h1-container {
        font-size: 22px;
    }

    .containerlist {
        font-size: 10px;
        margin-left: 11px;
    }

    .containerlist li {
        padding-bottom: 10px;
    }

    #admissiontxt {
        font-size: 16px;
    }

    #admissionbtn {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #admissiondetails {
        grid-gap: 5px;
    }

    .admissioncontainer {
        padding: 6px 7px;
        height: 165px;
        width: 250px;

    }

    #h1-container {
        font-size: 25px;
    }

    .containerlist {
        font-size: 12px;
        margin-left: 11px;
    }

    .containerlist li {
        padding-bottom: 10px;
    }

    #admissiontxt {
        font-size: 20px;
    }

    #admissionbtn {
        font-size: 20px;
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    #admissiondetails {
        grid-gap: 10px;
    }

    .admissioncontainer {
        padding: 6px 7px;
        height: 230px;
        width: 310px;

    }

    #h1-container {
        font-size: 30px;
    }

    .containerlist {
        font-size: 15px;
        margin-left: 25px;
    }

    .containerlist li {
        padding-bottom: 14px;
    }

    #admissiontxt {
        font-size: 30px;
    }

    #admissionbtn {
        font-size: 30px;
    }
}