input.form-control.enrollment-form-input {
    width: 100%;
}

.php-icon {
    position: absolute;
    bottom: -20px;
    left: 584px;
}

.signature {
    position: absolute;
    width: 200px;
    left: 74%;
}

.signatureLine {
    position: absolute;
    top: -10px;
}

.certificate {
    box-shadow: 0px 0px 45px 11px rgba(116, 106, 106, 0.75);
    -webkit-box-shadow: 0px 0px 45px 11px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0px 0px 45px 11px rgba(255, 255, 255, 0.75);
}

.microsoft-icon {
    position: absolute;
    top: 61px;
    right: 240px;
}

.certificatetext {
    width: 65%;
    font-size: 1.5vw;
    position: absolute;
    right: calc(7% + 10px);
    top: calc(37% - 64px);
}

.nameSpace {
    border-bottom: 1px solid black;
    width: 80%;
    position: absolute;
    top: -11px;
    right: 10px;
    line-height: normal;
}

.textSpace {
    border-bottom: 1px solid black;
}

.studentPic {
    position: absolute;
    width: 203px;
    right: 9%;
    height: 203px;
    top: calc(26% - 61px);
}

.mobileCertificate {
    display: none;
}
.registrationNumber{
    font-weight: 900; font-size: 1.5vw; font-family:'Courier New', Courier, monospace; transform: rotate(270deg);
    position: absolute;
    top: calc(17% - 64px);
    left: -45%;
}

@media screen and (max-width:1800px) {

    .nameSpace {
        border-bottom: 1px solid black;
        width: 80%;
        position: absolute;
        top: -01px;
        right: 6px;
    }

    .studentPic {
        position: absolute;
        width: 172px;
        right: 9%;
        height: 172px;
        top: calc(25% - 60px);
    }
}

@media screen and (max-width:1300px) {
    .certificatetext {
        width: 65%;
        font-size: 1.5vw;
        position: absolute;
        right: calc(7% + 10px);
        top: calc(36% - 64px);
    }

    .studentPic {
        position: absolute;
        width: 134px;
        right: 9%;
        height: 134px;
        top: calc(27% - 72px);
    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 80%;
        position: absolute;
        top: 1px;
        right: 6px;
    }
}

@media screen and (max-width: 1150px) {
    .certificatetext {
        width: 65%;
        font-size: 1.5vw;
        position: absolute;
        right: calc(7% + 10px);
        top: calc(33% - 64px);
    }

    .studentPic {
        position: absolute;
        width: 119px;
        right: 8%;
        height: 119px;
        top: calc(25% - 66px);
    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 80%;
        position: absolute;
        top: -2px;
        right: 3px;
    }
}

@media screen and (max-width: 992px) {
    .certificatetext {
        width: 65%;
        font-size: 1.5vw;
        position: absolute;
        right: calc(7% + 10px);
        top: calc(31% - 64px);
    }

    .studentPic {
        position: absolute;
        width: 103px;
        right: 9%;
        height: 103px;
        top: calc(23% - 54px);
    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 80%;
        position: absolute;
        top: -1px;
        right: 2px;
    }
}

@media screen and (max-width: 885px) {
    .certificatetext {
        width: 65%;
        font-size: 1.5vw;
        position: absolute;
        right: calc(7% + 10px);
        top: calc(31% - 64px);
    }

    .studentPic {
        position: absolute;
        width: 90px;
        right: 8%;
        height: 90px;
        top: calc(23% - 54px);
    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 80%;
        position: absolute;
        top: -2px;
        right: 1px;
    }
}

@media screen and (max-width: 720px) {
    .certificatetext {
        width: 65%;
        font-size: 1.5vw;
        position: absolute;
        right: calc(7% + 10px);
        top: calc(27% - 64px);
    }

    .studentPic {
        position: absolute;
        width: 73px;
        right: 9%;
        height: 79px;
        top: calc(21% - 62px);

    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 78%;
        position: absolute;
        top: 0px;
        right: 5px;
    }
}

@media screen and (max-width: 550px) {
    .certificatetext {
        width: 66%;
        font-size: 2.5vw;
        position: absolute;
        right: calc(6% + 10px);
        top: calc(23% - 64px);
    }

    .studentPic {
        position: absolute;
        padding: 0;
        width: 65px;
        right: 10%;
        height: 71px;
        top: calc(18% - 63px);
    }

    .mobileCertificate {
        display: block;
    }
    .registrationNumber{
        display: none;
    }

    .largeCertificate {
        display: none;
    }

    .nameSpace {
        border-bottom: 1px solid black;
        width: 77%;
        position: absolute;
        top: -1px;
        right: 6px;
    }
}

@media screen and (max-width: 450px) {
    .studentPic {
        position: absolute;
        padding: 0;
        width: 65px;
        right: 10%;
        height: 78px;
        top: calc(17% - 63px);
    }

    .certificatetext {
        width: 66%;
        font-size: 2.5vw;
        position: absolute;
        right: calc(6% + 10px);
        top: calc(22% - 64px);
    }
    .nameSpace {
        border-bottom: 1px solid black;
        width: 65%;
        position: absolute;
        top: -1px;
        right: 6px;
    }
}

@media screen and (max-width:385px) {
    .certificatetext {
        width: 66%;
        font-size: 2.5vw;
        position: absolute;
        right: calc(6% + 10px);
        top: calc(21% - 61px);
    }
    .studentPic {
        position: absolute;
        padding: 0;
        width: 65px;
        right: 10%;
        height: 78px;
        top: calc(16% - 63px);
    }
    .nameSpace {
        border-bottom: 1px solid black;
        width: 61%;
        position: absolute;
        top: -1px;
        right: 6px;
    }

}

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}