@media only screen and (max-width: 600px) {
    .invincible-ocean-container {display: block;}
    .dashboard-body {height: auto !important;overflow-y: hidden ;padding: 10px;min-height: calc(100vh - 231px) ;}
    .page-name-box input {text-align: left;margin-bottom: 5px;margin-top: 15px;float: none;}
    .page-name-box h4 {margin-bottom: 10px;font-size: 22px !important;margin-bottom: 5px;}
    .mobile-padding {padding-left: 0;}
    .generated-keys {border: 1px solid #000;}
    .only-desktop {display: none!important;}
    .admin-container {grid-template-columns: 1fr;}
    .admin-dashboard {height: auto;}
    .admin-dashboard-body {height: auto;min-height: calc(100vh - 137px);overflow-y: auto;padding: 15px;}
    .admin-dashboard-heading {font-size: 25px;padding: 15px;}
    .response-page > div {display: block;padding: 0;border: 0;}
    .response-page > div:first-child {display: none;}
    .response-page > div > p {font-weight: 400;padding: 10px 15px;display: grid;grid-template-columns: 120px auto;border-bottom: 1px solid #E4E4E4;font-size: 14px;}
    .response-page > div > p:first-child {grid-template-columns: auto auto;justify-content: start;background: #DDD;font-weight: 500;}
    .response-page > div > p > span {display: block;font-weight: 500;}
    .response-page > div > p.view-details {padding: 10px;border-bottom: 0;display: block;font-weight: 500;color: #FFF;background: #FF7D90;text-decoration: none;text-align: center;margin: 10px;border-radius: 5px;}
}

@media only screen and (max-width: 1250px) {
    /* .dashboard-body {height: calc(100vh - 190px);} */
}
@media only screen and (max-width: 1100px) {
    .dashboard-body {height: calc(100vh - 215px);}
}
@media only screen and (max-width: 830px) {
    .dashboard-body {height: calc(100vh - 215px);}
}

@media only screen and (min-width: 601px) {
    .only-mobile {display: none!important;}
}