/* Medium devices (landscape tablets, 768px to 1199px) */
@media (min-width: 770px) and (max-width: 1199px) {

    .hidden-md {
        display: none !important;
    }

    .btn-upgrade-plan {
        font-weight: bold;
        border-radius: 7px;
    }

    .gain-forms-access {
        font-size: 16px;
        padding-left: 90px !important;
        padding-right: 90px !important;
        gap: 15px !important; 
    }

    #upgrade-my-plan {
        position: fixed;
        z-index: 999999;
        background-color: #00c5a3;
        width: 100%;
        bottom: 0;
        color: white;
        display: none;
        padding: 5.5vh 0; 
    }

    .main-content-activity {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
    }

    .margin-left {
        margin-left: -10px;
    }

    .datetimepicker-mobile {
        padding: 0 !important;
    }

    .mobile-padding {
        padding: 4px !important;
    }

    .display-days {
        display: inline-flex;
    }

    .search-inner-ring {
        padding: 112px 187px 162px 143px;
        border-radius: 6px;
        background-color: #f9fcfb;
    }

    .onboarding-inner-ring {
        padding: 50px 187px 50px 143px;
        border-radius: 6px;
        background-color: #f9fcfb;
    }

    .desktop-text-center {
        text-align: center;
    }

    .manger-comment {
        width: 100px;
        height: 125px;
        margin: 30px 7px 0 50px;
        border-radius: 6px;
        border: solid 1px #00c5a3;
    }

    .dialogbox {
        margin: 10px 7px 0 0;
    }

    .process-back {
        margin-left: 100px;
    }

    .search-bg {
        background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url(https://afterschoolhq-prod.s3.us-east-2.amazonaws.com/McCoyYouth/headerimage/120221640_10157669465950893_7044339041890392902_n.png) !important;
    }

    .account-getting-started-padding {
        padding: 50px 145px 50px 145px !important;
    }

    .publish-activity-top {
        position: relative;
        width: 100%;
        min-height: 60px;
        padding: 20px 40px;
        color: white;
    }

    .activity-footer {
        position: fixed;
        z-index: 999999;
        background-color: #00c5a3;
        width: 100%;
        min-height: 60px;
        bottom: 0;
        padding: 20px 40px;
        color: white;
    }

    .btn-activity-footer {
        font-weight: bold;
        border-radius: 7px;
        margin-left: 20px;
    }


    .Contactmodaldialog {
        width: auto !important;
        margin: 30px 15px;
    }

    .login-form-forgot-password-container {
        text-align: center;
        clear: both;
    }

    .clever-login-img {
        margin-top: 20px;
    }

    .participation-object {
        padding: 0 20px;
        height: auto;
        margin-bottom: 20px;
    }

    .participation-object > .panel {
        margin: 0 !important;
    }
}