﻿@media only screen and (max-width: 500px) {
    .participant-enrollment {
        width: 90%;
    }
    .entry-form {
        width: 90%;
    }
}

    @media only screen and (min-width: 501px) and (max-width: 768px) {

        .participant-enrollment {
            width: 70%;
        }

        .entry-form {
            width: 60%;
        }
    }

    @media only screen and (min-width: 769px) and (max-width: 1050px) {
        .entry-form {
            width: 50%;
        }
    }

    @media only screen and (min-width: 1051px) and (max-width: 1300px) {
        .entry-form {
            width: 35%;
        }
    }

    @media only screen and (min-width: 1301px) {
        .entry-form {
            width: 26%;
        }
    }

@media only screen and (max-width: 1450px) {
    .licensed-module-tag {
        max-height: 25vh;
        overflow: auto;
    }
}