/* @media only screen and (max-width: 1230px) {
    .dashboard-body {height: calc(100vh - 180px);}
} */

@media only screen and (max-width: 600px) {
    .invincible-ocean-container {display: block;}
    .dashboard-body {height: auto;overflow-y: auto;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;}
    .product-responses > div {display: block;padding: 0;border: 0;}
    .product-responses > div > p, .product-responses > div > div > p {padding: 10px 15px;display: grid;grid-template-columns: 100px auto;border-bottom: 1px solid #E4E4E4;font-size: 14px;margin: 0;}
    .product-responses > div > p:first-child {grid-template-columns: auto auto;justify-content: start;background: #DDD;font-weight: 500;}
    .product-responses > div > p:last-child {border-bottom: 0;}
    /* .product-responses > 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;} */
    .loader-container {display: block;}
    .loader-left {height: 50px;}
    .large {padding: 1.5rem 5rem;margin-right: 0;}
    .small {display: none;}
    .loader-right {display: block;}
    .loader-body {height: calc(100vh - 130px);margin: 10px 10px 0 10px;}
    .loader-header {justify-content: space-between;padding: 10px 10px 0 10px;}
}

@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;}
}