@media screen and (min-width:320px) and (max-width:768px) {

    .home1,
    .mob-hide {
        display: none
    }

    .form_title {
        font-size: 19px;
        line-height: 40px
    }

    #payment-upload .existing-users,
    .farmer-img,
    .searchbtn {
        margin-top: 10px !important
    }

    .farmer-img img {
        width: 340px
    }

    .form {
        padding: 40px 25px
    }

    .main-home {
        flex-direction: column-reverse
    }

    .logo {
        width: 150px
    }

    #claim-payment-report .mt-4,
    #download-UFD-file .mt-4,
    #mobility-report .mt-4,
    .application-status-reports .mt-4,
    .bank-branch-reports .mt-4,
    .farmers-enrollment-reports .mt-4,
    .form-date,
    .mt-3,
    .policy-pvr-reports .mt-4 {
        margin-top: 0 !important
    }

    .logout {
        float: right;
        margin-top: -10px;
        padding: 8px 15px
    }

    .create-new-user-btn {
        float: left;
        margin-top: 15px
    }

    .external_user_creation,
    .internal_user_creation,
    .nav-item-li .nav-link.active {
        padding: 0
    }

    .existing-users {
        padding-right: 0
    }

    .submitlink_btn {
        width: 30%
    }

    .external_user_btn,
    .fw-mob,
    .internal_user_btn {
        width: 100%
    }

    .form-check-inline {
        margin-right: 10px
    }

    .form-card {
        padding: 35px 30px
    }

    #BPD-table th,
    #RMP-table th,
    #existing-user-table th,
    #existing-user-table1 th,
    #payment-upload-dashboard-table tr th,
    #pending-master-policies-table th,
    #pending-master-policy-table th,
    #remark-table th,
    .mob-th-w {
        min-width: 150px
    }

    #serachmasterstate .search-btn,
    .download_btn,
    .existing-users {
        margin-top: 10px
    }

    .edit-btn,
    .mob-mb,
    .remark-btn {
        margin-bottom: 10px
    }

    #AddMasterSearch .mb-3,
    #SearchMaster .mb-4,
    .master-type,
    .search .col-lg-3 {
        margin-bottom: 10px !important
    }

    .download_btn,
    .search-btn,
    .searchbtn {
        width: 100% !important
    }

    .nextbtn,
    .submitbtn {
        width: 97% !important;
        margin: 15px 5px 0
    }

    .download_template_btn,
    .upload_bulk_users_btn {
        width: 40%;
        background: #17479e !important;
        font-size: 13px;
        line-height: 23px;
        letter-spacing: 0;
        color: #fff !important;
        border-radius: 8px;
        font-family: inter-medium;
        float: unset !important
    }

    #payment-upload #serachmasterstate .search-btn,
    .search-btn {
        margin-top: 20px
    }

    #user-creation-1 h5,
    #user-creation-2 h5 {
        margin-top: 25px;
        margin-bottom: -10px
    }

    .nav-item-li {
        padding-right: 10px !important
    }

    .modal-body {
        padding: 0 30px
    }

    .mobile-view-content {
        display: flex !important;
        flex-direction: column
    }

    .number-count.active {
        position: absolute
    }

    .heading-content {
        text-align: left;
        margin: 0 32px 10px
    }

    .upload_bulk_users_btn {
        margin-left: 26px;
        margin-bottom: 5px
    }

    .download_template_btn {
        margin-bottom: 5px;
        margin-left: 15px
    }

    .dropdown-box {
        display: flex;
        top: 50px;
        background: #fff;
        width: 125px;
        height: 80px;
        border-radius: 6px;
        right: 5px;
        box-shadow: 0 3px 6px #00000029;
        padding: 20px;
        z-index: 999;
        margin-top: 4px;
        position: absolute
    }

    .arrow-view {
        transform: rotate(-180deg) translate(0, -1px);
        position: absolute;
        height: 15px;
        background-image: url(../assests/images/agri-images.webp);
        background-position: 919px 848px;
        width: 24px;
        right: 3px;
        top: 17px
    }

    .arrow-view-after {
        transform: rotate(0) translate(0, -1px);
        content: "";
        position: absolute;
        height: 15px;
        background-image: url(../assests/images/agri-images.webp);
        background-position: 919px 848px;
        width: 19px;
        right: 10px;
        top: 10px
    }

    .reports-home,
    .reports-home1 {
        padding-bottom: 0
    }

    .breadcrumb li a {
        font-size: 13.3px
    }

    .modal-dialog-centered {
        display: block;
        margin-top: 50%
    }

    
    .navbar-brand {
        margin-right: 0
    }

    .logout-modal {
        width: unset
    }

    .reports-home .container,
    .reports-home1 .container {
        max-width: 100%;
        padding: 0
    }

    .reports-home1 {
        padding-top: 0
    }

    .doupload {
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .file-upload,
    .reports-head {
        margin-top: 5px
    }

    #MPC-endorsement-policy .form-check-inline,
    #addmasterstate .form-check,
    #statistics-report .form-check,
    .application-status-reports .form-check {
        padding-left: 0
    }

    #enrollment-reports .col-lg-2,
    #paymentreconreport .col-lg-2,
    #policy-reports .col-lg-2,
    #userreports .col-lg-2 {
        width: 50%;
        margin-bottom: 15px
    }

    #policy-reports .col-lg-2 div,
    #userreports .col-lg-2 div {
        height: 72px
    }

    #enrollment-reports .col-lg-2 div,
    #paymentreconreport .col-lg-2 div {
        height: 87px
    }

    #master-management-report .search .mb-4,
    .payment-reconciliation-report .mb-3,
    .utr-reconciliation-report .mb-3 {
        margin-bottom: 0 !important
    }

    .reports-head {
        line-height: 12px
    }

    .upload-btn {
        margin-bottom: 5px
    }

    .master-policy-btn {
        width: 100%;
        float: left;
        margin-top: 10px
    }

    #MPC-endorsement-policy,
    #MPC-fresh-policy {
        margin-top: 30px !important
    }

    #download-UFD-file .col-lg-2 {
        padding-top: 10px !important
    }
}

@media screen and (min-width:380px) and (max-width:768px) {

    #enrollment-reports .col-lg-2 div,
    #paymentreconreport .col-lg-2 div {
        height: 75px
    }
}

@media screen and (max-width:360px) {
    .home .container {
        max-width: 100%
    }

    .home-dashboard {
        height: 140px;
        width: 140px;
        margin: 0 auto 30px
    }

    .home-dashboard h4 {
        color: #17479e;
        font-size: 12px
    }
}

@media screen and (max-width:540px) {
    .home .container {
        max-width: 100%;
        padding: 0
    }

    .home-dashboard {
        height: 150px;
        width: 150px;
        margin: 0 auto 30px
    }

    .home-dashboard h4 {
        color: #17479e;
        font-size: 12px;
        line-height: 20px
    }

    input[type=radio]:checked:after {
        width: 9px;
        height: 9px;
        border-radius: 15px;
        top: 3px;
        left: 2px;
        position: absolute;
        background-color: #17479e;
        content: '';
        display: inline-block;
        visibility: visible
    }
}

@media screen and (min-width:768px) {
    .desk-hide {
        display: none
    }
}