@media (max-width: 1205px) {
    .col-100 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

}

@media (max-width: 1550px) {
    .col-100 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .member .photo {
        height: 50% !important;
        width: 50% !important;
    }

    .committeemem {
        margin-bottom: 15px;
    }

    #myModal .modal-content {
        width: 40%;
    }

}


@media (max-width:992px) {
.member_details {
    margin: 0 !important;
}
    .flt-right1 {
        float: right;
    }
    
    ol{
    padding: 1rem;
	}

    #trainee_mail_verify {
        margin: auto !important;
    }

    .btns-group .btn {
        margin: 0;
    }

    .green_btn {
        margin: 0 20px !important;
    }

    .modal-body .green_btn {
        margin: 0 !important;
        float: right;
    }

    .w-45 {
        width: 100%;
    }

    .member .photo {
        height: 50% !important;
        width: 50% !important;
    }

    .committeemem {
        margin-bottom: 15px;
    }

    #myModal .modal-content {
        width: 40%;
    }

    .log-img {
        width: 70%;
        margin: auto;
        display: flex;
    }

    .new-case .yellow_btn {
        margin: auto !important;
    }

    .new-case .green_btn {
        margin: auto !important;
    }

    .add_complainant,
    .add_respondent {
        width: 50%;
    }

    .form-group1 {
        padding: 0;
    }

    .respo .green_btn {
        margin: 0 !important;
    }

    [type="radio"]:checked+label,
    [type="radio"]:not(:checked)+label {
        height: 100%;
        align-items: center;
        display: flex;
    }

    .annex .green_btn {
        margin: 0 !important;
    }

    .head-btn .btn {
        margin: 0 0.5rem !important;
    }

    .nda_1 .btn.green_btn {
        margin: 0 !important;
        margin-bottom: 0.5rem !important;
    }



}

/* 
@media only screen and (min-width: px) and (max-width: 1200px) {
    .form-group {
        padding: 0;
    }
} */

@media (min-width:768px) {

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
}

@media (max-width:480px) {
    .section {
        padding: 15px;
        margin: 45px 6px 5px;
        border-radius: 20px;
        height: 200px;
        color: #344c68;
        text-align: center;
        box-shadow: 0px 5px 15px #d3d3d3;
        width: 100%;
    }

    .top_box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .section h3 {
        font-weight: 800;
        font-size: 18px;
    }

    .counting {
        font-size: 45px;
    }

    .btns-group .btn {
        margin: 0;
    }

    .w-75 {
        width: 90% !important;
    }

    .col-xl-4 .section {
        width: 43%;
    }

    .btn {
        width: fit-content !important;
        margin: 0;
    }

    .w-45 {
        width: 100%;
    }

    .fc-toolbar h2 {
        font-size: 1.75em;
        margin: 10px;
    }

    .btn_60 {
        height: 50px;
        width: 50px;
        margin: auto !important;
    }

    .next_btn {
        width: 100% !important;
        margin: auto !important;
    }

    .main-title h1.title {
        text-align: center !important;
    }

    .main-title h3.title {
        text-align: center !important;
    }

    .main-title .btn-case {
        justify-content: center !important;
        display: flex;
    }

    .committeemem {
        margin-bottom: 15px;
    }

    .member .photo {
        height: 50% !important;
        width: 50% !important;
    }

    .annexure1-review-btn {
        width: 100% !important;
    }

    .annexure2-tracker {
        padding: 16px;
        justify-content: center;
    }

    .green_btn {
        margin: 0 2px !important;
    }

    .yellow_btn {
        margin: 0 2px !important;
    }

    .btns-group {
        justify-content: center;
    }

    #myModal .modal-content {
        width: 100%;
    }

    .next-mob {
        justify-content: center;
        display: flex;
        margin-top: 1rem;
    }

    .progress_steps {
        margin-top: 30px;
    }

    .other-details-label {
        top: -30px !important;
    }

    .other-details-input {
        margin-top: 20px;
    }

    .other-details-text-label {
        margin-top: -39px;
    }

    .other-details-textarea {
        margin-top: 35px;
    }

    .ui-datepicker-trigger {
        width: 26px;
        margin-left: -39px;
        height: 26px;
        margin-top: 9px;
    }

    #meeting_alert .close_popup {
        right: 0;
        float: right;
    }

    #meeting_alert .green_btn {
        margin: 0 auto !important;
        float: none;
    }

    .modal-body .green_btn {
        margin: 0 auto !important;
        float: none;
    }

    .table-annexure {
        overflow-x: scroll;
    }

    .tablew {
        width: 1100px;
    }

    .new-case .yellow_btn {
        margin: auto !important;
    }

    .new-case .green_btn {
        margin: auto !important;
    }

    .graph1 {
        padding: 1rem 0.5rem;
    }

    .modal .ui-datepicker-trigger {
        right: 5% !important;
        top: 30%;
    }

    .media-list .media {
        padding: 0.5rem;
        margin-top: 0;
    }

    .fc-event span {
        font-size: 10px;
        color: #FFF;
        white-space: unset;
    }

    .fc-day-grid-event {
        margin: 0 2px 2px 2px;
    }

    .btn {
        padding: 0.75rem 0.7rem;
    }

    .head-btn .green_btn {
        margin: auto !important;
    }

}

@media (max-width:480px) {
    .sub_step {
        top: 50%;
        left: 14px;
    }

    .sub_step span {
        height: 9px;
        width: 9px;
    }

    .sub_step li:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        top: 50%;
    }

    .step .circle {
        height: 25px;
        width: 25px;
        font-size: 16px;
        top: -6px;
        left: -4px;
    }

    .progress_steps {
        width: 100%;
    }

    .ui-datepicker-trigger {
        top: 36%;
    }

    .address {
        width: 300px;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
        white-space: initial;
        /* padding: 0px; */
    }

    th.fc-widget-header {
        padding: 0px;
    }
}