@media (max-width: 1200px) {
    .dashMinicipalityRft-Sub div ul li {flex-wrap: wrap;}
    .dashMinicipalityRft-Sub div ul li .ViewTender {margin-top: 7px;width: 100%;text-align: center;padding: 3px 10px;}
    .customerDashTable td:nth-child(2),
    .customerDashTable td:nth-child(1),
    .customerDashTable td:nth-child(3),
    .customerDashTable td:nth-child(4) {width: auto !important;padding: 10px 15px;}
}

@media (max-width: 1024px) {
    .col-md-1 {width: 100%;}
    .col-md-11.position-relative.p-30.h-100.over-x {width: 100%;box-sizing: border-box !important;}
    .menu-icon {display: block;}
    ul.side-menu.position-relative {display: none;}
    .main-logo {display: inline-block;margin: auto;margin-bottom: 0px;padding: 10px 30px;text-align: left;}
    .content-wrapper,
    .dashboard-main,
    .rgt-menu {height: auto !important;}
    .rgt-menu {padding: 5px;text-align: left !important;width: 100%;}
    .menu-header ul li,
    .menu-header ul li a {font-size: 18px;}
    ul.mob-ul li.active a,
    ul.mob-ul li.active a:hover {color: #00b1b1 !important;}
    ul.main-info-menu {display: none;}
    .mobVisible {display: block;}
    .rgtSidebar {margin-top: 50px;}
    .accordion-block {height: 100% !important;}
    .HeadTitle {padding-bottom: 20px;}
    .contentMain.over-x.mt-100 {margin-top: 20px;}
    .profileImg {width: 100px;height: 100px;margin-bottom: 10px;}
    .mt-50 {margin-top: 25px;}
    .LogImg {display: none !important;}
    .col-xl-9.col-lg-8.col-md-12.h-100.overflow-auto.over-x, .col-xl-3.col-lg-4.col-md-12.overflow-hidden.h-100.position-sticky.rgtSidebar { width: 100% !important;}
    .h-35 { height: 100%;}
    .dashMinicipalityRft-Sub > div { height: 100% !important;}
    .ThemeForm {height: 100%;overflow-y: inherit;padding-bottom: 10px;}
}

@media (max-width: 900px) {
    body>.container-fluid.h-100 {padding: 0px;width: 100%;}
}

@media (max-width: 767px) {
    .dashMinicipalityRft {margin-top: 30px;}
    .customerTable td {font-size: 14px;line-height: 20px;padding: 12px 11px !important;}
    .provinceList tr td:nth-child(2) {width: auto;}
    .provinceList tr td:nth-child(1) {width: 80px !important;}
    .provinceList tr td:nth-child(1),
    .provinceList tr td:nth-child(3),
    .provinceList tr td:nth-child(4) {width: auto;}
    .provinceList tr td:nth-child(3), .provinceList tr td:nth-child(4) { width: 10%;}
    .MunicipalityList tr td:nth-child(2) {width: 5% !important;}
    .MunicipalityList tr td:nth-child(3) {width: 10% !important;}
    .HeadTitle {padding-bottom: 20px;flex-wrap: wrap;}
    .TenderStatus,
    .TenderBlock .accordion-button:not(.collapsed) .TenderStatus,
    .TenderBlock .accordion-button .TenderStatus {border: 0px;padding-left: 0px;}
    .accordion-body .col-md-3 {width: 50% !important;margin: 5px 0;}
    .accordion-body .col-md-12 {margin: 10px 0;}
    .accordion-body .col-md-10.d-flex.align-items-center.pdf-block {width: 80%;}
    .accordion-body .col-md-2.text-end {width: 20%;}
    .TenderBlock .col-md-9 { width: 75%; display: inline-block;}
    .TenderBlock .col-md-2 { width: 20%;}
    i.ion-compose {font-size: 20px;}
    i.ion-trash-a { font-size: 17px;}
}

@media (max-width: 600px) {
    .row.d-flex.align-items-end.position-relative.LogMain {width: 90% !important;margin: auto;}
    .loginForm {padding: 40px 30px;}
    .HdTitle{font-size: 25px;}
    .subTitle h2{font-size: 20px;}
    .provinceList td{font-size: 15px;}
    .MunicipalityList tr td { padding: 10px 20px;}
    i.ion-trash-a { font-size: 18px;}
    .ThemeForm label { font-size: 14px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 14px;}
    .dashMinicipalityLft li{padding: 6px 15px;font-size: 14px;}
    .dashMinicipalityRft-Sub>h3{font-size: 16px;}
    .dashMinicipalityRft-Sub div ul li{font-size: 14px;}
    .dash-accordian .accordion-button h3{font-size: 15px;}
    .mb-30 {margin-bottom: 20px;}
    .provinceList th{font-size: 13px;}
    .TenderBlock .accordion-body { padding: 15px 15px;}
    .addBtn { font-size: 15px;}
    .loginForm p { font-size: 14px;}
}