/* For mobile devices */

@media (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0px !important;
  }

  .dataTables_wrapper .dataTables_length {
    float: left !important;
    text-align: center;
  }

  .dataTables_wrapper .dataTables_filter {
    float: right !important;
  }
}

@media(max-width: 768px) {
  .logo-text-section{
    position: relative;
  }
  .logo-text-section .nav-bar {
    width: 100%;
    position: absolute;
    z-index: 999;
}
.grand_parent_of_menu{
  background-color: #f5f5f7;
}
#cssmenu .grand_parent_of_menu{
  margin-top: 8px;
}
  .copy-text-section p {
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 0;
    text-align: center;
}
.site-hosted-text p {
    font-size: 12px;
}
.logos{
    padding-bottom: 0px;
}
.footer-date-section p {
    font-size: 12px;       
    text-align: center;
}
.footer-visitors-text-section{
    justify-content: center;
}
.visitors-text p {
    font-size: 12px;       
}
.visitors-count-section p {
    padding: 2px 12px;
    font-size: 12px;
}
.footer-text-section {
    flex-direction: column;
    align-items: center;
}
.feedback-footer-text::after{
    height: 0;
}
.swachlogo-image{
    display: none;
}
/* .jerclogo-section{
    display: flex;
    justify-content: center;
} */
.header-col{
    flex-direction: column;
}
.smallLargeFont{
    display: none;
}
.topbar_whitebox,.topbar_blackbox{
    display: none;
}
.topscreenreader {
    display:none;       
}
.lang_dropdown{
    margin: 0px 5px;
    font-size: 12px;
}
#searchQueryInput {
    width: 160px;
    height: 26px;
    font-size: 14px;
    padding-left: 7px;
}
.header-padding-bottom{
    padding-bottom: 10px;
}
.topbar_leftsec li a {
    font-size: 12px;        
}
.feedback-footer-text{
    margin:0;
}
.footer-logo-with-icon-section{
    justify-content: center;
}
.govt-logo{
    justify-content: center;
    padding-bottom: 10px;
}
.copyright-text {
    flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
  /* .smallLargeFont{
    display: none;
}
.topbar_whitebox,.topbar_blackbox,.topbar_leftsec{
    display: none;
}
.topscreenreader {
    display:none;       
}
.swachlogo-image{
  display: none;
} */
  /* .box_section{
    margin: 0px;
  } */
  table tr td a i {
    margin: 0px !important;
  }

  .topbar_rightsec li {
    padding: 0px 0px;
  }

  .click-box {
    padding: 15px;
    gap: 15px;
    margin: 15px 0px;
  }

  .click-child-box {
    background-color: #f7f7f9;
    padding: 8px;
  }

  .click-icons {
    height: 40px;
    width: 38px;
    margin-right: 14px;
  }
  br {
    display: none;
  }
  .jerc-map-image svg {
    height: 462px;
    padding: 14px 0px;
  }
  .about-text-section,
  .media-gallery-section,
  .important-links-section,
  .press-release-main,
  .about-heading-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-bottom: 15px; */
  }

  hr {
    width: 70px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .about-heading-text h3 {
    font-size: 19px;
  }

  .about-text-content p {
    font-size: 15px;
    text-align: justify;
    line-height: 1.3;
  }

  .readmore-btn {
    font-size: 14px;
    padding: 4px 15px;
    margin-top: 1px;
  }

  .photogallery {
    padding: 12px;
  }

  .photogallery .click-icons {
    margin-right: 9px;
  }

  .about-image img {
    width: 500px;
  }

  .notice-board-content a {
    font-size: 12px;
  }

  .date-notice-board p {
    font-size: 11px;
    padding-top: 2px;
  }

  .month-notice-board p {
    font-size: 11px;
    padding-top: 2px;
  }

  .calender-noice-board {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 2px;
    margin-right: 6px;
  }

  /* footer */
  .grand_footer_links {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .grand_footer_links .parent_footer_links a {
    font-size: 13px;

    border-right: none;
    display: contents;
    align-items: center;
    font-weight: bold;
  }

  .govt-logo {
    padding-bottom: 0px;
    align-items: center;
    justify-content: space-between;
  }
  .footer-date-section p {
    font-size: 12px;
    text-align: center;
  }

  .copy-text-section p,
  .footer-text p {
    font-size: 12px;
  }

  .about-chairperson p {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: center;
    padding-top: 6px;
  }

  .all_chairperson_section {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
  }

  .member_image img,
  .chairperson_and_member_profile img {
    width: 120px;
    height: 120px;
  }

  .chairperson_and_member_profile h4 {
    font-size: 14px;
  }

  .chairperson_and_member_profile p {
    font-size: 11px;
    padding-top: 4px;
  }

  .member_image {
    width: 120px;
  }

  .image_text_section .members_date {
    font-size: 9px;
  }

  .image_text_section p {
    font-size: 12px;
  }

  .members_heading h3 {
    font-size: 18px;
  }

  .members_heading .chairperson_border_bottom_width {
    width: 94px;
  }

  .members_heading .members_border_width_less {
    width: 88px;
  }

  .page-ttl {
    font-size: 27px;
    padding:0px;
  }
  .members_section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
    padding-top: 12px;
    text-align: center;
  }

  .chairperson_profile {
    padding: 20px 0px;
  }

  .profile_of_center_md {
    grid-column: 1/5;
  }

  .box-ttl p {
    font-size: 15px;
  }

  .box-heading {
    font-size: 14px;
  }

  .fctn-txt {
    font-size: 13px;
    margin-bottom: 4px;
  }

  .box-heading {
    font-size: 13px;
    margin: 0px 0 7px;
  }

  .table thead .table_heading_blue {
    font-size: 20px;
  }

  .table thead th,
  .table tbody td {
    font-size: 10px;
  }

  .pagination .page-link {
    font-size: 10px;
  }

  .box_section {
    margin: 40px 20px;
    padding: 25px 0px;
  }

  .box_section h4 {
    margin-top: 0px;
    font-weight: 800;
    padding-top: 20px;
    padding-bottom: 13px;
  }

  .hearing_bg_color {
    padding: 15px 28px;
  }

  .hearing_bg_color .form-group {
    margin-top: 10px;
  }

  .rti_content .rti_text .rti_question_text {
    font-size: 14px;
  }

  .rti_content .rti_text .rti_answer_text {
    font-size: 13px;
    padding-left: 35px;
  }

  .about-heading-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* header  */
  .topbar_rightsec .listhide {
    display: none;
  }

  /* MAp section */
  .click-box {
    padding: 10px;
    gap: 10px;
    margin: 20px 0px;
  }

  .click-box .click-child-box .click-text p {
    font-size: 13px;
  }

  /* Important section  */

  .about-heading-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 0px;
  }

  .important_links_section .click-link button {
    width: 124px;
    padding: 6px 0px;
  }

  .about-heading-text h3 {
    padding-top: 14px;
    font-size: 19px;
  }
  /* Footer responsive */
  .utilities_section .utility {
    margin-right: 10px;
  }

  .footer-visitors-text-section {
    justify-content: center;
    padding-top: 10px;
  }

  .important_links_section .click-box a .click-text p {
    font-size: 12px;
  }

  .important_links_section .click-box {
    margin: 0px;
    padding-bottom: 20px;
  }

  .utilities_section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px 0px;
  }

  .utilities_section .utility:last-child {
    grid-column: 2 / 2;
  }

  .help_section a {
    font-size: 12px;
  }

  .help_section a i {
    padding: 0px 3px;
    font-size: 15px;
  }

  .help_section p {
    font-size: 12px;
    padding: 5px 0px;
  }

  .help_page_styling h5 {
    font-weight: 600;
    font-size: 16px;
  }

  .accessibility_help_section p {
    font-size: 12px;
    line-height: 20px;
  }

  .accessibility_options_list li {
    font-size: 12px;
  }

  .grand_footer_links .parent_footer_links {
    border-right: none;
    padding: 0px;
  }

  .flex_small_screen_utility {
    display: flex;
    justify-content: center;
  }

  .internal_bgbanner {
    height: 100px;
  }
  .about_us p, .copyright_policy_section p, .hyperlinkiing_policy p, .privacy_policy p, .terms_conditions p, .accessibility_text p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 400px) {
  .jerclogo-section .widget_media_image a img{
    width: 200px;
  }
  .dataTables_wrapper .dataTables_filter {
    width: 100%;
}
.dataTables_wrapper .dataTables_paginate {
  margin-bottom: 1.5em;
}
.click-box {
  padding: 10px;
  gap: 6px;
  margin: 15px 0px;
}
.click-child-box {
  padding: 5px;
}
.click-icons {
  height: 30px;
  width: 25px;
  margin-right: 7px;
}
.click-icons svg {
  width: 26px;
  height: 18px;
}
.click-box .click-child-box .click-text p {
  font-size: 12px;
  padding-left: 0px;
}
.about-heading-text h3 {
  padding-top: 0px;
  font-size: 19px;
}
.important_links_section .click-box {
  padding-bottom: 0px;
}
.other_links-section{
  padding-top: 15px;
}
.utilities_section .utility {
  margin-right: 5px;
}
.header-col .top_header_list .images #media_image-10,.header-col .top_header_list .images #media_image-9{
  display: none;
}
.utilities_section .utility {
  width: 85px;
}
.breadcrumb-item {
  font-size: 11px;
}
.breadcrumb-item a{
  font-size: 11px;
}

}
/* For small mobile devices */
@media (max-width: 468px) {
  /* .breadcrumb-item {
    font-size: 10px;
} */
.breadcrumb-item {
  font-size: 12px;
}
  .jerc-map-image svg {
    height: 245px;
    padding: 8px;
  }
  .topbar_leftsec {
    display: none;
  }
  .internal_bgbanner {
    height: 90px;
  }
  .jerclogo-section{
    padding-left: 0px;
  }
}

/* For medium devices  */
@media (min-width: 768px) and (max-width: 991px) {
  .internal_bgbanner {
    height: 87px;
  }

  .bg_white_opacity {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .click-box {
    padding: 10px;
    gap: 10px;
  }

  .click-box .click-child-box .click-text p {
    font-size: 12px;
  }

  /* .jerclogo-section {
    display: flex;
    justify-content: center;
  } */

  .click-box .click-child-box {
    padding: 7px 7px;
  }

  .click-box .click-child-box .click-icons {
    height: 33px;
    width: 33px;
  }
  .important_links_section .click-link button {
    padding: 13px 0px;
    font-size: 14px;
    background-color: #706961;
    color: white;
    font-weight: 500;
  }
  .grand_footer_links {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 5px 60px;
  }

  .grand_footer_links .parent_footer_links {
    padding: 0px;
  }

  .topbar_rightsec .listhide {
    display: none;
  }

  .utilities_section {
    gap: 8px;
  }

  .members_heading .chairperson_border_bottom_width {
    width: 108px;
  }
  .chairperson_profile{
    padding: 20px 0px;
  }

  .chairperson_and_member_profile h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-top: 13px;
  }

  .image_text_section p {
    font-size: 14px;
  }

  .image_text_section .members_date {
    font-size: 10px;
  }

  .members_section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0px;
    padding-top: 25px;
    text-align: center;
  }

  .profile_of_center_md {
    grid-column: 1/5;
  }

  .box_section {
    padding: 30px 0px;
    border-radius: 14px;
    margin: 0px 0px;
    margin-top: 40px;
  }

  .filing_box {
    margin: 50px 0px;
  }

  .hearing_bg_color {
    padding: 15px 28px;
  }

  .hearing_bg_color .form-group {
    margin-top: 10px;
  }

  .whats_new_order_property {
    order: 3;
  }

  .about-heading-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .important-links-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .jerc-map-image {
    order: 3;
  }
  .jerc-map-image svg {
    height: 307px;
    padding: 18px;
}
  table tr td a i {
    margin: 0px !important;
  }

  .all_chairperson_section {
    column-gap: 0px;
  }
}

/* For laptop devices */
@media (min-width: 991px) and (max-width: 1024px) {
  .grand_footer_links .parent_footer_links {
    padding: 0px 10px;
}
  .grand_footer_links .parent_footer_links a {

    height: 10px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 10px;
  }

  .utilities_section .utility {
    margin-right: 6px;
  }

  .visitors-text p,
  .visitors-count-section p {
    font-size: 12px;
  }

  .visitors-count-section p {
    padding: 2px 11px;
  }

  .copy-text-section p,
  .footer-text p {
    font-size: 12px;
  }

  .important_links_section .click-link button {
    width: 91px;
    padding: 6px 0px;
    font-size: 13px;
  }

  .important_links_section .click-link {
    margin: 0px 15px 12px 0px;
  }

  .about-heading-text h3 {
    font-size: 18px;
  }

  .important_links_section .click-box a .click-text p {
    font-size: 12px;
  }
  .click-child-box br {
    display: none;
  }

  .click-text p {
    font-size: 12px;
  }

  .click-child-box {
    padding: 5px;
  }
  .click-box {
    gap: 9px;
  }
  .jerc-map-image svg {
    height: 237px;
    padding: 10px 1px;
  }
  #cssmenu>ul>li>a {
    padding: 10px 3px;
    font-size: 9px;
  }

  .grand_footer_links .parent_footer_links:first-child a {
    padding-left: 24px;
  }

  .grand_footer_links .parent_footer_links a {
    font-size: 13px;
  }

  .grand_footer_links .parent_footer_links {

    padding: 0px 8px;
  }

  .grand_footer_links .parent_footer_links a:last-child {

    padding: 0px 0px;
  }

  .internal_bgbanner {
    height: 140px;
  }
  .all_chairperson_section{
    column-gap: 0px;
  }
  .members_section{
    column-gap: 0px;
  }
  .chairperson_profile{
    padding: 25px 0px;
  }
 
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .jerc-map-image svg {
    height: 270px;
    padding: 10px;
  }
}

/* For big screen */
@media (min-width: 1024px) and (max-width: 1380px) {
  .internal_bgbanner {
    height:160px;
  }

  .important_links_section .click-link button {
    width: 120px;
  }

  .topbar_leftsec li a {
    color: white;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 500;
  }
  .topscreenreader_txt {
    font-size: 12px;
  }
  .topscreenreader {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: white;
  }
  .grand_footer_links .parent_footer_links {
    padding: 0px 15px;
}
  .grand_footer_links .parent_footer_links a {
    font-size: 14px;
  }
  .click-text p {
    font-size: 13px;
    padding-left: 8px;
  }

  #searchQueryInput {
    width: 150px;
    height: 25px;
  }

.member_image img, .chairperson_and_member_profile img {
  width: 159px;
  height: 150px;  
}
}
@media (min-width: 1024px) and (max-width: 1250px){
  .important_links_section .click-link button {
    width: 90px;
    padding: 8px 0px;
}
}
@media (min-width: 1372px){
  .container-box{
    max-width: 1200px;
  }

}

