@media (max-width:767px) {
            .navbar-brand{
                font-size: 14px;
            }
            .admin-bar .main_header{
                margin-top: 0px;
            }
			.advgb-tabs-wrapper .advgb-tab-body-wrapper div.advgb-tab-body {
				padding-top:40px;
			}
            .board_wraper .expanding-grid{
                padding-top: 50px;
            }
            .evt_search .list_grid_view_evt{
                padding-top: 20px;padding-left: 0px;
            }
            .footer::before {
                content: '';
                position: absolute;
                background: url(../img/footer-mobile-wave.svg);
                width: 100%;
                height: 90px;
                top: -60px;
                background-size: cover;
                background-position: top 0 left -80px;
              }
            /* .main_banner::after{
                background-image: url(../img/mob-home-banner.svg);
                background-position: bottom;
background-size: cover;
height: 100%;
bottom: auto;
            } */
            .wp-block-media-text .wp-block-media-text__content{
                padding-top: 20px;
padding-left: 10px;
padding-right: 10px
            }
            .no-img .newsbody_inner a.link{
                position: static;
            }
            .text_mt_block .read_more{
                position: static;
            }
            .generic_form-news form{
                flex-wrap: wrap;
            }
            .generic_form-news .gform_footer{
                margin-left: auto !important;
                margin-right: auto !important;
                margin-top: 0px !important;
                padding-top: 0px !important;
            }
            .filterWrap {
                flex-wrap: wrap;
            }
            .no-img .newsbody_inner{
                padding-top: 50px;
            }
            .wp-block-media-text .wp-block-media-text__content{
                padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
            }
            .wp-block-group > *
            {
                padding-left: 15px;
                padding-right: 15px;
            }
            
  .main_content>* {
    padding-left: 15px;
    padding-right: 15px;
}
.main_content>.wp-block-group {
    padding-left: 0px;
    padding-right: 00px;
}
.wp-block-group>ul,
.wp-block-group>ol,
.main_content>ul,
.main_content>ol {
    padding-left: 30px;
}
.wp-block-group>*,
.wp-block-group>.document_era,
.wp-block-group>.wp-block-advgb-accordions,
.wp-block-group>.gform_legacy_markup_wrapper,
.wp-block-group>.wp-block-image {
    padding: 0px 15px;
}
.wp-block-group>ol,
.wp-block-group>ul {
    padding-left: 30px;
}
.simple_list_col {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.expanding-grid .links>li {
    width: 100% !important
}
.img_button_row .img_btn_col,
.img_text_card_row .img_text_card_col,
.button_ico_col,.contact_col {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.text_card_block {
    height: auto !important;
}

            .latstNews {
                padding-right: 0px;
              }
           .slider_area .owl-item.cloned , .img_text_card .owl-item.cloned {
                display: none !important;
              }
              .slider_area  .owl-stage ,   .img_text_card  .owl-stage{
                transform:none !important;
                transition: none !important;
                width: auto !important;
              }
              .slider_area  .owl-item ,    .img_text_card  .owl-item{
                width: 100% !important;
                margin-bottom: 15px;
              }
.nav-custom-card, .nav-custom {
    display: none;
}

              .mt-img-wrap{
               
              }
            h1 {
                font-size: 45px;
            }
            h5 {
                font-size: 14px;
            }
            .cr_bottom_row .right_col {
                padding-left: 15px;
                margin-top: 20px;
            }
            .career_wrap {
                padding-bottom: 40px;
            }
            .contact_dp_details {
                padding: 30px 30px;
            }
            .no-found-info .larger-text {
                font-size: 150px;
                line-height: 150px;
            }
            .no-found-info h1 {
                font-size: 35px;
            }
            .no-found-info h3 {
                font-size: 28px;
            }
            .steps {
                flex-wrap: wrap;
                justify-content: center;
                padding: 0;
            }
            .main_search_content,
            .title-sort {
                flex-wrap: wrap;
            }
            .re_category {
                margin-left: 30px;
            }
            .result_row .rsltBody {
                padding: 30px 30px 20px 30px;
            }
            .acc__panel {
                padding-left: 30px;
                padding-right: 30px;
            }
            .resull_filter {
                padding-bottom: 20px;
            }
            .main_search_content .form-control {
                min-width: 100%;
            }
            .main_search_content h4 {
                margin-right: 0px;
                margin-bottom: 15px;
            }
            .filter_block {
                margin-top: 10px;
            }
            .sort_boxResult {
                margin-left: 0;
            }
            .more-title {
                width: 100%;
                text-align: center;
            }
            .proj_row {
                padding-top: 0;
            }
            .evt_search {
                grid-template-columns: 1fr;
            }
            .map_area .searchFilterBlock {
                padding: 30px 20px;
            }
            .evt_search .search_box,
            .evt_search .evt-sort-box,
            .evt_search .list_grid_view_evt {
                margin-top: 10px;
            }
            .exp_left {
                width: 100%;
                border-right: 0;
            }
            .exp_right {
                width: 100%;
                padding-left: 0;
            }
            .main-nav-tabs {
                display: flex;
                flex-wrap: nowrap;
                max-width: 100%;
                white-space: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
            }
            .search-filter-wraper {
                grid-template-columns: 1fr;
            }
            .tab-inner-content {
                padding-top: 20px;
            }
            .main-nav-tabs li a {
                min-width: 130px;
            }
            .tab_title_wraper {
                margin-left: auto;
                margin-right: auto;
            }
            .horizontalCard .newsbody_inner {
                padding-top: 50px;
            }
            .upmeetings {
                padding-top: 40px;
            }
            .footer_shape {
                display: none;
            }
            .main-news-cards {
                background: #ECF3F9;
                padding-top: 40px;
                padding-bottom: 50px;
            }
            .foot_left {
                flex-wrap: wrap;
                justify-content: center;
            }
            .foot_add {
                padding-left: 0;
                width: 100%;
                text-align: center;
                margin-top: 20px;
            }
            .foot_col:last-child {
                margin-top: 10px;
                margin-bottom: 30px;
                justify-content: center;
            }
            .navBlock .navBlock_col {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 30px;
                width: 130px;
                height: 130px;
            }
            .NewsMettings .shape_top {
                display: none;
            }
            .NewsMettings {
                margin-bottom: 0px;
                padding-top: 50px;
                margin-top: 0px;
            }
           .latstNews  .allBtn{
                margin-top: 0px;
            }
            .NewsMettings .titleBlock {
                margin-bottom: 30px;
            }
            .navBlock .navBlock_col img {
                max-height: 45px;
                max-width: 45px;
            }
            .navblock_icon{
                margin-top: 10px;
                min-height: auto
            }
            .navBlock h5{
                line-height: 15px;
            }
            .filterWrap-meet {
                flex-wrap: wrap;
            }
            .catg-wrap {
                margin-top: 10px;
                padding-left: 0;
            }
            .main_acco_title .date_meet {
                font-size: 16px;
            }
            .main_acco_title .date_meet {
                min-width: 130px;
            }
            .acco_title_info {
                padding-left: 10px;
            }
            .main_acco_title {
                flex-wrap: wrap;
            }
            .acco_panel {
                padding: 30px 20px;
            }
            .catg-wrap .label-wrap {
                display: none;
            }
            .text-img-wrap.no-img .btn_sm {
                position: static;
            }
            .footer .footmenu ul {
                columns: 1;
                -webkit-columns: 1;
                -moz-columns: 1;
            }
            .footer .footmenu ul li {
                margin-bottom: 10px;
            }
            .main_banner {
                padding-top: 70px;
                margin-bottom: 40px;
            }
            .main_banner .carousel-caption {
                left: 5%;
                top: auto;
                right: auto;
                transform: none;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
            }
            .main_banner .carousel-control-next,
            .main_banner .carousel-control-prev {
                top: 30%;
                width: 30px;
                height: 30px;
                z-index: 90;
            }
            .main_banner .carousel-control-next img,
            .main_banner .carousel-control-prev img {
                max-width: 10px;
            }
            .main_banner .carousel-control-prev {
                left: 15px;
            }
            .main_banner .carousel-control-next {
                right: 15px;
            }
            .navcol {
                width: 50%;
                border-bottom: 1px solid #fff;
            }
            .navBlock{
                padding-bottom: 20px;
                max-width: 340px;
margin-left: auto;
margin-right: auto;
            }
            .navBlock .navBlock_col::after {
                display: none;
            }
            .news-grid .isotope-item {
                width: 100%;
            }
            .search_filter_title {
                flex-wrap: wrap;
            }
            .search_filter_title .filter_box {
                margin-left: 0;
                margin-top: 10px;
                width: 100% !important;
                margin-right: 0px !important;
            }
            .filter_box.col-three label.title ,  .filter_box.col-two label.title{
                display: none;
            }
            .nsRight{
                padding-top: 0px;
            }
            .newsSearchEra{
                padding-bottom: 60px;
            }
            .search_box {
                width: 100%;
            }
            .contactcard_row {
                margin: 0px;
            }
            .img_btn_col {
                margin-bottom: 15px;
            }
            .expanding-gridevt .linksevt>li {
                width: 100%;
            }
            .main_wrapper .main_breadcrumb .breadcrumb {
                padding-left: 20px;
                padding-right: 20px;
            }
            .generic_middle_block {
                padding-left: 20px;
                padding-right: 20px;
            }
            .expanding-grid .links>li {
                width: 100%;
            }
            .expand-content {
                padding: 60px 20px 20px 20px;
                width: 100%;
            }
            .how_title_block {
                min-height: 300px;
                margin-bottom: 20px;
            }
            .how_to_cont {
                padding: 0px 20px;
            }
            .timeline-article .content-left-container,
            .timeline-article .content-right-container {
                max-width: 100%;
            }
            .timeline-article {
                flex-wrap: wrap;
                padding-left: 30px;
                overflow: visible;
            }
            #conference-timeline .conference-center-line {
                left: 30px;
            }
            .timeline-inner-left {
                text-align: left;
                padding-right: 0;
            }
            .timeline-level-one,
            .timeline-level-two {
                flex-wrap: wrap;
                overflow: visible;
                padding-left: 0px;
            }
            .timeline-inner-left,
            .timeline-inner-right {
                max-width: 100%;
            }
            .timeline-article .circle_yw {
                left: 0px;
            }
            .timeline-article .image_year_row {
                flex-wrap: wrap;
            }
            .timeline-article .section_year {
                margin: 20px 0px;
            }
            .img_left .image_year_row .section_year {
                right: auto;
                left: 0px;
            }
            .odd.timeline-article .content-right-container {
                padding-top: 20px;
            }
            .timeline-inner-left,
            .timeline-inner-right {
                padding-left: 40px;
            }
            .timeline-article .content-left {
                text-align: left;
            }
            .even.timeline-article .content-left-container {
                padding-left: 40px;
                padding-right: 0px;
            }
            .contact_col {
                margin-bottom: 10px;
            }
            .newsRow .newsColumn,
            .news-grid .newsColumn {
                width: 100%;
            }
            .newsSort {
                margin-left: 0px;
                margin-top: 10px;
            }
            .main_search_content h3 {
                margin-right: 0;
                margin-bottom: 20px;
            }
            .main_search_content .search_input {
                width: 100%;
            }
        }
        
        @media (max-width:1024px) and (min-width:768px) {}
        
        @media (max-width:1200px) {
            .top_header_cont{
                background: #fff;
            }
            .navbar-brand::before {
                display: none;
            }
            .main_header{
                background: #fff;
            }
            .nav_bottom {flex-wrap: wrap;
                background: #fff;
                margin-top: 0}
            .navbar-toggler {
                margin-right: 10px;
                margin-top: 16px;
            }
            .top_menu .top_inner_menu {
                flex-wrap: wrap;
                width: auto;padding-right: 0;
            }
            .social_media ul{
                justify-content: center;
            }
            .select_language{
                padding-left: 10px;
            }
            .top_menu .top_inner_menu a{
                font-size: 16px;
            }
            .navbar {
                padding-left: 0px;
            }
            .navbar-brand {
                margin-left: 0px;
                padding: 0px;
            }
            .navbar-toggler .icon-bar {
                width: 30px;
                height: 2px;
                background: #203970;
                display: block;
                margin-bottom: 8px;
            }
            .navbar-nav {
                margin-top: 10px;
                width: 100%;
            }
            .top_menu{
                justify-content: center;
flex-wrap: wrap;
            }
            .social_media{
                order: 3;
                width: 100%;
                justify-content: center;
                text-align: center;
                align-items: center;
                padding-top: 10px;
padding-bottom: 0px;
background: #fff;
margin-top: 6px;
            }
            .navbar-nav>li>a {
                align-items: flex-start;
                justify-content: flex-start;
            }
            .navbar-nav > li{
                border-bottom: 1px solid #407CA7;
            }
            .main_wrapper {
                padding-top: 75px;
            }
            .navbar-brand img {
                max-width: 85px;
            }
            .plusMinus {
                position: absolute;
                width: 30px;
                height: 30px;
                right: 0px;
                text-align: center;
                cursor:pointer;
                top: 6px;
display: flex;
align-items: center;
            }
             .plus-minus:hover{
                 color:#097969;
             }
            .plusMinus::after {
                content: '+';
position: absolute;
                font-size: 30px;
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
            }
            .plus-minus.minsicon::after {
                content: '-';
            }
            .navbar-nav > li > .dropdown-menu{
                transform: none;
background: none;
box-shadow: none;margin-left: 40px;
margin-bottom: 20px;
            }
            .navbar-nav > li > .dropdown-menu > li > a{
                font-weight: 600;
font-size: 15px;
color: #203970;
padding: 8px 0;
            }
            .top_search{
                display: none;
                position: absolute;
top: 70px;
right: 50px;
z-index: 0;
            }
            
.dropdown-menu::before{
    display: none;
}
            .navbar-nav > li > .dropdown-menu > li{
                border-bottom: 1px solid #203970;
            }
        
        }
        
        @media (min-width:992px) {
          
            .mob_search{
                display: none;
            }
            .main-tab-content {
                margin: 0px -15px;
            }
            .logo-txt{max-width: 130px;
                margin-top: 15px;white-space: normal;
            }
            .alert-proj{
                padding-left: 50px;
padding-right: 50px;
            }
          
        }
        
        @media (min-width:1500px) {
            .container {}
            .navbar-nav {
                padding-right: 50px;
            }
            .navbar{
                padding-right: 50px;
            }
            .map_info_detail {
                padding-left: 80px;
                padding-right: 80px;
            }
            .main_banner .carousel-control-prev , .main_banner .carousel-control-next{
                top: 40%;
            }
        }
        
        @media (min-width:1400px) {
            .NewsMettings{
                padding-top: 180px;
            }
            .contact_dp_details{
                padding-left: 80px;
            }
        .board_wraper   .expanding-grid .links > li{
                width: 20%;
            }

          
        }
        @media (max-width:1450px) and (min-width:1350px) {
            .navbar-brand {
                margin-right: 0px;
                padding: 5px 30px;
            }
            .navbar-nav>li>a {
                font-size: 17px;
                padding: 10px 13px 10px 13px !important;
            }
            header .searchbardiv {
                max-width: 200px;
            }
            .top_search{
                margin-left: 10px;
            }
            .navbar-brand img {}
            .container-fluid {
                padding-left: 20px;
                padding-right: 20px;
              }
        }

        @media (max-width:1350px) and (min-width:1200px) {
            .navbar-brand {
                margin-right: 0px;
                padding: 5px 20px;
            }
            .navbar-nav>li>a {
                font-size: 16px;
                padding: 10px 10px 10px 10px !important;
            }
            header .searchbardiv {
                max-width: 210px;
                min-width: 210px;
            }
            .top_search{
                margin-left: 10px;
            }
            .navbar-brand img {max-width: 120px;}
            .container-fluid {
                padding-left: 20px;
                padding-right: 20px;
              }
              .logo-txt{
                font-size: 16px;
              }
        }




        @media (max-width:1550px) and (min-width:1451px) {
            .navbar-brand {
                margin-right: 0px;
                padding: 5px 30px;
            }
            .navbar-nav>li>a {
                font-size: 17px;
                padding: 10px 15px 10px 15px !important;
            }
            header .searchbardiv {
                max-width: 200px;
            }
            .navbar-brand img {}
            .top_search{
                margin-left: 20px;
            }
            .container-fluid {
                padding-left: 20px;
                padding-right: 20px;
              }
        }


        @media (min-width:2100px){
            .wp-block-media-text.is-image-fill .wp-block-media-text__media{
                min-height:1200px;
            }
        }
        
        @media (max-width:768px) and (min-width:430px){
            .wp-block-media-text.is-image-fill .wp-block-media-text__media{
                min-height:400px;
            }
        }
        

        @media (max-width:1023px) {
            .main_wrapper	.advgb-tabs-wrapper.advgb-tab-vert-tablet ul.advgb-tabs-panel {
              flex-direction: row;
              flex-grow: 1;
              min-width: 100%;
              max-width: 100%;
              display: flex !important;
              overflow: auto;  justify-content:flex-start;
            }
            .main_wrapper .advgb-tab-body-wrapper .advgb-tab-body-header{
                display:none !important
            }
            .main_wrapper .advgb-tabs-wrapper.advgb-tab-horz-desktop{
                  flex-direction: column;
            }
            .main_wrapper .advgb-tabs-wrapper.advgb-tab-vert-tablet .advgb-tab-body-wrapper{
                max-width:100%;
            }
            }
            
            
            @media (min-width:768px){
              .page-template-template-board-members   .expand_img img,
              .page-template-template-pomona-walnut-rowland-joint-water-line  .expand_img img
              {
height: 290px;object-fit: cover;
                }
                .single-project .page_title h1{
                    font-size: 50px;
                }
                .page_title{
                    max-width: 1200px;margin-left: auto;margin-right: auto;
                }
                .gm-style .gm-style-iw-c{
                    min-width: 300px !important;max-height: none !important;
                    padding-bottom: 20px !important;
                }
                .proj_row .left_col{
                    -ms-flex: 0 0 33.333333%;
                    flex: 0 0 38%;
                    max-width: 38%;
                }
                .proj_row .right_col{
                    -ms-flex: 0 0 62%;
                    flex: 0 0 62%;
                    max-width: 62%;
                }
                .board_wraper    .expand_det h6{
                    min-height: 62px;
                }
                .board_wraper     .expand_det{
min-height: 112px;
                }
            }

            @media (min-width:1250px) {
                .news_grid_info{
                    padding-left: 40px;padding-right: 40px;
                }
                .evt_filter .cat-selct{
                    position: relative;
left: -10px;
                }
            }

            @media (min-width:1600px){
                .footer_shape{
                    top: -55px;
                }
                .navbar{
                    padding-right: 50px;
                }
            }

            @media (min-width:1250px) {
                .Proj_detail .main-tabs .advgb-tabs-panel{
                    margin-left: calc(-100vw / 2 + 1240px / 2) !important;
                    margin-right: calc(-100vw / 2 + 1240px / 2) !important;
                  }

                  .main_breadcrumb .container{
                    max-width: 100%;
padding-left: 100px;
                  }
            }
			
			   @media (min-width:1200px) {
				   .main_wrapper {
					  padding-top: 140px;
					}

				.logged-in	.main_wrapper{
					  padding-top: 160px;
					}
				   
			   }

            @media (min-width:1900px) {
.footer_shape img{
    width: 100%;
}
.footer_shape {
  top: -85px;
}
            }

            @media (min-width:3000px) {
                .footer_shape {
                    top: -135px;
                  }
            }