/* only for header*/
@media (max-width:1830px){
header  .header_menu nav ul { gap: 90px; }
/* header  .header_menu nav { padding: 22px 111px 22px 78px; } */
header:before { width: 80%; }
}
/* only for header */



@media (max-width:1700px){
.footer_right { max-width: 39%; }
.footer_center { max-width: 25%; }
footer .contact-info-form { padding: 13px 16px; }
.footer_left { max-width: 37%; }
/* def-page */
.def-page { padding: 0 0 80px 0px; }
header  .header_menu nav { padding: 0; }
header:before { width: 85%; top: 135px; } 

/* mahima 24-22-2025 */
header  .header_menu { padding: 22px 28px 22px 50px; gap: 30px; }
header .logo { max-width: 188px; }


}

@media (max-width:1600px) { 
h1, .h1 { font-size: 60px; }
h2, .h2 { font-size: 35px; }
h3, .h3 { font-size: 27px; }
/* header .logo { max-width: 230px; } */
header  .header_menu nav ul { gap: 70px; }
header .header_inr { padding: 40px 0 0; }
.banner .banner_btn_item { bottom: 180px; gap: 80px; }
section.banner::before { bottom: -89px; height: 166px; }
.banner .banner_logo { width: 86px; height: 85px; }
.banner .banner_logo img { object-fit: contain; width: 100%; height: 100%; }
.lake .lake_inr p { padding: 12px 0 0; }
/* section.lake { min-height: 414px; } */
.boating .boating_item::before ,.boating .boating_item.sec::before{ width: 85px; height: 85px; }
.footer_center { max-width: 15%; width: 100%; display: flex; justify-content: center; align-items: center; }
.footer_left { max-width: 42%; }
footer .contact-info-form { padding: 13px 15px; }
footer .footer_address { padding: 13px 25px; }
.footer_right { max-width: 43%; }
.header_img { margin: -46px auto 0; width: 85px; }
.inr_banner h1 { padding: 45px 0; }
.about.loop_section .about_top:nth-child(odd) { padding: 0 0 45px; }
.about .about_top { padding: 0 0 45px; }
.about .about_left .about_img img { height: 100%; width: 100%; object-fit: cover; }
.about .about_left .about_img { height: 100%; }
/* header  .header_menu nav { padding: 22px 65px 22px 65px; } */
footer .footer_center .footer_logo { width: 85px; height: 85px; }
footer .footer_center .footer_logo img { width: 100%; height: 100%; object-fit: contain; }

.event_box_inr.a_btn a { padding: 2px 10px; }
.filter select { min-width: calc(12% - 15px); }
.inr_header .header_menu nav { gap: 20px; }
header  .header_menu { padding: 22px 28px 22px 32px; gap: 45px; }
/* def-page */
.def-page { padding: 0 0 60px 0px; } 
.def-page h2 { font-size: 38px; line-height: 48px; }

header.login_after_header_cls   .header_menu nav ul { gap: 46px; }
.header_menu { gap: 10px; }
.header_menu .a_btn a.button { padding: 2px 16px; font-size: 18px; line-height: 24px; }
}
@media (max-width:1500px){
    header  .header_menu { padding: 22px 35px 22px 35px; gap: 40px; }
    header  .header_menu nav ul li a { font-size: 18px; }
    /* header.front_page_header  .header_inr .logo a img { height: 172px; } */
    /* section.lake { min-height: 365px; } */
.filter select { min-width: calc(13% - 15px); }

.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box { max-width: 23%; }


/* mahima 24-22-25 */
header  .header_menu { padding: 22px 35px 22px 32px; gap: 30px; }
header.login_after_header_cls   .header_menu nav ul { gap: 36px; }
header .logo { max-width: 150px; }
/* .banner .banner_img { margin-top: -231px; } */
}
@media (max-width:1400px){
h1, .h1 { font-size: 52px; }
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 25px; }
.banner .banner_img { height: 800px; }
.banner .banner_img img{ height: 100%; }
.banner .banner_btn_item { bottom: 170px; gap: 55px; }
header .header_inr { padding: 35px 0 0; }
header  .header_menu nav ul { gap: 45px; }
.lake .lake_inr p { padding: 10px 0 0; }
/* section.lake { min-height: 400px; } */
/* header .logo { max-width: 190px; } */
footer .footer_center .footer_logo { width: 80px; }
footer .contact-input-dtls .more_info .input_field { max-width: 100%; width: 100%; }
footer .contact-input-dtls .more_info .contact-dtls { max-width: 100%; width: 100%; }
footer .contact-input-dtls .more_info {flex-direction: column; align-items: start; }
/* .footer_center { max-width: 9%; } */
.footer_left { max-width: 45%; }
.boating .boating_item::before, .boating .boating_item.sec::before { width: 70px; height: 70px; }
footer .contact-input-dtls .first_info, footer .more_info { margin: 0px -7px; flex-wrap: wrap; }
footer .contact-input-dtls .input_field.col-2 { width: 100%; max-width: 100%; }
.footer_right { max-width: 50%; }
footer .contact-input-dtls { padding-top: 10px; }
footer .footer_inr { padding: 40px 0 30px; }
.footer_left { max-width: 30%; }
/* footer .contact-input-dtls .more_info .contact-dtls { padding: 0px 7px; } */
/* header  .header_menu nav { padding: 18px 40px 18px 40px; top: 74px; gap: 40px; } */
.header_img { margin: -42px auto 0; width: 80px; }
.inr_banner h1 { padding: 40px 0; }
.faq_tab_inr { max-width: 85%; padding: 43px 43px; }
section.faq_tab { padding: 45px 0; }
.contact .form_inr { PADDING: 0 0 45PX; align-items: start;}
.contact .form_left .form_img{height: 100%;}
.contact .form_left .form_img img { height: 100%; width: 100%; object-fit: cover; }
.contact .recpatcha_submit { gap: 16px; }
.contact .form_right form .input-fild.submit { margin-left: 0px; }
footer .contact-input-dtls  .input_field { max-width: 100%; width: 100%; }
header.login_before_header_cls   .header_menu nav ul { gap: 40px; }
/* header  .header_menu nav ul li a { font-size: 19px; } */
header.front_page_header  .header_inr .logo a { min-height: auto; }
/* section.lake { min-height: 350px; } */
.footer_left { max-width: 40%; }
.footer_right { max-width: 40%; }
.inr_header .header_menu nav { justify-content: end; }
.filter select { min-width: calc(16% - 15px); }
.event_box.village_board_event_box.blue {  gap: 10px; }
.event_box.village_board_event_box.purple { gap: 10px;}

/* default page css  */
.def-page { padding: 0 0 55px 0px; }
/* def page */
.def-page h2 { font-size: 30px; line-height: 38px }
.def-page h3 { font-size: 25px; line-height: 35px }
.def-page h4 { font-size: 22px; line-height: 32px }
.def-page h5 { font-size: 19px; line-height: 29px }
.def-page h6 { font-size: 17px; line-height: 27px }
.def-page .left-img { max-width: 50% }
.common_content ul li, .def-page ol li, .def-page ul li { margin-bottom: 10px }
.common_content ul, .privacy-page .privacy-inner ul { margin-top: 0 }
.privacy-page ol, .privacy-page ul { margin-left: 15px }
.common_content ul, .def-page ul { padding-bottom: 12px }
.privacy-page ol { padding-left: 0 }
.pagenotfound { padding: 40px 0 }
.pagenotfound h2 { font-size: 32px }
.pagenotfound p { font-size: 18px }
/* def page */

/* header.front_page_header  .header_inr .logo a img { height: 152px; } */
header.login_after_header_cls   .header_menu nav ul { gap: 30px; }
header  .header_menu { top: 75px; padding: 20px 15px 20px 25px; gap: 20px; }
}

@media (max-width:1300px){
    /* header  .header_menu nav { padding: 15px 30px 15px 30px; top: 74px; gap: 30px; } */
    header.login_before_header_cls   .header_menu nav ul { gap: 35px; }
    header  .header_menu nav ul li a { font-size: 17px; }
    /* header.front_page_header  .header_inr .logo a img { height: 162px; } */
    header .header_menu nav ul li.menu-item-has-children > a::after { right: -14px; width: 8px; height: 8px; }
    /* .banner .banner_img { height: 700px; } */
    .banner .banner_img { height:520px; }
    h2, .h2 { font-size: 30px; }
    footer .contact-info-form h2 { font-size: 28px; }
    .banner .banner_logo { width: 70px; height: 70px; }
    .lake .lake_inr h1.h2 { line-height: 55px; padding: 60px 0 0; }
    footer .footer_center .footer_logo { width: 70px; height: 70px; }
header  .header_menu { top: 35px; padding: 25px 35px 25px 65px; gap: 15px; flex-direction: column; }
header .a_btn { width: auto; text-align: end; }
/* header.login_after_header_cls   .header_menu nav ul { gap: 46px; } */

.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box { max-width: 31%; }
.complaint_form.contact .form_right { max-width: 60%; }
/* .gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box_item{ justify-content: space-evenly;} */

.member-directory, .member-service-lising { padding: 30px 10px; }
.village_board_div { padding: 0 0 50px; }





/* mahima 24-22-25 */
.header_menu .a_btn a.button { font-size: 17px; }
.container { padding: 0 40px; }
.banner .banner_img { margin-top: 0px; }
header { background-color: #fff; }
header .header_inr { padding: 15px 0 15px 0; }
header .logo { max-width: 115px; }
header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li > ul.sub-menu li a { font-size: 17px; }
header  .header_menu { top: auto; padding: 0; gap: 10px; right: auto; flex-direction: row; }
header  .header_menu { top: auto; padding: 0; gap: 15px; flex-direction: row; background: transparent; position: relative; right: auto; }
}
@media (max-width:1200px){
h1, .h1 { font-size: 40px; }
h2, .h2 { font-size: 28px; }
h3, .h3 { font-size: 23px; }
.container { padding: 0 35px; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 2px 20px; font-size: 18px; }
/* header  .header_menu nav { padding: 10px 20px 10px 20px; top: 74px; gap: 20px; } */
header  .header_menu nav ul li a { font-size: 16px; }
/* header  .header_menu nav ul { gap: 27px; } */
/* .inr_header .header_menu nav ul { gap: 35px; } */
/* header .logo { max-width: 160px; } */
.banner .banner_btn_item { bottom: 150px; gap: 30px; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 2px 25px; font-size: 19px; }
.banner .banner_logo { width: 80px; bottom: -33px; }
footer .footer_inr { padding: 35px 0 30px; }
footer .footer_menu nav ul li a { font-size: 19px; }
p { margin-bottom: 22px; font-size: 19px; }
footer .footer_right_inr .footer_address a { font-size: 19px; }
/* .footer_right { max-width: 52%; } */
footer .contact-input-dtls .more_info .contact-dtls input[type="submit"] { font-size: 19px; padding: 1px 20px; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { font-size: 19px; }
.faq_tab_inr { max-width: 100%; padding: 40px 40px; }
section.faq_tab { padding: 40px 0; }
.contact .form_inr { PADDING: 0 0 40PX; }
.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-right: 10px; padding-left: 10px; }
form { display: flex; margin: 0 -10px; flex-wrap: wrap; }
.contact .recpatcha_submit { padding: 0 10px; gap: 5px; FLEX-DIRECTION: column;}
.contact .form_right form .input-fild.submit { margin-top: 0; margin-left: 0px; }
.tab-items { padding: 15px 15px; }
.tab-inr { margin: -15px -15px; }
.mfp-content { margin: 0 auto !important; }
/* header.front_page_header  .header_inr .logo a img { height: 152px; }  */
.banner .banner_img { height: 650px; }
header.login_before_header_cls   .header_menu nav ul { gap: 30px; } 
.lake .lake_inr h1.h2 { line-height: 55px; padding: 50px 0 0; }
/* section.lake { min-height: 330px; }  */

form.wpcf7-form.init { font-size: 19px; line-height: normal; }
.annual-meeting-info-page { padding: 0 0 80px 0px; }
/* header  .header_menu { top: 35px; padding: 20px 30px 20px 50px; gap: 10px; flex-direction: column; } */

.calendar_inr .fc-toolbar .fc-center h2 { font-size: 38px; padding: 0 20px; }
.calendar_inr .fc-toolbar button.fc-state-default { width: 40px; height: 40px; }
.calendar_inr .fc-icon.fc-icon-right-single-arrow { width: 12px; height: 12px; }
.calendar_inr .fc-icon.fc-icon-left-single-arrow { width: 12px; height: 12px; }
.fc button .fc-icon {top: -4PX !important;}

.dataTables_length label, .dataTables_filter label { font-size: 18px; line-height: 28px; }
.member-directory, .member-service-lising { padding: 20px 10px; }
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled { font-size: 18px; line-height: 26px; }
.wola-table-container { font-size: 18px; line-height: 28px; }
.dataTables_wrapper { overflow-x: auto; }
table.dataTable { width: 1100px !important; }

.village_board_inr { max-width: 33.33%; }
.filter select { min-width: calc(20% - 15px); }
.village_board_div { padding: 0 0 40px; }


/* default page css */


.def-page { padding: 0 0 45px 0px; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin-bottom: 12px }
.def-page h2 { font-size: 26px; line-height: 34px }
.def-page h3 { font-size: 24px; line-height: 34px }
.def-page h4 { font-size: 21px; line-height: 31px }
.def-page h5 { font-size: 18px; line-height: 28px }
.def-page p { font-size: 18px; line-height: 28px; }
.common_content ul li, .def-page ol li, .def-page ul li { margin-bottom: 8px }
.common_content ul li::before, .def-page ul li:before { top: 5px }
.def-page ul.col-3 li { width: 50% }
.common_content ul, .def-page ul { padding-bottom: 10px }
.def-page ol { padding-left: 0 }
.def-page .left-img { margin: 0 20px 10px 0; max-width: 50% }
.def-page .right-img { margin: 0 0 10px 20px; max-width: 50% }
.privacy-page .privacy-inner ul { margin-top: 0 }
.privacy-page ol { margin: 0 0 10px }
.privacy-page ol, .privacy-page ul { margin-left: 10px }
.privacy-page .privacy-inner { padding-left: 15px; margin-bottom: 0 }
.pagenotfound { padding: 30px 0 }
.col_1, .col_2, .col_3, .col_4 { padding: 10px }
.pagenotfound h2 { font-size: 26px }
.pagenotfound p { font-size: 17px }
.inner_banner h1 { font-size: 32px }
.row { margin: 0 -10px }
.col_4 { width: 33.33% }
.def-page ul li::before { width: 6px; height: 6px;        top: 12px; }
.default-page .right-img { margin-left: 20px; margin-bottom: 15px }
.def-page ol li { font-size: 18px; padding: 3px 0; }
.def-page ul li { font-size: 18px; padding: 1px 15px; }
.default-page .left-img { margin-right: 20px; margin-bottom: 15px }
/* DEF PAGE */



.complaint_form.contact .form_right { max-width: 70%; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { font-size: 18px; }
.memeber-ship-due.complaint_form.contact .form_right { max-width: 100%; }



/* MAHIMA 24-11-25 */
.header_menu .a_btn a.button { font-size: 15px;padding: 2px 10px; }

}


/* LOGIN SUB MENU */
@media (max-width:1121px){
    /* mobile menu */
.a_btn { margin: 0; }
header .header_menu nav ul { display: none; }
header .header_menu .menu-toggle { display: block; width: 28px; height: auto; cursor: pointer;}
header .header_menu .menu-toggle.active{ position: fixed; top: 20px; right: 25px; z-index: 99; }
header .header_menu .menu-toggle.active span:first-child { transform: rotate(45deg); width: 100%; background-color: #ffffff; top: 1px; }
header .header_menu .menu-toggle.active span:nth-child(2) { opacity: 0; visibility: hidden; }
header .header_menu .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: -15px; width: 100%; background-color: #ffffff; }
header .header_menu .menu-toggle span { background-color: #0495d4; height: 3px; transition: .5s; display: block; margin: 5px 0; padding: 0; width: 100%; }
header .header_menu nav ul.open { transform: translateX(0); }
header .header_menu nav ul li, .menu-toggle span { position: relative; width: 100%; }
header .header_menu nav ul li a { width: 100%; padding: 8px 0; display: block; line-height: 30px; border-bottom: 2px solid; font-size: 16px; color: white; }
header .header_menu nav ul { display: block; position: fixed; top: 0; right: 0; transform: translateX(100%); width: 60%; transform-origin: right center; transition: .3s; height: 100%; padding: 50px 25px; background: #0495d4; z-index: 99; }
header .header_menu nav ul li.menu-item-has-children > a::after { display: none; }
header .header_menu nav ul > li.menu-item-has-children a { position: relative; padding-right: 20px; }
header .header_menu nav  ul li ul.sub-menu { transform: scale(1); transition: none; position: relative; top: auto; left: auto; display: none; padding: 0px; height: max-content; margin-top: 10px; width: 100%; visibility: visible; }
header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li > ul.sub-menu li a { font-size: 16px; }
.menu-expand { display: block; cursor: pointer; width: 25px; height: 25px; background: #fff; position: absolute; right: 2px; top: 10px; border-radius: 4px; }
.menu-expand::before { content: ''; border-top: 2px solid; border-left: 2px solid; content: ''; transition: .2s; position: absolute; width: 8px; height: 8px; transform: rotate(224deg); top: 7px; left: 9px; }
.menu-expand.menu-clicked::before { transform: rotate(45deg) translateY(-50%); top: 50%; left: 7px; }
header .header_menu nav > ul li a:hover:before {display: none;}
header .header_menu nav ul li.current-menu-item > a, header .header_menu nav ul li.current-menu-parent > a, header .header_menu nav ul li ul.sub-menu li.current-menu-item > a { color: #333333 !important; }
header .header_menu nav > ul li a::before { display: none;}
.event_box_inr.a_btn a { padding: 1px 7px; margin: 5px 0 0; }
/* mobile menu */
.inr_header .header_menu nav ul li a:hover { color: #333333; }
header.login_before_header_cls.inr_header .header_menu{ justify-content: flex-end; gap: 20px; position: inherit; }

}
/*  */
@media (max-width:1023px){
h1, .h1 { font-size: 35px; }
h2, .h2 { font-size: 25px; }
h3, .h3 { font-size: 22px; }
.header_img { margin: -40px auto 0; width: 73px; }
.inr_banner h1 { padding: 36px 0; }
.lake .lake_inr p { padding: 5px 0 0; }
p { margin-bottom: 20px; font-size: 18px; }
.boating .boating_item .boating_right:hover .boating_text_item { display: block; margin: 0px 0 0 40px; font-size: 18px; }
.boating .boating_item:nth-child(2) .boating_right:hover .boating_text_item { margin: 40px 0 0 0px; }
/* section.lake { min-height: 365px; } */
.boating .boating_item::before, .boating .boating_item.sec::before { width: 62px; height: 62px; }
.container { padding: 0 35px; }
/* header .logo { max-width: 145px; } */
header  .header_menu nav ul { gap: 10px; }
/* .banner .banner_img { height: 766px; } */
.banner .banner_logo { width: 72px; bottom: -27px; }
header  .header_menu nav ul li a { font-size: 16px; }
.banner .banner_btn_item { bottom: 135px; gap: 25px; padding: 0 30px; flex-wrap: wrap;}
header .header_inr { padding: 0; }
header{ padding: 10px 0;}
header  .header_menu nav { padding: 10px 100px 10px 25px; top: 50px; }
footer .footer_inr { padding: 35px 0 30px; flex-wrap: wrap; flex-direction: column; gap: 18px; }
.footer_left { max-width: 100%; }
footer .footer_center .footer_logo { width: 70px; }
.footer_right { max-width: 100%; }
footer .footer_right_inr .footer_address p >br { display: none; }
footer .footer_menu nav ul li a { font-size: 18px; }
footer .footer_right_inr .footer_address a { font-size: 18px; }
footer .contact-input-dtls .more_info .contact-dtls input[type="submit"] { font-size: 18px; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { font-size: 17px; }
footer .footer_center .footer_logo::after { transform: translate(-50%, -50%) rotate(90deg); height: 400px; }
.about.loop_section .about_top:nth-child(odd) ,.about .about_top{ padding: 0 0 40px; flex-wrap: wrap; }
.about .about_left, .about .about_right { max-width: 100%; width: 100%; }
.inr_header .header_inr { padding:0; }
.inr_header .header_menu nav ul { gap: 14px; }
.faq_tab_inr { padding: 35px 35px; }
.faq_tab  .collapsible-trigger-btn  h4 { font-size: 18px; }
.faq_tab  .collapsible-trigger-btn { padding: 14px 40px 14px 18px; }
section.faq_tab { padding: 35px 0; }
.contact .form_inr { PADDING: 0 0 35PX; gap: 25px; flex-wrap: wrap; flex-direction: column-reverse; }
.contact .form_right { max-width: 100%; width: 100%; }
.contact .recpatcha_submit { gap: 0px; }
.contact input[type="submit"] { padding: 0px 14px; font-size: 17px; z-index: 0; }
.contact .form_right h3 { padding: 0px 0 22px; }
.contact .form_left{max-width: 100%; width: 100%;}
.tab-items { max-width: 33.33%;padding: 12px 12px; }
.tab-inr { margin: -12px -12px; }
footer .contact-info-form h2 { font-size: 25px; }
form.wpcf7-form.init { font-size: 18px; line-height: normal; }
.annual-meeting-info-page { padding: 0 0 60px 0px; }
/* .a_btn { margin: 0 50px 20px 0; } */
header .a_btn { width: auto; }
header  .header_menu { top: auto; padding:0; gap: 20px; flex-direction: row; position: relative; }
.banner .banner_img { margin-top: 0 ;}
/* header.front_page_header .header_inr .logo a img { height: 112px; } */
.banner .banner_img { height: 500px; }
.banner .banner_img img { height: 100%; object-fit: cover; }
header .header_menu { padding: 0;}
.about_team_txt { padding: 8px; }
.about_team_txt h5 { font-size: 18px; }
.volunteer-page .card p { font-size: 16px; margin: 5px 0 5px 0; color: #000; }
footer .contact-input-dtls .footer-box ul li { padding-bottom: 5px; }
/* mobile menu */
.a_btn { margin: 0; }
header .header_menu nav ul { display: none; }
header .header_menu .menu-toggle { display: block; width: 28px; height: auto; cursor: pointer;}
header .header_menu .menu-toggle.active{ position: fixed; top: 20px; right: 25px; z-index: 99; }
header .header_menu .menu-toggle.active span:first-child { transform: rotate(45deg); width: 100%; background-color: #ffffff; top: 1px; }
header .header_menu .menu-toggle.active span:nth-child(2) { opacity: 0; visibility: hidden; }
header .header_menu .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: -15px; width: 100%; background-color: #ffffff; }
header .header_menu .menu-toggle span { background-color: #0495d4; height: 3px; transition: .5s; display: block; margin: 5px 0; padding: 0; width: 100%; }
header .header_menu nav ul.open { transform: translateX(0); }
header .header_menu nav ul li, .menu-toggle span { position: relative; width: 100%; }
header .header_menu nav ul li a { width: 100%; padding: 8px 0; display: block; line-height: 30px; border-bottom: 2px solid; font-size: 16px; color: white; }
header .header_menu nav ul { display: block; position: fixed; top: 0; right: 0; transform: translateX(100%); width: 60%; transform-origin: right center; transition: .3s; height: 100%; padding: 50px 25px; background: #0495d4; z-index: 99; }
header .header_menu nav ul li.menu-item-has-children > a::after { display: none; }
header .header_menu nav ul > li.menu-item-has-children a { position: relative; padding-right: 20px; }
header .header_menu nav  ul li ul.sub-menu { transform: scale(1); transition: none; position: relative; top: auto; left: auto; display: none; padding: 0px; height: max-content; margin-top: 10px; width: 100%; visibility: visible; }
header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li > ul.sub-menu li a { font-size: 16px; }
.menu-expand { display: block; cursor: pointer; width: 25px; height: 25px; background: #fff; position: absolute; right: 2px; top: 10px; border-radius: 4px; }
.menu-expand::before { content: ''; border-top: 2px solid; border-left: 2px solid; content: ''; transition: .2s; position: absolute; width: 8px; height: 8px; transform: rotate(224deg); top: 7px; left: 9px; }
.menu-expand.menu-clicked::before { transform: rotate(45deg) translateY(-50%); top: 50%; left: 7px; }
header .header_menu nav > ul li a:hover:before {display: none;}
header .header_menu nav ul li.current-menu-item > a, header .header_menu nav ul li.current-menu-parent > a, header .header_menu nav ul li ul.sub-menu li.current-menu-item > a { color: #333333 !important; }
header .header_menu nav > ul li a::before { display: none;}
.event_box_inr.a_btn a { padding: 1px 7px; margin: 5px 0 0; }
/* mobile menu */
.inr_header .header_menu nav ul li a:hover { color: #333333; }
header.login_before_header_cls.inr_header .header_menu{ justify-content: flex-end; gap: 20px; position: inherit; }

.calendar_inr .fc-toolbar .fc-center h2 { font-size: 28px; padding: 0 10px; }
.calendar_inr .fc-toolbar button.fc-state-default { width: 35px; height: 35px; }
.calendar_inr .fc-icon.fc-icon-right-single-arrow { width: 15px; height: 11px; }
.calendar_inr .fc-icon.fc-icon-left-single-arrow { width: 15px; height: 11px; }
.calendar_inr .fc-view>table { width: 98%; margin: 30px auto; }
.calendar_inr .fc-view .fc-widget-header { font-size: 16px; }
.calendar_inr select.eo-fc-filter.eo-fc-filter-category { font-size: 18px; height: 45px; }
.calendar_inr .fc-toolbar .fc-left { position: absolute; left: 10px; }
.events_div { padding: 0px 0px 40px; }

.member-directory, .member-service-lising { padding: 10px 0 30px; }
.wola-table-container { padding: 20px;  font-size: 16px; line-height: 26px; }
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled { font-size: 16px; line-height: 24px; }

.team_popup_otr { max-width: 700px; padding: 30px; }

.filter select { min-width: calc(34% - 15px); }
.village_board_inr { max-width: 33.33%; }
.village_board_div { padding: 0 0 30px; }

/* default page css */ 
.def-page { padding: 0 0 35px 0px; }


.gutter_solutions .gutter_solutions_inr { gap: 20px; }
.gutter_solutions_btn a.button { font-size: 18px; padding: 2px 12px; }
.gutter_solutions_img_box_item strong {font-size: 18px; }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box { max-width: 31.3%; }

h2, .h2 { font-size: 25px;}
.volunteer-page .section h2 { font-size: 25px;  margin-bottom: 35px;  }

.complaint_form.contact .form_right { max-width: 80%; }
.col-3 { max-width: 50%; }
.complaint_form.contact .form_right { padding: 13px 23px; }
input.gform_button.button { font-size: 18px!important; }


/* mahima 24-11-2025 */
.image-container-inr { padding-top: 30px; }
header .header_inr { padding: 8px 0 8px 0; }
body { font-size: 18px; line-height: 27px; }
}
@media (max-width:767px){
h1, .h1 { font-size: 28px; }
h3, .h3 { font-size: 21px; }
h2, .h2 { font-size: 23px; }


/*  */
header .header_inr { padding:  0; }
.lake .lake_inr p { padding: 0px 0 0; }
.container { padding: 0 25px; }
.boating .boating_item { flex-wrap: wrap; }
/* header .logo { max-width: 125px; } */
.boating .boating_item::before, .boating .boating_item.sec::before { top: unset; bottom: 165px; }
.boating_right { padding: 50px 0; }
.banner .banner_logo { width: 60px; bottom: -40px; }
section.banner::before { bottom: -60px; height: 110px; }
.container { padding: 0 30px; }
.banner .banner_btn_item { gap: 20px; padding: 0 20px; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 0px 14px; font-size: 16px; }
/* header  .header_menu nav { padding: 12px 16px 12px 20px; top: 30px; }.banner .banner_logo { width: 66px; bottom: -19px; } */
.container { padding: 0 20px; }
.banner .banner_btn_item { gap: 20px; padding: 0 20px; }
p { font-size: 17px; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { font-size: 16px; }
.boating     .boating .boating_item:nth-child(2) .boating_right:hover .boating_text_item { flex-direction: column-reverse; }
.boating .boating_item .boating_right { max-width: 100%; height: 230px; }
.boating .boating_item.sec { flex-direction: column-reverse; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 0px 14px; font-size: 16px; }
/* header  .header_menu nav { padding: 12px 16px 12px 20px; top: 30px;background-color: transparent;} */
footer .contact-input-dtls { padding-top: 8px; }
footer .footer_inr { padding: 25px 0 25px; gap: 15px; }
footer .footer_right_inr { gap: 8px; flex-direction: column; }
.footer_menu ul { display: flex ; gap: 10px; flex-wrap: wrap; }
.boating .boating_item .boating_left, .boating .boating_item .boating_left  { max-width: 100%; }
.inr_banner h1 { padding: 25px 0; }
.header_img { margin: -37px auto 0; width: 68px; }
.volunteer-page .card a { display: inline; word-wrap: break-word; }

.about.loop_section .about_top:nth-child(odd), .about .about_top { padding: 0 0 30px;  gap: 25px;}
.faq_tab_inr { padding: 20px; }
section.faq_tab { padding: 10px 0 30px; }
.faq_tab .faq_head .faq_tabs_content_text { padding: 5px 48px 20px 20px; }
.faq_tab  .collapsible-trigger-btn { padding: 14px 40px 12px 18px; }
.faq_tab  .collapsible-trigger-btn  h4 { font-size: 17px; }
.contact .form_right h3 { padding: 0px 0 17px; }
.recpatcha_submit { gap: 0; }
.contact .wpcf7-response-output { font-size: 17px; }
.contact .form_inr { PADDING: 0px 0 30PX; gap: 18px; }
.contact input.wpcf7-form-control.wpcf7-submit.has-spinner { margin-top: 0; }
.faq_tab_inr { border: 3px solid; }
footer .footer_address ,footer .contact-info-form{ border: 4px solid #E3B752; }
.tab-items { max-width: 50%; padding: 10px 10px; }
.tab-inr { margin: -10px -10px; }
/* .menu-toggle { top: 65px; } */
.boating .boating_item .boating_right:hover .boating_text_item { margin: 40px 0px 0 0px; }
footer .contact-input-dtls .footer-box a { font-size: 18px; line-height: 24px; }
form.wpcf7-form.init { font-size: 17px; line-height: normal; }
.annual-meeting-info-page { padding: 0 0 50px 0px; }
/* header.front_page_header  .header_inr .logo a img { height: 112px; } */
header  .header_menu { gap: 10px; }
.header_menu .a_btn a.button { padding: 2px 10px; font-size: 16px; line-height: 22px; }
header.login_before_header_cls.inr_header .header_menu { gap: 10px; ; }

/* .boating .boating_item .boating_left .boating_img {max-height: 170px; } */
.boating .boating_item .boating_left .boating_img {width: 100%; }
.boating .boating_item .boating_left .boating_img img {width: 100%; height: 100%; object-fit: cover;}
.banner .banner_img { height: 400px; }
.dataTables_wrapper .dataTables_info { padding-top: 0; }

.filter select { min-width: calc(50% - 15px); }
.village_board_inr { max-width: 50%; }
.team_popup_otr { max-width: 440px; padding: 25px; }
.team_popup_otr button.mfp-close { height: 35px !important; width: 35px; right: 10px; top: 10px; }
.event_box.village_board_event_box { padding: 13px; }
/*  */

.def-page { padding: 0 0 25px 0px; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6, .def-page p { margin-bottom: 10px }
.def-page ul { padding-bottom: 0 }
.privacy-page .privacy-inner ul { margin-top: 0 }
.def-page h2 { font-size: 24px; line-height: 30px }
.def-page h3 { font-size: 22px; line-height: 32px }
.def-page h4 { font-size: 20px; line-height: 30px }
.def-page h5 { font-size: 18px; line-height: 28px }
.def-page h6 { font-size: 16px; line-height: 26px }
.def-page p { font-size: 17px; line-height: 24px }
.def-page ul li { font-size: 17px; padding: 1px 15px; }
.common_content ul li, .def-page ul.col-2 li, .def-page ul.col-3 li { width: 100% }
.common_content ul ul, .def-page ul ul { padding: 5px 0 }
.common_content ul li, .def-page ol li { font-size: 17px; line-height: 150%;  padding: 1px 0; }
.common_content ul li::before, .def-page ul li:before { top: 11px; }
.def-page iframe { max-height: 100%; aspect-ratio: 1/0.6; height: auto }
.def-page .left-img, .def-page .right-img { margin: 0 auto 10px; float: none; width: 100%; text-align: center; max-width: 100% }
.privacy-page ol, .privacy-page ul { margin-left: 10px }
.privacy-page .privacy-inner { padding-left: 10px; margin-bottom: 0 }
.pagenotfound { padding: 20px 0 }
.pagenotfound h2 { font-size: 22px }
.pagenotfound p { font-size: 16px }
.default-page .left-img, .default-page .right-img, .left_img, .right_img, .wal_serv_img { margin-right: 0; margin-bottom: 15px; width: 100%; float: inherit; text-align: center } .def-page ol {padding-bottom: 10px; }
/* def page */

.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box { max-width: 48.7%; }
.gutter_solutions .gutter_solutions_inr { gap: 10px; }
.gutter_solutions_img_box_item strong { font-size: 16px; line-height: normal; }
.gutter_solutions_btn { padding-top: 10px; }
.gutter_solutions_btn a.button { font-size: 16px; padding: 2px 10px; line-height: normal; }
.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box_item { padding: 0 5px; }
section.gutter_solutions,
.events_div { padding: 0 0 30px; }
section.photo-gallery{ padding-bottom: 40px;}
.volunteer-page .section { margin-bottom: 40px; }

h2, .h2 { font-size: 22px;}
.volunteer-page .section h2 { font-size: 22px;  margin-bottom: 25px;  }
.complaint_form.contact .form_right { max-width: 100%; }
.contact .form_right form .input-fild { margin-bottom: 15px; }
.contact .form_right form .input-fild  input[type="text"], .contact .form_right form .input-fild   input[type="email"], .contact .form_right form .input-fild  input[type="password"], .contact .form_right form .input-fild  input[type="tel"], .contact .form_right form .input-fild  input[type="number"], .contact .form_right form .input-fild  textarea { padding: 10px 15px; border: 0px; box-shadow: 1px 3px 5px #8080806e; }
.col-2 { max-width: 100%; }
.col-3 { max-width: 100%; }
.complaint_form.contact .form_right { padding: 13px 20px; }
.wola-map-page{ height: auto !important;}
.def-page iframe {height: 600px !important; }

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield textarea, .gform-theme--foundation .gfield input[type="text"] { padding: 10px 15px !important; font-size: 14px !important; }
input.gform_button.button { font-size: 16px!important; padding: 2px 30px !important; }
.gform-theme--foundation .gform-grid-row { row-gap: 20px !important; }

.calendar_inr .eo-fullcalendar .fc-toolbar { padding: 20px 20px 60px; }
.calendar_inr .fc-toolbar .fc-left { position: absolute; left: 10px; bottom: 5px; }

.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box{    min-height: 180px; }
.calendar_inr { padding: 0 0 30px; }



/* MAHIMA 24-11-2025 */
body { font-size: 17px; line-height: 27px; }
}

@media (max-width:600px){ .tab-items { max-width: 100%; }}

@media (max-width:478px){
h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 19px; }
.container { padding: 0 20px; }
header .header_inr { padding: 0; }
header .logo { max-width: 85px; }
.menu-toggle::before { width: 65PX; RIGHT: -20PX; }
/* .lake .lake_inr h1.h2 { line-height: 30px; padding: 85px 0 0; } */
/* section.lake { min-height: 450PX;         padding-bottom: 20px;} */
.banner .banner_img img {OBJECT-FIT: cover; }
.banner .banner_btn_item { bottom: 115px; } 
.banner .banner_logo { width: 50px; bottom: -37px; }
.lake .lake_inr h1.h2 { line-height: 30px; }
/* .banner .banner_img { height: 690px; }  */
p { font-size: 16px;   margin-bottom: 15px;}
/* .boating .boating_item .boating_right { height: 160px; } */
.boating_right { padding: 0px 0; }
footer .footer_inr { padding: 20px 0 20px; gap: 12px; }
footer .contact-info-form span { font-size: 18px; }
.boating .boating_item .boating_right:hover .boating_text_item { margin: 0px 10PX 0 28px; font-size: 16px; }
section.banner::before { bottom: -10px; height: 95px; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { padding: 0px 12px; font-size: 15px; }
footer .contact-input-dtls .more_info .contact-dtls input[type="submit"] { font-size: 16px; padding: 0px 16px; }
.footer_center { max-width: 100%; }
footer .footer_center .footer_logo { width: 57px; }
footer .footer_menu nav ul li a { font-size: 16px; }
.footer_menu ul { gap: 3PX 13PX; }
footer .footer_address { padding: 13px 15px; }
footer .footer_right_inr .footer_address a { font-size: 16px; }
footer .footer_center .footer_logo::after { height: 289PX; }
.header_menu  nav  ul { width: 80%; padding: 60px 20px 0 20px; }
header  .header_menu nav ul li a { font-size: 14px; }
/* .header_menu nav ul.open li { padding: 5px 0; } */
.boating .boating_item::before, .boating .boating_item.sec::before { width: 52px; height: 52px; }
.boating .boating_item::before, .boating .boating_item.sec::before { bottom: 175px; }
footer .contact-info-form h2 { font-size: 20px; }
footer .contact-input-dtls .footer-box a { font-size: 16px; line-height: 22px; }
footer .footer_center .footer_logo { width: 52px; }
.inr_header .logo { max-width: 80px; }
.header_img { margin: -28px auto 0; width: 52px; }
.inr_banner h1 { padding: 18px 0; }
.about.loop_section .about_top:nth-child(odd), .about .about_top { padding: 0 0 20px; gap: 20px; }
.faq_tab_inr { padding: 15px 15px; }
section.faq_tab { padding: 10px 0 20px; }
.faq_tab  .collapsible-trigger-btn::after { right: 12px; }
.faq_tab  .collapsible-trigger-btn { padding: 14px 30px 9px 14px; }
.faq_tab  .collapsible-trigger-btn  h4 { font-size: 16px; }
.faq_tab .faq_head .faq_tabs_content_text { padding: 5px 10px 14px 14px; }
.col-2 { max-width: 100%; }
.contact .form_right form .input-fild { margin-bottom: 15px; }
.contact .form_inr { PADDING: 0px 0 25PX; }
.contact .wpcf7-response-output { font-size: 16px; }
.contact .input-fild.recpathca { transform: scale(0.7); margin-left: -42px; margin-top: -10px; }
.faq_tab_inr { border: 2px solid; }
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 2px solid transparent; }
.contact .form_right h3 { padding: 0px 0 14px; }
.contact .form_right form .input-fild  input[type="text"], .contact .form_right form .input-fild   input[type="email"], .contact .form_right form .input-fild  input[type="password"], .contact .form_right form .input-fild  input[type="tel"], .contact .form_right form .input-fild  input[type="number"], .contact .form_right form .input-fild  textarea { padding: 8px 14px; }
footer .footer_address, footer .contact-info-form { border: 3px solid #E3B752; }
.contact .form_left .form_img img ,.about .about_left .about_img img{ box-shadow: 5px 5px 5px rgb(0 0 0 / 29%); }
.mfp-content { margin: 0 auto !important; }
.header_menu .a_btn a.button.member-portal-btn {  background-size: 20px;  }
/* header.front_page_header .header_menu .a_btn a.button.member-portal-btn {  background-size: 0px;  }
header.login_before_header_cls   .header_menu .a_btn a.button.member-portal-btn {  background-size: 0px;  } */
.banner_btn { DISPLAY: block; WIDTH: 100%; }
header  .header_menu nav { padding:0; top: 0px; }
.menu-toggle { right: 20px; }
form.wpcf7-form.init { font-size: 16px; line-height: normal; }
.annual-meeting-info-page { padding: 0 0 30px 0px; }

.inr_header .header_inr { padding: 6px 0 10px; }
header  .header_menu { padding: 0; gap: 10px;  border-radius: 0; top: 0; }
header .a_btn { width: auto; display: flex; flex-wrap: wrap; gap: 10px; }
header .header_menu nav ul { width: 95%; }


.gutter_solutions .gutter_solutions_inr .gutter_solutions_img_box { max-width: 100%;  min-height: 130px; }

section.gutter_solutions,
.events_div { padding: 0 0 20px; }
section.photo-gallery{ padding-bottom: 30px;}
.volunteer-page .section { margin-bottom: 30px; }

h2, .h2 { font-size: 20px;}
.volunteer-page .section h2 { font-size: 20px;  margin-bottom: 20px;  }
.volunteer-page .grid {gap: 15px; }
.complaint_form.contact .form_right { padding: 13px; }
.contact .form_right form .input-fild  input[type="text"], .contact .form_right form .input-fild   input[type="email"], .contact .form_right form .input-fild  input[type="password"], .contact .form_right form .input-fild  input[type="tel"], .contact .form_right form .input-fild  input[type="number"], .contact .form_right form .input-fild  textarea { padding: 10px; }
input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea { font-size: 14px; }
.faq_tab .faq_head .faq_tabs_content_text p:last-of-type { margin-bottom: 0; text-wrap: auto; word-wrap: break-word; display: inline; }
.faq_tabs_content_inner { display: block; }
.def-page iframe { height: 400px !important; }

.gform-theme--foundation .ginput_recaptcha  { scale: 0.70; margin: 0 0 0 -40px; }
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield textarea, .gform-theme--foundation .gfield input[type="text"] { padding: 8px 12px !important; font-size: 12px !important; line-height: 15px; }
.gform-theme--foundation .gform-grid-row { row-gap: 20px !important; }
input.gform_button.button { padding: 2px 20px !important; }
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer { margin-block-start: 10px !important; }

.banner .banner_img { height: 300px; }
header .header_menu nav ul li ul.sub-menu li a, header .header_menu nav ul li ul.sub-menu li > ul.sub-menu li a { font-size: 14px; }

.header_menu .a_btn a.button { font-size: 0; display: flex; align-items: center; width: 40px; height: 40px; padding: 0; text-align: center; justify-content: center; }
.header_menu .a_btn a.button svg { width: 18px !important; height: 18px !important; fill: white; margin-right: 0 !important; }
/* header .header_inr .logo a img { height: 85px; } */
.calendar_inr .fc-toolbar .fc-center h2 { font-size: 18px; }
.calendar_inr .fc-toolbar button.fc-state-default { width: 30px; height: 30px; }
.calendar_inr .fc-view .fc-content-skeleton td { font-size: 16px; }
.calendar_inr select.eo-fc-filter.eo-fc-filter-category { font-size: 16px; height: 40px; }
.calendar_inr select.eo-fc-filter.eo-fc-filter-category { font-size: 16px; height: 40px; padding: 0 30px 0 10px  !important; }
.calendar_inr .eo-fullcalendar .fc-toolbar { padding: 15px 15px 50px; }
.calendar_inr { padding: 0 0 20px; }


.filter select { min-width: calc(70% - 15px); }
.village_board_inr { max-width: 100%; padding: 5px; }
.event_box.village_board_event_box strong { font-size: 16px; }
.team_popup_otr { max-width: 280px; padding: 15px; }
.team_popup_otr button.mfp-close { height: 30px !important; width: 30px; right: 0; top: -40px; }
.team_popup_otr .left_img { margin-right: 0; margin-bottom: 10px; line-height: 0; }
.team_content p { margin: 5px 0 10px; }

/* def-page */
.def-page ul li::before { width: 6px; height: 6px; }
.def-page { padding: 0 0 20px 0px; }
.def-page h6 { font-size: 16px; line-height: 26px }
.def-page ul.col-2 li, .def-page ul.col-3 li, .tab .tab-img a { width: 100% }
.def-page h2 { font-size: 22px; line-height: 26px }
.def-page h3 { font-size: 20px; line-height: 28px }
.def-page h4 { font-size: 18px; line-height: 26px }
.def-page h5 { font-size: 17px; line-height: 26px }
.def-page p { font-size: 16px; line-height: 24px;word-wrap: break-word; }
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6 { margin-bottom: 8px }
.def-page ol li, .def-page ul li { font-size: 16px; margin-bottom: 5px }
.privacy-page ol { margin: 5px 0 10px }
.privacy-page ol, .privacy-page ul { margin-left: 8px }
.pagenotfound { padding: 15px 0 }
.pagenotfound h2 { font-size: 20px }
.pagenotfound p { font-size: 15px }
.def-page ol li:before { padding-right: 8px }
/* def-page */


/* 24-11-2025 MAHIMA */
body { font-size: 16px; line-height: 25px; }
}